Challenge

Moving can often seem like a continuous stream of stressful events. From the repetitive process of reserving a truck to the challenges of modifying bookings, coordinating with moving assistants, and handling a large truck, do-it-yourself movers using U-Haul can find the moving experience both disjointed and frustrating.

Objective

This all-in-one virtual assistant redefines the entire moving journey. It offers responsive voice-guided features that optimize tasks, enhance coordination, and provide real-time alerts and guidance. It's particularly adept at intelligently addressing complex requests, which is a valuable asset for movers under pressure. By doing so, it significantly boosts the efficiency and overall enjoyment of the moving process while simultaneously alleviating driving concerns through hands-free, real-time support.


Travelwits

Redesigning the Interface to enhance searchability and readability for Multi-Module Trip Booking platform through a user-centered, data-driven approach

▫️ User Interface

▫️ User research

▫️ Data-driven

▫️ AI product design

TIMELINE

2024 Aug - Oct ( 7 weeks )

TEAM

Solo Designers in the team, AI engineer, Founder & CEO

TOOL

Figma, Figjam, Woopra, Google Analytics

MY ROLE

UI/UX Designer

SUMMARY

During my internship at Travelwits, an AI-powered one-stop search and booking tool for travel agencies and advisors, I refined hotel search user flows and visual hierarchies to enhance readability, and search efficiency to streamline how travel agents locate and filter hotel options, making it easier to find the right rooms, save selections to brochures, and compare choices.

This project demonstrates

A self-initiated, user-centered approach to solving interface design challenges through qualitative and quantitative research.

I refined visual hierarchies to improve the readability of dense information and optimized multi-level navigation for better accessibility.

This project involved close cross-functional collaboration with the startup founder & CEO, travel agents, and AI engineers to brainstorm ideas, conduct interviews & usability testing & workshop, and learn about technical restrictions.

FINAL SCREENS

Hotel search result page

Client home page

design pain points Discovery

Although the project lacked a well-defined scope initially, I began by conducting thorough research into the current platform. This included:

Define and scope

I identified usability challenges and presented my findings to the founder of Travelwits. Based on these insights, we aligned on redesigning the interfaces with a focus on the following areas:

design

01

Redesigned Filter and Sorting Sections

Redesigned filters across various booking modules to help users quickly narrow down search options.

Design 03 secondary filter design was selected because....

⭐️ It strikes a balance between space efficiency and usability.

02

Optimizing AI-powered chatbox interface design

⭐️ Why people use this AI chatbox?

I analyzed the chatbox histories and categorized the types of inquiries to find out what questions people asked? I found travel agents can instantly get information that is...

🔍  Information that is not readily available on the main pages

🔍  More in-depth information about hotel and room to get clear picture of the hotel’s offerings based on their personal preferences. Examples, parking (e.g., cost, proximity, security), gym facilities (e.g., opening hours, equipment types), or pool access (e.g., adult-only hours or child-friendly areas).

🔍  Customized to traveler’s personal needs such as nearby attractions, local transport options, distance to airport etc.

03

Visual hierarchies to enhance readability

The current design has comprehensive information display, through effective categorization and UI components, progressively disclure the supplementary information. I also optimized the wayfinding for the important features such as "View Map," "Add Compare," "Add Brochure”.

Progressive Disclosure

Organized supplementary features to appear contextually or as users engage deeper with specific tasks, minimizing cognitive load while preserving feature discoverability.

Visual Separation

Applying visual emphasis to distinguish primary buttons, secondary buttons, dropdowns, and expandable options based on their purposes.

Space Utilization

Effectively utilized available screen space by integrating features like brochures and compare options directly into the filter bar. This made these features more accessible without overcrowding the interface.

User flow design files

ui components & Design system

REFLECTION

Balancing Industry Standards with User Needs
While benchmarking against industry leaders like Google Travel and Expedia provided valuable insights, it was critical to adapt these best practices to Travelwits’ unique user requirements. For example, while Google Travel simplifies its interface by omitting certain details, Travelwits agents require access to more comprehensive information to efficiently narrow down search results. This highlighted the importance of thoughtfully applying progressive disclosure, ensuring functionality isn’t sacrificed for visual simplicity.

Considering Diverse Use Cases and Systematic Thinking
Design decisions were carefully aligned with the platform’s context, such as maintaining appropriate text lengths and word counts to support scalability and consistency across various use cases.

Feedback Integration
Continuous feedback from travel agents and internal stakeholders played a pivotal role in refining the designs, ensuring they met both user needs and business objectives.