Application Design 1 - Final Project: High Fidelity Prototype

22/07/2024 - 05/08/2024
Ng Zheng Kai 0359424
Bachelor of Design in Creative Media
Application Design 1
Final Project

INSTRUCTIONS




Final Project

For this project, we are to create a high-fi prototype based on the feedback from the lo-fi prototype usability testing.

Before starting the project via Figma, I used a website (https://colors.artyclick.com) to choose a suitable colour palette for the prototype.

Fig 1.1 Colour Palette

After that, I created a duplicate page from the lo-fi page and start to design it.

I started to search for images relating to Firefly Airlines to implement on my prototype. Simply pasting an image won't cut it, so I added an inner shadow effect so that it fits better with the overall aesthetic of the app.


Fig 1.2 Before inner shadow effect



Fig 1.3 After inner shadow effect


Then, I started to implement colours and images on the main menu and the rest of the pages.

Fig 1.4 Newly designed main menu


Fig 1.5 Destination selection page


Fig 1.6 Date selection page

Fig 1.7 Flight selection page


Fig 1.8 Seat selection page


Fig 1.9 Review & payment page
Fig 1.10 Boarding pass page


Fig 1.11 Entire Hi-Fi Figma page

Final Submission



Fig 1.12 Figma Preview



Fig 1.13 Hi-Fi Prototype


Fig 1.14 Video Walkthrough of Hi-Fi prototype


REFLECTION

As I embark on the journey of redesigning the Firefly Airlines App using Figma, I find myself deeply immersed in the process of creating both low-fidelity (lo-fi) and high-fidelity (hi-fi) prototypes. This project is not just about developing a visually appealing and functional app but also about enhancing my competencies in User Interface (UI) and User Experience (UX) design, and reflecting on my individual performance for self-improvement.

Reflecting on my journey, I can see substantial growth in my skills and understanding. I have become more proficient in using Figma, but more importantly, I have learned how to critically evaluate my work and seek constructive feedback.

In conclusion, redesigning the Firefly Airlines App using Figma has been a transformative experience. It has allowed me to hone my UI/UX design skills, appreciate the iterative design process, and develop a habit of continuous self-improvement. As I move forward, I am confident that the competencies I have gained and the lessons I have learned will serve me well in my future projects and career. This project has not only made me a better designer but also a more reflective and proactive learner.


Comments

Post a Comment

Popular posts from this blog

Intercultural Design

Image
Week 1 - 7 Ng Zheng Kai 0359424 Intercultural Design / Bachelor of Design in Creative Media (hons)`  Project 1, 2 & 3: Hanhaba Obi  INSTRUCTIONS A proposal to concretise ideas, supported by research, for a final design revolving a given theme that reflects students’ understanding and interpretation of global issues and design aesthetics. The general theme is “Cultural Sensitivity in Design” You are to study a cultural phenomenon, or a particular subculture that is perceived as ‘sensitive’, and “frame” your study within the chosen theme. You are to convey this cultural aspect without altering the actual facts but within a presentable interpretation and adaptation that raises awareness from the viewers. Produce some preliminary ideas on how to visually express you interpretation using design language. Each idea is to be supported by a short ratio
Read more

Experiential Design: Exercises

Image
23/09/2024 - 20/10/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Exercises INSTRUCTIONS Week 1 -Introduction to the module and expectations of the class Week 2  -Journey map group activity In this group activity, we were to come up with a user journey map on an existing place. We cam up with Genting Skyworlds Theme Park and used Miro to create the journey map Fig 1.1 Group Activity User Journey Map Fig 1.2 Miro User Journey Map Task 1: AR Animals Task: Launch google.com on your phone browser search for dinosaur or dog, cat, tiger View in 3D View in AR (Life Size) Fig 1.3 View in 3D Fig 1.4 View in AR
Read more

Experiential Design: Project 1

Image
4/11/2024 - 12/11/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Project 1 INSTRUCTIONS Ideation process: Project 1: Anatomy Educational AR App Problem : Limited access to detailed and interactive anatomical models of the human body for educational purposes. Solution : An AR-powered platform allowing users to explore and interact with detailed 3D anatomical models of the human body. Fig 1.1 Anatomy AR App Feedback from Mr Razif: Animation on 3D models showcasing how different biological systems works could be interesting but animating 3D models might be hard to achieve. Project 2: Furniture Placement AR Problem: Difficulty
Read more