In this assignment, we were told to create a website for the imaginary band 'One Dream' using Adb XD. This is somewhat a continuation from a previous assignment where we had to create a vinyl cover for the same band.
MOODBOARD
Firstly we were told to brainstorm 3 different concepts before we create our web. The first one (left) is a more graphic, animated colorful look. The second one (centre) is a darker somewhat vintage concept but with a little bit of modernization. The last one (right) is a soft, clean look.
I ended up creating a mixture of the first and second one. I created a more darker tone vintage vibe but with graphic elements. Mostly relying on squares and images.
WIREFRAME SKETCH
I went on to sketch out the wireframe before I create the digital version
We had a requirement to make a landing page, merchandise page, discography and tour page.
SITE MAP
Then I went on to creating the digital wireframe
Inserting the images and adding colours
Then I proceeded to insert images and such into the wireframe. I used images from a band called Against The Current
Images via Twitter and Pinterest
I went along with a cyan, red and black color scheme.
This is the album cover that is mainly focused on. All merchandise are based on this cover.
I created this album cover for a previous assignment using photoshop
These are the rest of the mockup albums I used, I did not create any of it.
The album on the bottom left is by a group called 15*stars, the rest are made by a friend.
Merchandise Mock Up
web walkthrough
mobile version walkthrough
Opmerkingen