Interactive Design - Project 1

Week 3-Week 5

Alfie Koh Chen Fong (0340310)

Interactive Design

Project 1

---

INSTRUCTION 

---

Project 1

Week 5(13/05/20)

This week we were briefed about project 1which is Landing Page Design. We should decide the topic of our website and show the sketches to lecturers next week. Our website should have a "call of action" which is like a purpose. I decide to create a music app and the "call to action" is to ask people to get the premium version of the music app. I refer to some of the music app website and start sketching out my idea.(Fig 1.01-1.06)

Fig 1.01 Header of "Spotify"

Fig 1.02 Footer of "Spotify"

Fig 1.03 Header of "Pandora"

Fig 1.04 Footer of "Pandora"

Fig 1.05 Sketch of my idea 

Fig 1.06 Sketch of my idea

Week 6(20/05/2020)
We are assigned to design the layout of  our websites in Adobe Illustrator. Below is my first attempt.(Fig 1.08)

Fig 1.07 Some of the elements of the website

Fig 1.08 Layout design of my website "MUSSIC"

Week 7(27/05/2020)

Mr Shamsul said the boxes are not necessary, the call to action is not persuasive and obvious. I should design a better layout compare to my reference website. After receiving the feedback, I decide to create a Spotify website. Below is the second attempt. (Fig 1.09)

Fig 1.09 Second attempt

Mr Lun thinks the overall design is much better compares to the first attempt. But the header is compressed, and the information of footer is confusing. He said I should remove the "Free Mobile App", "Web Player", "Help" and "About" part. Under Mr Lun's feedback, I proceed to the third attempt, below is the third attempt. (Fig 1.10)

Fig 1.10 third attempt

Mr Lun also advises me to change the logo for social media. Below is the fourth attempt.(Fig 1.11)

Figure 1.11 Final outcome of Project 1(Fourth attempt) 

Pdf of Final outcome of Project 1