bob marley | one journey | responsive website

responsive site | design & coding | digital interactive II | final project | UArts | junior year

The Digital interactive II is an advanced web design studio that emphasizes coding practices and broadens the understanding and knowledge of the principles required to produce responsive digital spaces successfully. As the studio’s final project, students created an interactive single-page website with content their choice.

“Bob Marley, One Journey” is a digital space that honors and celebrates him as the dynamic artist he was. The site’s narrative depicts Marley’s life from his humble beginnings in 1962 through 1981 up to his untimely tragic end.

The responsive piece discusses Marley’s political stance and fights against global systemic racism, the Reggae artist’s novel sound, his platinum record recordings, and Tuff Gong’s music business accomplishments. “One Journey’s” dynamic content is rich with beautiful color and black and white imagery relevant to Marley’s life story-engaging information.

Bob Marley | One Journey home

Bob Marley | One Journey scene 3

Bob Marley | One Journey slide

Bob Marley | One Journey slide

Bob Marley | One Journey scene 5

Bob Marley | One Journey slide

Bob Marley | One Journey scene 9

Bob Marley | One Journey slide

Bob Marley | One Journey mobile screens 1 – 3

Bob Marley | One Journey mobile screens 4 – 6

Bob Marley | One Journey home identity treatments

Bob Marley | One Journey home identity

Bob Marley | One Journey home identity colorways

Ferari, Monza & F1 history thumbnail.

ferari & monza | evolution & history table

Wry Magazine thumbnail.

wry magazine | editorial design

Bob Marley One Journey thumbnail.

bob marley | one journey

Children’s Scholarship Fund Philadelphia thumbnail.

csfp | strategies & brand identity

Narrative & Typographic studies thumbnail.

narrative & typography | design studies

Boox app thumbnail.

boox | k – 12 education funding app

The Avian Crisis thumbnail.

the avian crisis | senior capstone project

Challenges thumbnail.

challenges | parallel narrative short

Free HTML5 by FreeHTML5.co

trapped | special effects short

A new Olde City thumbnail.

a new olde city | short depicting a place

Burger King thumbnail.

burger king | redemption ad campaign

Claritin ads thumbnail.

claritin | now ad-refresh campaign