Application Design I - Final Project: High Fidelity App Design Prototype


17.7.2024 -29.7.2024 /Week 13- Week 15

Zhao Guanmei | 0363166
Application Design 1 | Bachelor of Design (Hons) in Creative Media
Final Project : High Fidelity App Design Prototype

INDEX

Final Project : High Fidelity App Design Prototype
Reflections


INDTRUCTIONS



Final Project : High Fidelity App Design Prototype

During Weeks 08 to 14, we were tasked with completing final project—a fully functional mobile application design prototype
This required integrating visual assets and refining the prototype into a complete product experience. 

I continued using H&M's brand colors and incorporated numerous icons into the design, which not only ensured brand consistency but also enhanced user navigation and interaction.





In the process of redesigning the H&M app, I chose high-quality royalty-free images and H&M product images to shape the H&M brand identity and enhance the app's professionalism and credibility.

Notify function design



comparison of "sign in"page design(left - before right- after redesign)



comparison of categories page design(left - before right- after redesign)

comparison of Profile page design(left - before right- after redesign)

New function design - package tracking

comparison of check out page 


Final High Fidelity App Design Prototype Overview

Final High Fidelity App Design Prototype


Demonstrating Video:


Reflections
Experience
During the redesign process of the H&M application, I faced many challenges and learning opportunities. Initially, I set up the project and planned key improvement areas, including enhancements to navigation, the homepage, and product pages. Developing low-fidelity prototypes in Figma was an interesting process, but it was sometimes stressful, especially under tight deadlines. I initially focused on creating buttons, animation effects, and gallery functions, gradually exploring more complex features and designs. Prototyping allowed me to visually demonstrate interface interactions and user flows and to gather user feedback in later stages.

Findings
Throughout the redesign process, I discovered several important insights. A well-structured navigation system significantly improved user experience, making it easier for users to find what they needed. Adding images to category navigation and offering different browsing formats made the interface more intuitive and visually appealing. Enhancing the font hierarchy on product pages made price information more prominent, which is crucial for users.

Observations
In this project, I observed that continuous design improvements can lead to significant positive changes, and even minor details can impact the overall UI design's presentation and functionality. Despite the process being stressful, the constant learning and support from Mr. Zeon were incredibly valuable. Ultimately, I completed a design that not only improved my design skills but also boosted my confidence in facing future challenges.


Comments

Popular Posts