Interactive Design | Project 2: Website Redesign Prototype
2/6/25 - 22/6/25 (Week 7 - Week 9)
Kimberly Miaw Jya Nee | 0366836
Bachelor of Design (Honours) in Creative Media | Taylor's University
Interactive Design
Project 2: Website Redesign Prototype
[Table of Contents]
1.
Instructions
2.
Project
3.
Feedback
4.
Reflection
5.
Quick Links
[Instructions]
[Project]
In our second project, we were required to develop a prototype of our chosen website based on the website redesign proposal in Project 1. We have to use Figma to create the prototype.
Key Pages to Include:
1. Homepage
2. Core Content Pages (at least 2)
3. Contact Page
The website I’m redesigning is for
Woo! Cafe. In
Project 1, I prepared a
proposal
detailing my analysis, research and ideas for the redesign.
Process Work
note*A brief writeup in your E-Portfolio of (500–800 words) outlining the key features of the prototype, any design decisions made during development, and how the prototype addresses the objectives set in the redesign proposal.
Research
I started this project by looking up visual references for each page of the
redesigned website on Pinterest. I also used
Wemake.nl as
part of my moodboard.
Pages:
1. Home
2. Our Story
3. Menu
4. Services
5. Find Us
Fig. 1. Website Design References / Inspiration - Home Page
Fig. 2. Website Redesign References / Inspiration - Our Story Page
Fig. 3. Website Redesign References / Inspiration - Menu Page
Fig. 4. Website Redesign References / Inspiration - Services
Page
Fig. 5. Website Redesign References / Inspiration - Find Us
Page
Ideation
Images from Pexels
Final Figma Prototype
Website Redesign Prototype
[Feedback]
Week 7 (4/6/25)
General Feedback:
We continued CSS coding exercise using Dreamweaver in class this week. Mr
Shamsul taught us how to add text boxes, background images into our
website
Specific Feedback:
Started Project 2.
Week 8 (11/6/25)
General Feedback:
[Independent Learning Week] No class this week. Sir uploaded a Figma
tutorial. I began looking up visual references and inspirations from
Pinterest.
Specific Feedback:
N/A
Week 9 (18/6/25)
General Feedback:
[Submission Week] Dropdown menu exercise in class. Sir mentioned he wants
to check Project 3 progress next week (Week 10).
Specific Feedback:
I continued to work on my prototype in Figma for this week.
I continued to work on my prototype in Figma for this week.
[Reflection]
Experience
Observation
Interactive Design: Final Compilation
Thank You
