Interactive Design: Project 1 Landing Page Design

18/05/2022 - 01/06/2022 / Week 8 - Week 10
Darren Liga / 0351480
Interactive Design / Bachelor of Design (Hons) in Creative Media
Project 1: Landing Page Design

---

URL:
https://project2-darrenliga-landingpage.netlify.app/index.html

INSTRUCTIONS

Project 1: Landing Page Design

For project 1, we are to design a static landing page with the purpose of promoting a business/service or product.

Fig 1.1: wirframe design 1

Firstly, we were asked to create a wireframe (sketch) of the layout of each contents of our landing page. 

Then, we to do a fully designed illustration of the content. 

I used adobe photoshop to do this part of the assignment.

Fig 1.2: Part 2 development

I wanted to have a minimal and clean looking website design portfolio with a warm tone color scheme.

Since beige is one of my favorite color, i wanted to add a touch of personalization since this is my portfolio.

Fig 1.3: Refined Landing Page Design Development

PDF 1.1: Final Project 1: Landing Page Design - PDF

Website development on Project 2: Microsite & Project 3:Website

URL to final site:

https://project2-darrenliga-landingpage.netlify.app/index.html

---

FEEDBACK

3 designs for wireframe should be shown instead of 1, but for the final design, everything looks good, mr shamsul told me to continue coding.

---

REFLECTION

Through this assignment, I gained knowledge on what a landing page is and what often appears on one. While creating the landing page, I had the opportunity to practise design concepts, typography, and graphic design elements. Since this is my first experience coding, I discovered that it's crucial to design something that can be implemented in code.

---