Advanced Interactive Design - Task 2

05.6.2024 -26.6.2024 /Week 7-Week 10
Lim Jun Teng/ 0362890
Advanced Interactive Design / Bachelor of Design (Honours) in Creative Media
Task 2-Interactive Web Application Pre-production & Prototype

---

INTRODUCTION

For this assignment, we were tasked with developing an interactive application prototype for a selected brand. Before diving into the website design process, I visited Pinterest to gather ideas and inspiration. I then began brainstorming for my website and created a mood board to guide the design.

Before I start my research I change something of my sketches. This is what it will look like.

After the changes of my sketches I started my research.

Loading Page

Incorporated a fairytale theme to create an enchanting atmosphere. This includes a visual representation of loading progress to reduce user anxiety. Additionally, animations and effects are used to capture attention, making the wait feel like part of a magical journey.

https://pin.it/3YkStcwik

Home Page

The dress-up concept allows users to customize and style elements of the accessories, reflecting fashion and personalization. This enhances engagement and fun, while staying true to our brand style. It invites users to interact with content in a playful and meaningful way.

https://pin.it/7s0PxQWHX

Product Page
Providing a smooth and user-friendly browsing and selection experience. The clean layout uses high-quality images and concise descriptions to enhance visual appeal. We prioritize ease of navigation, ensuring quick and efficient product selection for our users

https://pin.it/1Z8glpKvL

Checkout Page

 user-friendly and ensures a smooth shopping experience. Users can easily browse product details, ingredients, and usage instructions. The process is designed for quick purchase completion, with intuitive navigation and secure payment options, ensuring every step is straightforward and pleasant

User Flow

Final Submission

Presentation Link :
https://youtu.be/0qvvvkWvxNY?si=dx3IgAL2BDxxV3xS

---

Reflection

Reflecting on this task, I realise that created a website is not easier. The fairytale-themed loading page not only captures users' attention but also eases their wait time with enchanting animations. The dress-up concept on the home page effectively enhances user engagement by allowing personalization, which is both fun and aligns with our brand's playful nature. Our product page's clean design and ease of navigation ensure users can find and select products efficiently, while the user-friendly checkout page guarantees a smooth and secure purchase process. This cohesive and delightful user journey is a testament to our dedication to creating enjoyable and efficient digital experiences, ultimately reflecting the core values of our brand.