Application Design 1 - Final Project: High-Fi App Design Prototype
Application Design 1 - Final Project: High-Fi App Design Prototype
21/6/2025 - 20/7/2025 (Week 10 - Week 15)
TABLE OF CONTENTS
|
| Typography. |
|
| Typography Guideline. |
|
| Colour Scheme. |
|
| Iconography. |
|
| layouts and Grids |
|
| layouts |
|
| components |
Initially, I considered designing more visually striking logos and icons. However, I realized that for a car rental app like Trevo, a flashy or overly decorative style wouldn’t be appropriate. A minimalist design approach would better suit the app, creating a clean and appealing look.
Production process
Production process2
Production process3
There are three stages in the testing phase.
Upon first launching the app, users access the sign-in/sign-up page. According to testing by my friends, the overall process works smoothly, allowing users to create accounts or log in without major issues. Only minor glitches were noted, such as unclear input prompts or slight UI adjustments needed, which can be addressed in subsequent updates.
Scenario 2: Car Rental Process
Users browse available cars, select their preferred vehicle, and proceed to the payment page. During testing, many users encountered difficulties at the payment stage — the interface became unresponsive or failed to submit orders. This issue appears related to misconfigured properties in the payment module, causing a blockage in the rental workflow. It is recommended to prioritize debugging this area, including code and API calls.
Scenario 3: Car Favoriting Feature
After completing or during the rental process, users can favorite cars they like. This feature is relatively straightforward and was tested without significant problems. User experience here was smooth and well-received.
Based on the feedback received from users during testing, I have updated and enhanced the components accordingly. The improvements include refined UI elements, clearer input prompts, and optimized interactions to ensure a smoother and more visually appealing user experience. These updates aim to address the minor issues reported and elevate the overall usability and aesthetics of the app.
The payment interface was thoroughly reviewed and debugged to resolve the blocking issues caused by misconfigured properties. Improvements in form validation, error handling, and backend integration now ensure that users can complete their payments without interruptions, significantly enhancing the rental flow.
User Sign-In and Registration:
Minor UI adjustments and clearer input prompts were added to address the small issues reported during the login and registration process. These refinements improve form clarity and reduce user confusion, resulting in a smoother onboarding experience.
Flow 1: User Sign
The sign-in and registration process starts with a clean and intuitive interface that simplifies account access for users. Minor interface refinements and clearer input prompts have been implemented to reduce confusion and enhance form clarity. Features such as password reset and social media login options improve accessibility, ensuring users can quickly and easily enter the app with minimal friction.
Flow 2: Car Re
This flow covers vehicle selection through to payment completion. A thorough review and debugging of the payment interface resolved issues caused by misconfigured properties that previously blocked users at checkout. Improvements to form validation, error handling, and backend integration now enable a smooth and reliable payment experience, significantly enhancing the overall rental workflow.
Flow 3: Vehicle Favoriting Feature
The vehicle favoriting feature allows users to save preferred cars for easy access later. This function operates seamlessly, with recent usability enhancements providing clearer visual feedback and smoother interactions, improving user engagement and satisfaction during vehicle collection and management.
评论
发表评论