A fluent motion experience
Airport transfer
Trip.com is the biggest online travel agency in Asia with 400 million+ users.
TYPICAL USER
Chinese Values service
SCENARIO
Reserve pickup service after ordering a flight ticket
GOAL
Improve experience through motion
MY ROLE
Project owner Product design Motion design
TEAM
UI designer PM Frontend Dev
TIMELINE
2 months Jul '24 - Aug '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 & setting 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!
Pitched our concepts to Design and Product Directors to secure buy-in. By aligning with their vision for a fast and smooth UX, our project was successfully integrated into the upcoming launch.
Break down the project,
and ship it piece by piece
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
