An immersive virtual reality travel experience that lets users explore global destinations from the comfort of their own homes.
An immersive virtual reality travel experience that lets users explore global destinations from the comfort of their own homes.
An immersive virtual reality travel experience that lets users explore global destinations from the comfort of their own homes.
App Design
App Design
App Design
HMI Design
HMI Design
HMI Design
PRODUCT DESIGN
Design system
Quick Links
Quick Links
Quick Links
Quick Links
Quick Links
Introduction
Luminosity transforms your living and working spaces by tailoring light intensity and color to your emotions and schedule. It helps boost productivity and reduces stress by harmonizing with your natural rhythm. Whether it's for work or relaxation, Luminosity adjusts seamlessly, enhancing your overall well-being. Our design integrates cutting-edge technology to create a personalized lighting experience. With its adaptive features, Luminosity offers a new way to approach lighting, ensuring your space is always set for your needs.
Introduction
Luminosity transforms your living and working spaces by tailoring light intensity and color to your emotions and schedule. It helps boost productivity and reduces stress by harmonizing with your natural rhythm. Whether it's for work or relaxation, Luminosity adjusts seamlessly, enhancing your overall well-being. Our design integrates cutting-edge technology to create a personalized lighting experience. With its adaptive features, Luminosity offers a new way to approach lighting, ensuring your space is always set for your needs.
Introduction
Luminosity transforms your living and working spaces by tailoring light intensity and color to your emotions and schedule. It helps boost productivity and reduces stress by harmonizing with your natural rhythm. Whether it's for work or relaxation, Luminosity adjusts seamlessly, enhancing your overall well-being. Our design integrates cutting-edge technology to create a personalized lighting experience. With its adaptive features, Luminosity offers a new way to approach lighting, ensuring your space is always set for your needs.
Good lighting is essential not only for aesthetics but for health and productivity
One-Way Flight List
One-Way Flight List
One-Way Flight List
The heatmap and click data reveal issues with low click-through rates and insufficient user guidance in the current interface. For example, the low click-through rates for subscription and city-switching features indicate limited user interest or visibility. Additionally, the low view rate for policy information suggests that the prompts are too complex or not prominent enough. The click rate for return flights is significantly lower than that for outbound flights, indicating that users may not realize they can switch, highlighting the need for more intuitive interaction design. Meanwhile, the "Continue" button receives significantly more clicks than return flights, suggesting potential issues with process logic or unaddressed user habits.
The heatmap and click data reveal issues with low click-through rates and insufficient user guidance in the current interface. For example, the low click-through rates for subscription and city-switching features indicate limited user interest or visibility. Additionally, the low view rate for policy information suggests that the prompts are too complex or not prominent enough. The click rate for return flights is significantly lower than that for outbound flights, indicating that users may not realize they can switch, highlighting the need for more intuitive interaction design. Meanwhile, the "Continue" button receives significantly more clicks than return flights, suggesting potential issues with process logic or unaddressed user habits.
The heatmap and click data reveal issues with low click-through rates and insufficient user guidance in the current interface. For example, the low click-through rates for subscription and city-switching features indicate limited user interest or visibility. Additionally, the low view rate for policy information suggests that the prompts are too complex or not prominent enough. The click rate for return flights is significantly lower than that for outbound flights, indicating that users may not realize they can switch, highlighting the need for more intuitive interaction design. Meanwhile, the "Continue" button receives significantly more clicks than return flights, suggesting potential issues with process logic or unaddressed user habits.
Old Version
Old Version
Old Version
Heat map
Heat map
Heat map
Design description
Design description
Design description
3-7 List Old Version
3-7 List Old Version
3-7 List Old Version
3-7 List (Departing)
3-7 List (Departing)
3-7 List (Departing)
3-7 List (Returning)
3-7 List (Returning)
3-7 List (Returning)
Design description
Design description
Design description
P2. Mobile List Page 3:7 Screen Optimization
Components Update
Components Update
Components Update
Interface Update
Interface Update
Interface Update
Depature
Depature
Depature
Return
Return
Return
Return - Slide Up to Stick
Return - Slide Up to Stick
Return - Sorting
Return - Sorting
Return - Slide Up to Stick
Return - Sorting
Return - Flight Details
Return - Flight Details
Return - Flight Details
Departure - No Results
Departure - No Results
Departure - No Results
Departure - Recommendation
Departure - Recommendation
Return - No Results
Return - No Results
Departure - Recommendation
Return - No Results
Departure - Cabin Class Recommendation
Departure - Cabin Class Recommendation
Departure - Cabin Class Recommendation
Return - Cabin Class Recommendation
Return - Cabin Class Recommendation
Return - Cabin Class Recommendation
Departure - Loading
Departure - Loading
Departure - First Screen Scroll Down
Departure - First Screen Scroll Down
Departure - Loading
Departure - First Screen Scroll Down
Departure - Price Explanation Slides Up to Disappear
Departure - Price Explanation Slides Up to Disappear
Departure - Price Explanation Slides Up to Disappear
Departure - Slide Up to Stick
Departure - Slide Up to Stick
Departure - Slide Up to Stick
Departure - App Special Price
Departure - App Special Price
Return - App Special Price
Return - App Special Price
Departure - App Special Price
Return - App Special Price
P3. WhatsApp Subscription Component
Most customers prefer to contact Trip.com via email. To ensure that guests can receive Trip.com's information promptly, a new instant messaging notification channel needs to be added and applied to certain business scenarios. WhatsApp, with its high usage rate in markets like Europe and Southeast Asia, ranks as the most frequently used social media platform. By leveraging WhatsApp to reach overseas users, this channel enables seamless communication and supports notification messages.
Most customers prefer to contact Trip.com via email. To ensure that guests can receive Trip.com's information promptly, a new instant messaging notification channel needs to be added and applied to certain business scenarios. WhatsApp, with its high usage rate in markets like Europe and Southeast Asia, ranks as the most frequently used social media platform. By leveraging WhatsApp to reach overseas users, this channel enables seamless communication and supports notification messages.
Most customers prefer to contact Trip.com via email. To ensure that guests can receive Trip.com's information promptly, a new instant messaging notification channel needs to be added and applied to certain business scenarios. WhatsApp, with its high usage rate in markets like Europe and Southeast Asia, ranks as the most frequently used social media platform. By leveraging WhatsApp to reach overseas users, this channel enables seamless communication and supports notification messages.
WhatsApp Subscription Component (Order Completion Page)
WhatsApp Subscription Component (Order Completion Page)
WhatsApp Subscription Component (Order Completion Page)
WhatsApp Subscription Component (Order Details Page + Message Center)
WhatsApp Subscription Component (Order Details Page + Message Center)
WhatsApp Subscription Component (Order Details Page + Message Center)
Completion Page (Mobile) Old
Completion Page (Mobile) Old
Completion Page (Mobile) Old
Completion Page (H5) Old
Completion Page (H5) Old
Completion Page (H5) Old
Details Page (Mobile) Old
Details Page (Mobile) Old
Details Page (Mobile) Old
Completion Page (Mobile) New
Completion Page (Mobile) New
Completion Page (Mobile) New
Details Page (H5) New
Details Page (H5) New
Details Page (H5) New
Details Page (Mobile) New
Details Page (Mobile) New
Details Page (Mobile) New
Online Old
Online Old
Online Old
Online New
Online New
Online New
P4. App Download Component
Old Version
Old Version
Old Version
To increase app downloads, a download component was added to the Online platform's slide bar for better exposure. The bottom banner was also optimized with a new component.
The vertical download component prioritizes SMS downloads due to higher conversion rates, while QR codes are optional and will be tested. App Store buttons require login, making them less efficient.
To increase app downloads, a download component was added to the Online platform's slide bar for better exposure. The bottom banner was also optimized with a new component.
The vertical download component prioritizes SMS downloads due to higher conversion rates, while QR codes are optional and will be tested. App Store buttons require login, making them less efficient.
To increase app downloads, a download component was added to the Online platform's slide bar for better exposure. The bottom banner was also optimized with a new component.
The vertical download component prioritizes SMS downloads due to higher conversion rates, while QR codes are optional and will be tested. App Store buttons require login, making them less efficient.
Component Design
Component Design
Component Design
Middle Banner Demo
Middle Banner Demo
Middle Banner Demo
Vertical Components Demo
Vertical Components Demo
Vertical Components Demo
Horizontal Components Demo
Horizontal Components Demo
Horizontal Components Demo
Landing page Components Demo
Landing page Components Demo
Landing page Components Demo
P5. Flight homepage Opt
Old Version
Old Version
Old Version
Original Issues:
The previous interface had poor information hierarchy, with a cluttered search bar and scattered sections like “My Bookings” and “Price Lock,” making navigation inefficient. The flight recommendation section lacked clarity, making price comparisons difficult.
Improvements:
The new design optimizes layout and readability, restructuring key sections for quicker access. The flight recommendation display is clearer, with enhanced price lock visualization and countdown timers. A consistent blue theme strengthens the visual hierarchy, improving usability and aesthetics.
Original Issues:
The previous interface had poor information hierarchy, with a cluttered search bar and scattered sections like “My Bookings” and “Price Lock,” making navigation inefficient. The flight recommendation section lacked clarity, making price comparisons difficult.
Improvements:
The new design optimizes layout and readability, restructuring key sections for quicker access. The flight recommendation display is clearer, with enhanced price lock visualization and countdown timers. A consistent blue theme strengthens the visual hierarchy, improving usability and aesthetics.
Original Issues:
The previous interface had poor information hierarchy, with a cluttered search bar and scattered sections like “My Bookings” and “Price Lock,” making navigation inefficient. The flight recommendation section lacked clarity, making price comparisons difficult.
Improvements:
The new design optimizes layout and readability, restructuring key sections for quicker access. The flight recommendation display is clearer, with enhanced price lock visualization and countdown timers. A consistent blue theme strengthens the visual hierarchy, improving usability and aesthetics.
Component Design
Component Design
Component Design
Flight homepage new version
Flight homepage new version
Flight homepage new version
P6. Carbon emission tagging
This project introduces a carbon emission tagging system for Trip.com to promote eco-friendly travel options.
This project introduces a carbon emission tagging system for Trip.com to promote eco-friendly travel options.
This project introduces a carbon emission tagging system for Trip.com to promote eco-friendly travel options.
List Page
List Page
List Page
Filter - Collapsed State
Filter - Collapsed State
Filter - Collapsed State
Filter - Expanded State
Filter - Expanded State
Filter - Expanded State
Flight Comfort
Flight Comfort
Flight Comfort
Carbon Emission Details Explanation
Details Explanation
CO2 Details Explanation
Intermediate Page
Intermediate Page
Intermediate Page
Details Page
Details Page
Details Page
List Page (H5)
List Page (H5)
List Page (H5)
List Page (H5)
List Page (H5)
List Page (H5)
Flight List Page
Flight List Page
Booking Page
Booking Page
Order Details Page
Order Details Page
Coming soon
Coming soon
Coming soon
Trip Flight
As an interaction design intern at Trip.com, LJ was responsible for optimizing and designing user experiences related to flight products.
Trip Flight
As an interaction design intern at Trip.com, LJ was responsible for optimizing and designing user experiences related to flight products.
Trip Flight
As an interaction design intern at Trip.com, LJ was responsible for optimizing and designing user experiences related to flight products.
SparkFlex
SparkFlex is an ACL rehabilitation system combining wearable devices, a mobile app, and a doctor portal to provide personalized, efficient, and safe recovery solutions.
SparkFlex
SparkFlex is an ACL rehabilitation system combining wearable devices, a mobile app, and a doctor portal to provide personalized, efficient, and safe recovery solutions.
SparkFlex
SparkFlex is an ACL rehabilitation system combining wearable devices, a mobile app, and a doctor portal to provide personalized, efficient, and safe recovery solutions.
Smart Fridge
Smart Fridge is an intelligent system combining nutritional tracking, personalized meal recommendations, and efficient food management to enhance healthy eating and reduce waste.
Smart Fridge
Smart Fridge is an intelligent system combining nutritional tracking, personalized meal recommendations, and efficient food management to enhance healthy eating and reduce waste.
Smart Fridge
Smart Fridge is an intelligent system combining nutritional tracking, personalized meal recommendations, and efficient food management to enhance healthy eating and reduce waste.
Future Volt
Future Volt is a mobile battery-swapping system integrating HMI and automotive design to deliver fast, flexible, and user-friendly energy solutions for EVs.
Future Volt
Future Volt is a mobile battery-swapping system integrating HMI and automotive design to deliver fast, flexible, and user-friendly energy solutions for EVs.
Future Volt
Future Volt is a mobile battery-swapping system integrating HMI and automotive design to deliver fast, flexible, and user-friendly energy solutions for EVs.
MemoPill
MemoPill helps users improve medication management by providing automatic reminders, misdose prevention, and medication tracking, enhancing accuracy and convenience in taking medication.
MemoPill
MemoPill helps users improve medication management by providing automatic reminders, misdose prevention, and medication tracking, enhancing accuracy and convenience in taking medication.
MemoPill
MemoPill helps users improve medication management by providing automatic reminders, misdose prevention, and medication tracking, enhancing accuracy and convenience in taking medication.
AquaBloom
AquaBloom is a smart irrigation robot that combines precision watering, real-time monitoring, and sustainable design to optimize plant care and conserve water.
AquaBloom
AquaBloom is a smart irrigation robot that combines precision watering, real-time monitoring, and sustainable design to optimize plant care and conserve water.
AquaBloom
AquaBloom is a smart irrigation robot that combines precision watering, real-time monitoring, and sustainable design to optimize plant care and conserve water.
Let's work together
Would you love to set up a time to chat? Let us know if you're interested.
Would you love to set up a time to chat? Let us know if you're interested.
Ready to bring your vision to life? Let's connect and explore the possibilities together. Reach out today!
Ready to bring your vision to life? Let's connect and explore the possibilities together. Reach out today!