Interactive Design - Final Project

Week 11 - Week 14
Tabita Febrilia (0340357)
Interactive Design
Final Project

---

INSTRUCTION

---

FINAL PROJECT

For this project, we need to pair up with our friends as a client and designer. So I pair up with Dio, and I'm doing a recipe website for him. And here's the content that he gave me.

Fig 1.1: Dio's Content

And I try to design the layout.

Fig 1.2: 1st draft layout

Fig 1.3: 2nd draft

Fig 1.4: 2nd draft 2

Then I try to design the landing page. But before that I try to see some reference.

Fig 1.5: Reference 1 

Fig 1.6: Reference 2

Fig 1.7: Reference 3

From the reference, I try to design the landing page.

Fig 1.8: 1st Draft landing page

And after that we do presentation of our moodboard.

Fig 1.9: Final Project Presentation

So I improve, and here's my final landing page.

Fig 1.10: 1st Page (Home) 

Fig 1.11: 2nd Page (Recipes)

Fig 1.12: 3rd Page (Kitchen Tips) 

Fig 1.13: 4rd Page (Contact) 

Fig 1.14: 5st Page (About)

Then the next thing to do is do the coding.

Fig 1.15: Code

I used Visual Code cause I got a lot of trouble using dreamweaver and I don't know why.

Fig 1.16: One of the trouble that I faced
and don't know how to fix it.

Fig 1.17: Final folder

Fig 1.18: Final Page 1 

Fig 1.19: Final Page 2

Fig 1.20: Final Page 3 

Fig 1.21: Final Page 4

Fig 1.22: Final Page 5

FINAL LINK - https://finalprojectidbytabitafebrilia.netlify.app