Creating a Website

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

https://app.milanote.com/1L2QzI17vXqL4K/dd2-web-design-mood-board

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