Interactive Design - Project 1: Landing Page Design

 2/9/2022 - 14/10/2022 (Week 1 - Week 7)

Anna Chin Siaw Fong / 0354370 
Interactive Design / Bachelor of Design (Honours) in Creative Media / Taylor's University
Project 1 / Landing Page Design

---

LECTURES

Completed. All lectures can be found in Interactive Design - Exercises.

---

INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1dnGXD7LLgJc6rPdothtAfZVSbIth7_PS/preview" width="640" height="480" allow="autoplay"></iframe>

Project 1: Landing Page Design

Before starting my project, I did some visual research. I looked through pinterest for some inspirations for my landing page.

Fig 1.0 Inspirations

I brainstormed ideas for my landing page and wireframed them using Miro.

Fig 1.1 Landing page wireframe

Link to Miro: https://miro.com/app/board/uXjVPTjA958=/?share_link_id=924992379934

After finishing my wireframes, I received feedback from Mr Shamsul and proceed to create my landing page using Adobe Illustrator.

Fig 1.2 Section 1

Fig 1.3 Section 2

Fig 1.4 Section 3

Fig 1.5 Footer

Final Landing Page Design Submission

Fig 1.6 Final Landing Page Design

Google Slides Link: https://docs.google.com/presentation/d/1-UZ2P7zNZWZ0XwYNU3Zd61F_LDZh_s9D/edit?usp=sharing&ouid=112581213874076970143&rtpof=true&sd=true

---

FEEDBACK

• Be more detailed when creating the wireframe
• Proceed with sketch #18

---

REFLECTION

It was really fun creating a landing page design. I really enjoyed the process. I really liked it because I was designing a landing page for one of my favourite artist. This project has helped me gain knowledge about website layouts. I am looking forward for the further projects.