Application Design: Final Project

 July 16, 2025

Application Design: Final Project

26 July 2025 - 

FANG YAOYUE (0372006)

Application Design | Bachelor of Design in Creative Media | Taylor's University

Project 3: Lo-Fi App Design Prototype



List

LECTURES

INSTRUCTIONS

FEEDBACK

REFLECTION




LECTURES

Design system


Fig1.1 Design system Color Palette

Fig1.2Design system Color Palette

The software of Universal Studios mainly uses blue as the background color. It can be either light blue or white. The font is mainly black. All the buttons on the "store" page are mainly in blue, and they are all the same uniform blue color, which makes it more convenient to use.

In app design, the consistency of style and color plays an extremely important role. Firstly, a unified design style (including fonts, icons, button styles, etc.) enables users to maintain cognitive coherence when switching between different pages, reducing the learning cost and thereby enhancing the overall user experience. Unified design elements also help users quickly identify functional modules, improving operational efficiency. 

Secondly, the consistency of the color system helps to establish brand recognition. For instance, if a theme park App consistently uses the brand's main color and tones that match the brand's atmosphere, it will be easier for users to associate with the brand, enhancing trust and emotional connection. Moreover, colors can effectively guide users' gaze, such as by highlighting the main color buttons to attract clicks, or using a light background to create a clear and comfortable reading experience. 

Overall, the consistency between the style and color not only makes the design look more professional and aesthetically pleasing, but also significantly enhances its functionality, brand identity, and user satisfaction.


INSTRUCTIONS

Fig1.1 Low-fidelity design and high-fidelity design

Fig1.2 Low-fidelity design and high-fidelity design



Fig1.3  Low-fidelity design and high-fidelity design

Fig1.4  Low-fidelity design and high-fidelity design

Fig1.4  Low-fidelity design and high-fidelity design
Fig1.5  HOME PAGE
Fig1.6  HOME PAGE
Fig1.7  MAP PAGE

Fig1.8  MAP PAGE
Fig1.9  TICKET PAGE
Fig1.10 TICKET PAGE
Fig1.11  TICKET PAGE
Fig1.12  STORE PAGE
Fig1.13  STORE PAGE
Fig1.14  ME PAGE



Usage process:

HOME:
Click "search" to conduct the search.
Click the search box again and the keyboard will pop up.
Click on the discussion box on the right.
Join the discussion
Click "See More" to view more theme parks.
Or click on "notice", "hours", "reservation" and "itinerary" to view the sections you need.

MAP:
It is convenient to switch between list and map for quick location search.
Click "rides" to view the specific location of the project.
Click "shows" to view the specific location of the performance.
Click "events" to view the specific location.
Click "dining" to view the location of the restaurant.
Click "store" to view the specific location of the store.
Click "toilet" to view the specific location of the toilet.

TICKET:
Select ticket type
Select time
Choose whether to offer children's tickets or purchase VIP access
Select number of tickets
Enter personal information Select payment method
Payment successful

STORE:
Click on "hotel" to view hotel reservations.
Click on "packages" to enter the store and make a purchase.
Click "pass" to select "express passage"
Click "parking" to find the nearest parking lot.
Click on "express" and select "Express Delivery"
Click on "gift voucher" to select the gift.
Click on "VIP" to choose whether to purchase the annual card.
Click on "photo pass" and select the photo-taking service.

ME:
Check my ticket purchase history
Check my gift purchase history
Check my photo records
Check the theme park

UI Kit
Click to view UI Kit


Fig1.15  FIGMA



Click to view Figma


Click to view the Universal Studios software created by Fang Yaoyue


Google drive link




FEEDBACK

WEEK13

This week is the thirteenth week. I have completed the development of my app and have also listened to the teacher's revision suggestions. I have divided the entire app into five sections: home, ticket, store, map, and me, which are the most important. I have particularly focused on the development of the map and the ticket sections. During my first communication with Mr. Sylvain, he informed me that the ticket section of the store could be moved to the status bar at the bottom.

WEEK14

The semester is coming to an end and I will soon submit my app assignment. Throughout the entire learning process, I am most grateful to M.

With Sylvain's help, he was extremely patient and meticulous. He was the most conscientious and responsible teacher I had ever met. I enjoyed his classes and liked communicating with him. Studying was made easy and enjoyable for me. Learning is a long process. The learning of Figma was particularly difficult, but with his help, I mastered it very well and learned quickly. He gave me a lot of encouragement.

When I made something that he hadn't taught, he would encourage me and praise me. This further motivated me to do my homework better. In the last class, Mr. Sylvain gave my homework a very high evaluation. Thank you very much. This made me even more eager for the Application 2 course in the next semester.


REFLECTION

Throughout the design process of the Universal Studios application, I gained a comprehensive understanding of user-centered digital product development. Under the guidance of Mr. Sylvain, I was encouraged to think critically not only about aesthetics but also about usability, functionality, and inclusivity — all of which played a significant role in shaping the final outcome.


At the beginning of the project, I had an ambitious vision that included many features such as an interactive map, live queue updates, fast-pass booking, show schedules, and character meet-and-greets. However, through feedback and multiple iterations, I learned that overloading the app with features could actually reduce its clarity and ease of use. With this realization, I streamlined the interface and prioritized user journeys that reflected real-world park behavior — such as quick access to nearby attractions, showtimes, and ticket management.


Mr. Sylvain’s feedback pushed me to consider how layout and design decisions impact overall user flow. For example, while my initial layout was visually appealing, it had too many layers and deep navigation paths. Based on his suggestions, I simplified the information hierarchy, reduced the number of steps needed to complete tasks, and improved button accessibility on key pages like the homepage and map interface.

This project helped me move beyond simply “designing what looks good” to designing what works well for a wide range of users. The experience taught me to see application design as a blend of empathy, logic, and storytelling. I’m thankful for Mr. Sylvain’s constructive input throughout this project, as it greatly influenced the clarity and professionalism of my final design.


Moving forward, I will carry these lessons into future projects — especially the importance of balancing creativity with practicality and always designing with the user’s context in mind.

评论

热门博文