APPLICATION DESIGN - PROJECT 4 FINAL PROJECT

09/12/25 - 04/01/25 (Week 12 - 14)

SUN YUTONG (0377440)

APPLICATION DESIGN / Bachelor of Design (Honours) in Creative Media

Project 4: HI-Fi App Design Prototype

---

JUMP LINK

• INSTRUCTIONS
• LECTURES
• PROJECT 4 - HI-FI APP DESIGN PROTOTYPE
• FINAL PROPOSAL SLIDES
• FEEDBACKS
• REFLECTION

---

INSTRUCTIONS

---

LECTURES

WEEK 12: User Interface Visual Elements

---

PROJECT 4 - HI-FI APP DESIGN PROTOTYPE

Based on user testing feedback, I made further improvements to the low-fidelity prototype. User feedback indicated that the interaction flow of the sharing page within the trip creation page was difficult to understand, so I made adjustments to this part.

Fig 1.1 Low-fidelity prototype adjustment

Next, I began high-fidelity prototyping. In the application, I used UI Kit to maintain consistency in the overall visual language while improving the design efficiency and maintainability of the high-fidelity prototype.

UI Kit is organized into color palette, typography, button components, icons, and cards/containers to ensure visual consistency and scalable design:

Fig 1.2 UI Kit

Fig 1.3 UI Kit (2)

Fig 1.4 UI Kit (3)

Fig 1.5 UI Kit (4)

Fig 1.6 UI Kit (5)

Next, I added the app's monetization model, which involves generating revenue by offering a Pro version.

Fig 1.7 Monetization

In terms of gamification, I chose to add an achievement system to increase user engagement and encourage users to continue using the application: 

Fig 1.8 Gamification

Next, I completed the design of a high-fidelity prototype, and I used videos to demonstrate the application's main functions and processes.

Figma Link:

 https://www.figma.com/design/8aIagp7TmgqjwWKjBPHVLl/Assessment-4---Hi-fi-prototype?node-id=0-1&t=GZ87Efx15V6fcaB9-1

Video Display Link: 

https://drive.google.com/file/d/106MpxwJ96NMqNwEPajlcFHz5RE1v1dUP/view?usp=sharing

---

FINAL PROPOSAL SLIDES

PROJECT 4 - Hi-Fi App Design Prototype

Figma Link

Prototype Link

---

FEEDBACKS

- No Feedback

---

REFLECTION

This module provided me with a more comprehensive and realistic understanding of application design. Over 14 weeks, I learned how to design an application. Through practical tasks at different stages, I learned how to transform design ideas into working prototypes and continuously optimize design decisions based on feedback.

Overall, this module not only helped improve my professional application design skills but also fostered a more rational, user-centered design mindset. In the future, I hope to apply the methods and experiences learned in this course to more realistic and complex design scenarios to further enhance my design abilities.