top of page
I'm a
Designer
Redesigned User Interfaces for Universal Studios Beijing official APP (UBR)
Celebrating fun
Overview
This is a take-home (self-assessed) project for applying UX & Product Design UBR intern at 2021.
About UBR
The Universal Beijing Resort (UBR) is an entertainment destination located in Beijing, China, featuring a theme park and resort complex.
Problem Statment
From audience perspective:
1. Long waiting times for a ride
2. The ticket price is high, especially compared to other local options
3. Don’t know where to start the journey when enter into UBR
4. Hard to find the particular theme area
Project Needs
1. Addressing user needs.
2. Conduct user research to gain deep insights into user feedback, involving their behaviours and usage habits when using the app.
3. Pay attention to potential groups and market demands for future opportunities.
Redesign findings
It focused on optimising overall user experience, creating a seamless and user-friendly user interaction. The flows are easy to understand, concise, minimising cognitive load on users. The app aims to provide clear and up-to-date feedback and responses. This project will mainly redesign the homepage, maps, explore, and profile pages.
My roles
All roles in one (self-assessed project)
Design tools
Sketch
Duration
August 2021
Ideation
Research
Before start the design, I went through the UBR app from a user's perspective and documented some of its key features.
Understanding
Experience
This step involved documenting my experience with the app flow which greatly assist me in the subsequent redesign of the app.
Information
Architecture
I created an information architecture based on the findings above, which guides me with a clear structure on the overall logic and work flow.
Initial
Sketchs
This is the initial sketch for ticket purchasing process. There are some differences between this version and the final design. The payment process has been simplified in the final version, making it more straightforward and time-saving.
Sketchs
This is a rough sketch when redesign the 'map' feature.
Initially, the idea was to place the categories in the bottom left corner, allowing users to easily swipe with their left hand along the arc to view the categories. However, when I wanted to add details without obstructing the park map, I found that there wasn't enough space. This led to the second improvement shown in the image.
Four
Features
1. Ticket
Purchase
Compared to the initial sketch, the final version only requires 2-3 steps to accomplish, achieving the goal in the shortest and most convenient way possible.
1.1 Select date and ticket type
1.2 Fill in the information
1.3 Choose payment method
1.4 Fill in the payment details
1.5 Loading
1.6 Payment successful
*The language was set in Chinese as this was a take-home project for applying UBR intern.
*The language was set in Chinese as this was a take-home project for applying UBR intern.
2. Explore
Each themed area, show, and hotel will display its rating and distance, helping visitors make better choices and plan their next park itinerary.
2.1 Explore
2.2 Ride details (show wait times & fast pass available)
2.3 Ride details (show wait times & fast pass available)
2.1 Iterations
(Further improvements)
2.1.3 Despicable Me: Minion Mayhem
1st iteration: Must-play rides are added
The card will be scale up when user swipe to the right.
2.1.1 Homepage
Brand design guideline is added to Icons and signage uses
2.1.2 The Wizarding World of Harry Potter
More features are added:
must-play rides, upcoming shows, rating & reviews
2.1.4 Despicable Me: Minion Mayhem
2nd iteration: cards are redesigned to make the titles more obvious; shops and other events are also added.
3. Map
Navigation
The combination of blurred background and white route lines can provide a clearer display of the path. This map also provides users with information about nearby attractions/shops along the route. This is designed to help visitors know in advance which points they will pass through when heading to their destination attractions.
3.1 Search for location
1.2 Navigation is in progress
*The language was set in Chinese as this was a take-home project for applying UBR intern.
4. My
Profile
The page is designed to resemble a ticket, with the globe icon in the top left corner symbolizing the iconic landmark of Universal Studios, both aimed at providing visitors with an immersive user experience during their park visit and entertainment.
4.1 My profile page
4.2 My order(s)
4.3 The order
*The language was set in Chinese as this was a take-home project for applying UBR intern.
Thanks for
watching
Welcome to check out my other works!
⋆ ˚｡⋆à¨â™¡à§â‹† ˚｡⋆
bottom of page