top of page
final logos_logomark copy.png

Jack Johnson Website Redesign

Web Design, 2024

How to Use Prototype

It works best to click through the protoype as if it were a real site rather than using the arrows. Many elements are interactive, so feel free to try clicking around to see what happens! However, keep in mind that not all elements are functional as this is a prototype. If you are viewing this website on mobile, it is recommended to make the prototype full screen in order to navigate more easily.

My goal for this project was to create a much more modern site for Jack Johnson, as his current site feels very outdated and disorganized. I chose to feature photography prominently in the main pages. For the albums, I incorporated a scrolling effect that would switch the color of the page to match each album in order to create a more immersive experience for users. The tour page includes a simple layout that lists tour dates and would link to an external ticket seller. The about page would contain a brief summary of Jack Johnson and his music, as well as a section about his sustainability project.

bottom of page