Project 1

10th September 2019 (week 1-)
Daryl Pung Xi Ern (0333743)
Interactive Design Projects

---

INSTRUCTIONS

---

PROJECT 1

Week 3
For our first project, we had to create a landing page for whatever we want. Our layout needed to have a minimum of three sections. I decided to do mine about a relatively new Chinese idol group called Wayv, because I realized that they don't have a website despite the fact that they already debuted.

Some inspiration I found:

Frustratingly, there aren't a lot of images of the group, so I decided to check out their music videos and take screenshots.

I took screenshots from two of their most viewed videos: Regular and Take Off. Both of the videos are very different concepts, for Regular there's a darker and edgier tone to it, while for Take Off there's a lot of bright scenes.

I first made a layout based on their Regular music video and made the color palette predominantly red, black and white.

Here's the group image I used:

 I slightly changed the saturation and hue of the original group image to fit with the redder scheme. I also rotated the image. 

Next, I used this screenshot I took from the music video, since I felt like the colors really match theme.

For the final part, I made a section for their merchandise. However, the only available pictures of their merch shows their shirts overlapping one another and a part of the sleeves are cut off.

But, I tried to make it work.

I wasn't particularly satisfied with the outcome, so I made another layout based on their latest music video called "Take Off". I used this scene as I thought it was a very good angle of the group and the picture isn't very dark, so it was easy to create a simple layout based on it.

I added a little noise to create somewhat of a vintage feeling. I also put the social media up on the right hand corner along with language settings, since they have a lot of fans from different countries.

Next up, I thought it would be interesting to add a section where the viewers can look at their music videos, at the same time I also added spotify, apple music and youtube icons. The other thumbnails are slightly faded to show that they aren't selected. 

 Lastly, for the final section, I used this screenshot from a bird's eye view of the group.

I used the same image of the merchandise and made it upright this time. I realised that in my previous design I forgot to put their newsletter subscription option, so I made one at the footer with bold words where it grabs the viewer's attention.