The Brief: Create a must-visit website experience for a classic XL Recordings album using new tools and technologies that weren’t available at the time of album release.
Initial inspiration to choose The Prodigy’s Fat Of The Land came from personal love for the band. They were one of the first bands my dad ever took to me see, and Fat Of The Land remains my favourite album by The Prodigy.
Audience: Appeal to existing fans , as well as those who don’t know they are fans yet. Ravers, alternative community (punk), Misfits, “Firestarters”, rebels.
UX & UI
Technology:
- VR
- Micro-interactions
Micro-interactions:
Simple and subtle animated interactions between user and website. For example, animated Facebook reactions, Text colour change on websites.
VR Idea:
A lyric video which can be used with or without VR headsets. VR is a good way for people to be immersed in another world. A VR lyric video for each song from the album will bring the song and album to life, where the user is surrounded by the colours of the lyrics, synthesis, bass, keyboard etc. As well as the lyrics of the song. They can literally walk through the album!
Inspiration:
Home Page mockups and development:
The Problem:
Red text drew away focus from the illustration I made on Keith. As the illustration is the main focus (eyes moving), the text colour needed to be changed. Below is the process of experimenting with the text and possible layouts of the homepage
Final Home Page
The final home page is clear to navigate, with a simple, block white type for the main menu options and social media icons.
The Fat Of The Land remains visible, however does not draw focus away from the Micro-Interaction of Keiths eyes following the users cursor as they navigate the page.
On the illustration itself, I changed the eyes to green, simply to draw more focus to them. I also removed the thick eyeliner in order to make the eyes bigger, and more central to the page.
UX & UI: Keiths eyes follow the custom cursor as the user navigates the homepage. As the user selects a menu option, the text colour changes to highlight the option the user has selected.
Menu mockups and development:
Final Menu Mockups:
“The Prodigy” Menu option takes the user to a new page, where they can discover more about the album and the band, and can access the VR experience of Fat Of The Land
The VR Experience
The Virtual reality experience can be accessed with or without the use of VR headsets, in order to be accessible to everyone. The experience is essentially a lyric video, where the user enters a neon tunnel and is surrounded by the lyrics of the song they have selected.
Different coloured neon lights blink and pulsate according to the sound waves, and intensity. A colour key is shown in the mockup below.
The VR aspect gives the user the immersive experience of “walking through” the album, where they are surrounded by the lyrics of their favourite songs on the album.
Other Menu mockups:
Tribute to Keith
I felt a tribute to Keith Flint was necessary, as a page for his memory and the Prodigy’s “Raise The Roof!” project appeared on their official website as I was researching.
On this page, is information about Keith, as well as Information about the Raise The Roof Campaign and information about mental health. In addition, I created a hypothetical tribute to honour Keith and the 25th Anniversary of The Fat Of The Land, offering 10% of every Fat Of The Land merchandise sales to be given to mental health charities. This will particularly appeal to current, old and loyal fans, and gives customers a “Feel Good” feeling. In the Store mockup below, I also created official “Raise The Roof” merchandise.
Reflection:
Overall, I thoroughly enjoyed this brief, and feel confident that I have created a must-visit website experience with tools and technologies which weren’t available at the time of the album release. I am happy with how I have presented this project, and think I have done well in capturing the truth feel and aesthetic of not only the band, but the album too. The micro-interactions I have created, have created a good UX and UI, and is done to a good, overall standard.
I think I could improve this project by creating a functioning prototype of the VR Video Experience, and could possibly improve on the micro-interactions by making them more complex.
Nadya Cheetham 