Interactive Design / Project 1

09/09/2022 - 07/10/2022 / Week 2 - Week 5
Anna Ong Su Kuan / 0353775
Interactive Design / Bachelor of Creative Media / Taylor's University
Project 1

---

CONTEXTS

- Lectures
- Feedback 
- Reflections

---

INSTRUCTIONS



Landing Page Design

We are tasked to create a static landing page of a microsite from topic of our choice.

Research & Moodboard

Some things I've noted that could be in my landing page design
- image galleries (to showcase my art works)
- an about page (provide further insights about my background, inspirations, etc)
- a cv (to provide visitors with an overview of my educational & professional background)

Font chosen
- I've decided to pick Poppins (font style) from Google fonts

Pinterest Folder

Sketches

Fig 1.1 Sketches, (19/09/2022)

Fig 1.2 Sketches, (19/09/2022)

Fig 1.3 Sketches, (19/09/2022)

Since I am designing a website based off the concept of a portfolio, I made sure that each sketch consists of these few things (a short biography, my arts & contact info). I played around with different shapes & arrangement layout to showcase different varieties of design.

I personally like idea 2, 4, 9 & 11. These ideas have design layouts that I prefer & overall looks the most aesthetically pleasing.

Progression

Fig 2.1 Progression, (21/09/2022)

Using figma, I made 20 sketches of different concepts & layout of how my portfolio website's landing page would look like.

Final Design Submission

Fig 3.1 Final Design, (07/10/2022)

Fig 3.2 Final Design, (07/10/2022)

Fig 3.3 Final Design, (07/10/2022)

Fig 3.4 Final Design, (07/10/2022)

I created a color palette based off my research at the start, I then substitute the empty boxes & labelling with the appropriate images & texts. This includes the icons as seen on the last page design, I included some faint shadows to create a 3D like effect.

---

FEEDBACK

Week 5
Specific Feedback
I was advised to use idea 13, although my lecturer told me to choose an idea that fits my concept the best.

Week 9
Specific Feedback
A lot of shapes are involve in the design, can look too crowded & messy.

---

REFLECTIONS

Experience
Week 3 : I've never design a landing page for a website before, so it took me a bit of time to sketch out more than 10 different varieties.
Week 4 : Thankfully I have experience doing wireframing before, but it was definitely a new experience to do this many within such a short frame of time. 
Week 5 : I have some basic knowledge about the spacing & text size is preferred on website design, as well as the appropriate color tones to be used on screens.

Observations
Week 3 : Sketching out 5 designs is much more easier than trying to achieve 15-20 different varieties, hence a lot of time was used to brainstorm ideas.
Week 4 : After getting used to the website again, it slowly became easier & quicker for me to complete all 20 wireframing within that short period of time.
Week 5 : It didn't take me that much time to complete the final designing part, although positioning the images took awhile.

Findings
Week 3 : Looking at other ideas on Pinterest was very helpful, as I was able to brainstorm more ideas.
Week 4 : Having the sketches done, it was easier for me to complete the first 15 wireframing at a relatively fast pace. The remaining 5 didn't take that long either as I had the previous ones as reference.
Week 5 : Being able to see how others arrange their images & texts helped me & guided me well.