INTERACTIVE DESIGN: PROJECT 2_WEBSITES REDESIGN PROTOTYPE

 

|  24/09/24-24/12/24
||  Sun Jia Yi / 0370449
||  Interactive Design / Bachelor of Design (Hons) in Creative Media
||  Project 2 / Website Redesign Prototype

---

TABLE OF CONTENTS

1. Instructions

2. Feedback 

3. Reflection 

---

INSTRUCTIONS

This is the Module Information Booklet for this Module: 

Project 2: Website Redesign Prototype

• Visual Reference 
• Brief summary of prototype 
• Prototype / Final Submission 

---

Visual Reference

Figure 1.1: Visual Reference

Brief Summary of Prototype

The Laneige website features a wide array of Korean skincare and makeup products, highlighting their unique water-based ingredients for effective results. It includes sections for best sellers, new arrivals, and customer programs like loyalty and subscriptions. You'll also find details on customer care, shipping, and returns.

For the prototype, 5 page are developed, including:

Homepage

• Search session 
• Best seller 
• The set guide 
• Skin type 
• Take the Quiz 
• Explore the our story
• Offers banner 
• Privacy and Cookie policy 
• Contact us 
• FAQ 
• Sitemap 
• Orders Status
• Payment 

New Arrivals Page

• Price 
• Product number
• Product name/ Price 
• Privacy and Cookie policy 

• Contact us 
• FAQ 
• Sitemap 
• Orders Status
• Payment 

Best Seller Page

• Price 
• Product number
• Product name/ Price 
• Privacy and Cookie policy 

• Contact us 
• FAQ 
• Sitemap 
• Orders Status
• Payment 

Make Up Page

• Price 
• Product number
• Product name/ Price 
• Privacy and Cookie policy 

• Contact us 
• FAQ 
• Sitemap 
• Orders Status
• Payment 

Contact us Page

• Comment and report 
• Checkbox to receive further news 

The layout was significantly improved, with an emphasis on clearing away the old site's clutter. To achieve this, margins and white space have been inserted in between rows to improve the layout's organization and cleanliness. Additionally, there was a deliberate uniformity of color usage to help establish a simple, minimalist look.

Each section's layout was standardized to provide consistency across the website. A consistent edge radius was applied to all user interface components, such as buttons, cards, navigation bars, and photos. Additionally, enhanced usability and navigation made it simpler for users to navigate the website and access product categories, skin queries, and training resources. The user payment page was made simpler in order to increase conversion rates.

Prototype / Final Submission

figma link

Figure 2.2: Prototype

                                Figure 2.3: Project 2_Webiste Redesign Prototype

---

REFLECTIONS

Since this was my first experience really examining a website and coming up with ideas for improving it, I really loved working on this project overall. Researching and choosing which aspects to remodel was an intriguing and difficult task. Even though I know I can still do a lot better in a lot of areas, I have faith that with more practice and progress in the future, I will be able to produce greater outcomes.