A fluent motion experience
Airport transfer
Trip.com is the biggest online travel agency in Asia with 400 million+ users.
TYPICAL USER
20-35 years Chinese Values service
SCENARIO
Reserve pickup service after ordered a flight ticket
GOAL
Improve experience through motion
MY ROLE
Project owner Product design Motion design
TEAM
UI designer PM Frontend Dev
TIMELINE
4 months Dec 23 - Apr 24
How this project started
A design initiated project
After a conversation with the Design Director about product improvements, I identified lagging animations as an opportunity and initiated the project
The status quo
Home page to List
Check Out to Order
Framing problems into opportunities
Glitching, errors and bugs
Experiences to improve
Researched leading apps to inspire creative ideas
Comparative analysis and brainstorming
Sorting ideas & set goals
Based on current UX & how noticeable our solution brings
Setting priorities
Experiences that we can improve
Pushing UX-focused projects with no direct business profit is tough.
Without development resources, I had to secure support from PMs.
Present, present, present!
Convey our concepts and foremost objectives to the Design Director and Product Director to gain their endorsement and partnership. With a bit of luck, we managed to align with Product Director's goal of delivering fast and smooth user experiences, and they are ready to integrate our solutions into the upcoming launch.
Separate the project, ship them one by one Track each piece with a table
Glitching, errors and bugs
Experiences that we can improve
Final delivery
List page grow motion
This goal is to improve intuitiveness by loading the page step-by-step, helping users understand its structure and refocusing their attention on marketing slots.
Before
After
Replace interruptive loading with soft loading
Before
After
Others
Bouncy feedback
Loading skeleton
Moving forward
Motion guidelines
Apply to other product lines
Challenges and learnings
