Designing and building a webpage dedicated to the 1997 album “Fat of the Land” by The Prodigy.

We engrossed ourselves in the band, the album and the zeitgeist of 1997. We didn’t want to fall into the trap of creating only a nostalgic throwback, and thus explored what the prodigy represented back then and how that would translate onto today. The Fat of the Land was a groundbreaking and genre transcending album ahead of its time, and we wanted to mirror that in our designs, whilst also bringing forth the nostalgic grunge of the late 90s.

Early low fidelity sketching and wireframing defined what we would build - what user journeys our demo would support, how those pages would roughly look and what assets we might need.

We worked almost exclusively with assets created by us. This would allow us to have a unique brand which would convey the analog DIY-aesthetic.

‍Imagery
‍We scanned and photographed materials and textures in order to achieve the analog expression.

Typography
We created our own font (called "Funky Shit Sans") by writing letters with a marker pen on transparent plastic, throwing gravel on it, scanning it and then process it using Glyphs.

‍GIF:s
‍We created moving gif:s by screen capturing music videos and related material. These were used to space out the website and create breathing space between the cluttered sections.

‍Decor
‍We scanned and cut out png-images of tape and other materials which were used as floating assets on the webpage, mainly masking the orderly division of sections on the webpage.

‍Merchandise
‍We created fake merchandise images in Photoshop, inspired by the album themes. The merchandise images use a grainy filter, assuring they fit in with the webpage tonality.

Components
We strived to create components which would closely relate to the analog DIY expression of the brand. We created buttons, product cards, selectors and more. Influences include early desktop operating systems and analog graphic design magazines.

We designed the high-fidelity UI in parallel whilst creating assets and fine tuning the brand. This was the canvas where we explored how everything would come together in a few key pages. I moved on to work and iterate further in Webflow as soon as we had a good enough outline of the entire user journey and a few finished key pages.