Application Design | Final High-Fidelity App design prototype

 21/05/2025 - 25/6/2025 ( Week 5 - Week 10)

Lam Hui Zhen / 0374770
Application Design /  Bachelor of Design (Honors) in Creative Media / Taylors University
Project 4：Final Project

Table of Contents

  1. Instructions
  2. Project 3 : Final High-Fidelity App design prototype
  3. Reflection

Instructions

Fig 1 Module Info Booklet Application Design 1


Project 3 : Final High-Fidelity App design prototype

For this final project, we need to create a high-fidelity prototype of our mobile app. This means designing a realistic and polished version that shows the final visuals, smooth interactions, and main features. The prototype should include the completed color scheme, fonts, icons, and consistent design across all screens. It should also have working buttons, menus, and transitions that feel natural, helping users understand how the app works and looks.

UI Kit
Before starting the high-fidelity prototype, I created a UI Kit to ensure visual consistency throughout the app. The UI Kit includes key design elements such as color palettes, typography, icons, buttons, form inputs, and navigation components.

Fig 2.0 UI Kit

Prototype Design

Fig 2.1 Prototype overall

Hi-Fidelity prototype ( Overall features)
Fig 2.2 Landing page, Main Page and Burger menu

Fig 2.2 Profile, Loyalty page and Rewards Redeem page


Fig 2.4 Contact us, Live Chat and order history

Fig 2.5 Movie selection page, Movie preview and booking flow

Fig 2.6 Payment process

Fig 2.7 Feedback


Flow and Interactions

Flow 1 Booking Ticket
  1. Home Page
  2. Click 'View All' to explore more movie
  3. Explore the movie
  4. Click the movie move to details page
  5. Click 'Buy', proceed to time and seat selection
  6. Click 'Buy' and click 'view Cart'
  7. Click the arrow to look for purchase details
  8. Select Payment and click ' Check out'
  9. Ticket shown, click share button to share the ticket
Flow 2 Loyalty checking

Prototype Link: https://www.figma.com/proto/WjSsmizh9IV9o74w0PL6Yh/Application-Design1-Final?node-id=3-236&p=f&t=U1ee6iMMFQmrbGVs-1&scaling=scale-down&content-scaling=fixed&page-id=0%3A1

Reflection

The assignment has finally come to an end. This course has been very interesting for me—I never expected that I would learn and explore an application from such a different perspective. While redesigning the app, I realized that the process is not simple at all. I had to spend a lot of time in the early stages doing research and understanding user needs in order to truly meet those needs. Although the workload was a bit heavy, overall it was still a very enjoyable experience, and I learned a lot throughout the process.