Interactive Design | Project 2: Website Redesign Prototype

-

5/11/25 - 26/11/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]

2. Project

[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 1)
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.
Pages:
1. Home
2. Our Story
3. Menu
4. Services
5. Find Us

Fig. 1. Website Design References - Home Page


Fig. 2. Website Redesign References - Our Story Page


Fig. 3. Website Redesign References - Menu Page


Fig. 4. Website Redesign References - Services Page

Fig. 5. Website Redesign References - Find Us Page




Final Figma Prototype



[Feedback] 

Week 7 (5/11/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:

Week 8 (12/11/25)

General Feedback: 
[Online Class] We learned how to do dropdown menu.


Specific Feedback:

Week 9 (19/11/25)

General Feedback:
Continued working on Project 2 in class.

Specific Feedback:

Week 10 (26/11/25)

General Feedback:
[Submission Week] Feedback from Mr Shamsul during tutorial. He mentioned the title typeface could be better, find something more rounded. More negative space, the images are quite crowded

Specific Feedback:

[Reflection]

Experience 


Observation


Findings





[Quick Links]

Back To Top


Interactive Design: Final Compilation


Thank You

Comments

Post a Comment

Popular posts from this blog

Minor Project | Compilation & Reflection

-
Image
22/9/25 - 30/12/25 (Week 1 - Week 14) Kimberly Miaw Jya Nee | 0366836 Bachelor of Design (Honours) in Creative Media | Taylor's University Minor Project Final Compilation & Reflection [Table of Contents] 1. Instructions 2. Project 3. Final Compilation 4. Reflection [Instructions] [Project] Week 1: Module Briefing & Team Formation Module briefing by replacement teacher Mr. Sylvian as Ms. Wong is not in this week. We divided ourselves into groups of 5-7 (maximum 2 people from the same specialisation) Group Members: 1. Kimberly Miaw Jya Nee (GD) 2. Zhou Bo Ying (GD) 3. Ye Ying Ying (UI/UX) 4. Nathan Wira Susanto (UI/UX) 5. Yong Sun Lu (UI/UX) 6. Komugi Uchibori  (ED) 7.  Tan Sing Yee (ED) This week, we have also selected our project client to work with. Topic:   Cooling the Heat, Hea...
Read more

Packaging & Merchandising Design | Final Project: The Merch Drop

-
Image
1/12/25 - 11/1/25 (Week 11 - Week 14)  Kimberly Miaw Jya Nee | 0366836 Bachelor of Design (Honours) in Creative Media | Taylor's University Packaging & Merchandising Design Final Project: The Merch Drop (30%) [Table of Contents] 1.  Instructions 2.  Project 3.  Feedback 4.  Reflection 5.  Quick Links [Instructions] [Project] For our final project, we are required to further expand our brand and packaging identity that we have established in Project 2. We have to d esign a cohesive "merch drop" collection consisting of 5 distinct items and pitch the concept to the class. Collection must include: 1. One (1) POP (Point-of-Purchase) Display 2. Four (4) Merchandise Items Project Workflow & Deliverables Phase 1: Resea...
Read more

Brand Corporate Identity | Final Compilation

-
Image
22/9/25 - 23/1/26 (Week 1 - Week 14) Kimberly Miaw Jya Nee | 0366836 Bachelor of Design (Honours) in Creative Media | Taylor's University Brand Corporate Identity Final Compilation [Tables of Contents] 1. Lectures 2. Instructions 3. Tasks     Task 1: Breaking Brand     Task 2(A): Logo Research         2(B): Logo Development     Task 3: Positioning & Identity     Final Project: Brand Guideline 4.  Feedback 5. Reflection [Lectures] BCI_1_Introduction Brand Corporate Identity An integral part of graphic design discipline as it focuses on the visual integrity of a brand. "A symbol is a mark, sign, or word that indicates, signifies, or is understood as representing an idea, object, or relationship." ...
Read more