UniGuide

UniGuide

UniGuide

Duration

Duration

Duration

2024 / 07 - 09 (2 months)

2024 / 07 - 09 (2 months)

My Role

My Role

My Role

Product (UX) Designer

Product (UX) Designer

Responsibility

Responsibility

Responsibility

Design System, Hand off

Design System, Hand off

Background

Background

UniGuide is a platform that helps travelers easily find activities that meet their needs. Based on user preferences and recommendations, UniGuide quickly suggests ideal options, while a multifunctional search tool allows users to narrow down choices for the best-fit itineraries.

Inspired by social media, today’s travelers are moving beyond quick sightseeing. They’re seeking deep connections with local culture, joining activities, and meeting people from different backgrounds to broaden their perspectives.

UniGuide is a platform that helps travelers easily find activities that meet their needs. Based on user preferences and recommendations, UniGuide quickly suggests ideal options, while a multifunctional search tool allows users to narrow down choices for the best-fit itineraries.

Inspired by social media, today’s travelers are moving beyond quick sightseeing. They’re seeking deep connections with local culture, joining activities, and meeting people from different backgrounds to broaden their perspectives.

Project Timeline

Project Timeline

User Research

User Research

Before starting the project, we used secondary data and conducted multiple audience interviews to understand user behaviors and needs.

Before starting the project, we used secondary data and conducted multiple audience interviews to understand user behaviors and needs.

User research was carried out to identify core user challenges and to gain a deeper grasp of how our product is viewed by users. Here's what this investigation revealed:

User research was carried out to identify core user challenges and to gain a deeper grasp of how our product is viewed by users. Here's what this investigation revealed:

Research Insight

Research Insight

Difficulty efficiently finding unique, reliable travel experiences.

Difficulty efficiently finding unique, reliable travel experiences.

😥 Users seek unique experiences over standard guided tours.

😥 Users seek unique experiences over standard guided tours.

😥 Many are tired of messy blog content and want only key details quickly.

😥 Many are tired of messy blog content and want only key details quickly.

😥 Users worry about poorly planned trips or being overcharged by travel agencies.

😥 Users worry about poorly planned trips or being overcharged by travel agencies.

Problem

Problem

1. Travelers Have Limited Knowledge of Activity Details

1. Travelers Have Limited Knowledge of Activity Details

When choosing activities, they often face information asymmetry, where catchy titles may mislead or differ from the actual descriptions.

When choosing activities, they often face information asymmetry, where catchy titles may mislead or differ from the actual descriptions.

2. Lack of Personalized Experiences

2. Lack of Personalized Experiences

Travelers often struggle to find tailored itineraries that match their specific needs. Traditional travel packages typically fail to cater to individual preferences, limiting access to unique cultural experiences, scenery, and activities.

Travelers often struggle to find tailored itineraries that match their specific needs. Traditional travel packages typically fail to cater to individual preferences, limiting access to unique cultural experiences, scenery, and activities.

Our Goal

Our Goal

🎯 Launch a basic iOS app to help travelers quickly search for and find reliable, ideal travel activities.

🎯 Launch a basic iOS app to help travelers quickly search for and find reliable, ideal travel activities.

1

Refining Search with Keywords

Refining Search with Keywords

1

1

The keyword tagging search experience helps travelers better express what they’re looking for, making it easier to refine search results and discover more travel activities of interest.

The keyword tagging search experience helps travelers better express what they’re looking for, making it easier to refine search results and discover more travel activities of interest.

2

Clear UI for Easier Activity

Clear UI for Easier Activity

2

2

Improving the UI and visual design to present clear, structured information helps travelers find their ideal activities more easily.

Improving the UI and visual design to present clear, structured information helps travelers find their ideal activities more easily.

💡Why did we start with mobile app?

💡Why did we start with mobile app?

Considering portability, travelers can easily operate it on the go, while features like navigation, social interaction, and itinerary management are more convenient to use on a mobile device.

Considering portability, travelers can easily operate it on the go, while features like navigation, social interaction, and itinerary management are more convenient to use on a mobile device.

User Flow

User Flow

Before starting the design, we established a clear information architecture and developed specific ideas and drafts. This helps streamline the process and quickly lead to actionable design solutions.

Before starting the design, we established a clear information architecture and developed specific ideas and drafts. This helps streamline the process and quickly lead to actionable design solutions.

Typography &
Colors

Typography & Colors

Typography & Colors

Font

Font

Roboto

Roboto

Roboto

Text Style

Text Style

Heading (Bold) - 20px / 24px

Heading (Bold) - 20px / 24px

Label (Semibold) - 12px / 14px / 16px / 18px

Label (Semibold) - 12px / 14px / 16px / 18px

Paragraph (Regular) - 12px / 14px / 16px / 18px

Paragraph (Regular) - 12px / 14px / 16px / 18px

Capital Letters

Capital Letters

ABCDEFGHIJKLMNOPQRSTUVWXYZ

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Lowercase Letters

Lowercase Letters

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

Colors

Colors

Principles

Principles

The following principles are what I complied when I was designing the new experience:

The following principles are what I complied when I was designing the new experience:

1

Intuitive

Intuitive

1

1

Travelers pay close attention to content details and may consider wording differences across languages. Therefore, visual cues and copy should be clear and concise, with consistent terminology throughout for a seamless user experience.

Travelers pay close attention to content details and may consider wording differences across languages. Therefore, visual cues and copy should be clear and concise, with consistent terminology throughout for a seamless user experience.

2

Consistency

Consistency

2

2

In design, we need to ensure a brand-aligned experience that feels vivid and engaging. Use icons and images instead of text to make the user journey more appealing and simple.

In design, we need to ensure a brand-aligned experience that feels vivid and engaging. Use icons and images instead of text to make the user journey more appealing and simple.

When choosing activities, they often face information asymmetry, where catchy titles may mislead or differ from the actual descriptions.

When choosing activities, they often face information asymmetry, where catchy titles may mislead or differ from the actual descriptions.

Design Deliverables

Design Deliverables

Explore / Home Page

Explore / Home Page

1

Tour: Immersive Local Experiences

Tour: Immersive Local

1

1

Travelers want to explore the unique local culture and experience exciting new things with the guidance of a local.

Travelers want to explore the unique local culture and experience exciting new things with the guidance of a local.

2

Meet Up: Making New Friends

Meet Up: Making New Friends

2

2

Travelers in an unfamiliar city are looking to meet locals or find travel companions, adding social connections to their journey.

Travelers in an unfamiliar city are looking to meet locals or find travel companions, adding social connections to their journey.

Customized Search Flow

Customized Search Flow

Introduce the tapping experience for travel search

Introduce the tapping experience for travel search

We designed a new search flow for the platform homepage. Instead of a traditional search bar, we use a “tapping” interaction for a more intuitive experience. Users can simply tap on options like destination, date, and group size to quickly find their ideal trip, making the process easier and more seamless.

We designed a new search flow for the platform homepage. Instead of a traditional search bar, we use a “tapping” interaction for a more intuitive experience. Users can simply tap on options like destination, date, and group size to quickly find their ideal trip, making the process easier and more seamless.

This is a hybrid search tool that allows users to define the search scope based on their preferences through a guided, linear process.

If no filters are set, the system will intelligently default to a solo trip starting nearby, making it easier to dive into deeper travel experiences.

This is a hybrid search tool that allows users to define the search scope based on their preferences through a guided, linear process.

If no filters are set, the system will intelligently default to a solo trip starting nearby, making it easier to dive into deeper travel experiences.

Search Results: Map Preview and List View with Smart Filtering

Search Results: Map Preview and List View with Smart Filtering

A seamless and comprehensive search experience

A seamless and comprehensive search experience

Search results offer two modes for users to choose from. You can preview the results on the map to quickly see the location distribution, or swipe up to switch to list mode for easier browsing of detailed information and comparing options, eliminating the hassle of opening Google Maps!

After the initial search, you can further refine your results using the filters at the top of the page to easily find the options that best meet your needs.

Search results offer two modes for users to choose from. You can preview the results on the map to quickly see the location distribution, or swipe up to switch to list mode for easier browsing of detailed information and comparing options, eliminating the hassle of opening Google Maps!

After the initial search, you can further refine your results using the filters at the top of the page to easily find the options that best meet your needs.

Travel Activity Info Page / Guide Page

Travel Activity Info Page / Guide Page

Easily scannable travel activity descriptions

Easily scannable travel activity descriptions

In the activity detail page, we showcase curated key trip information at the top. The clean and intuitive layout enables users to quickly scan the activity details.

We took key information from activities and displayed it in a clear, simple way. By organizing content from different sources, we kept layouts consistent. This makes each activity easy to read and understand quickly.

In the activity detail page, we showcase curated key trip information at the top. The clean and intuitive layout enables users to quickly scan the activity details.

We took key information from activities and displayed it in a clear, simple way. By organizing content from different sources, we kept layouts consistent. This makes each activity easy to read and understand quickly.

Safer travel activities

Safer travel activities

To help users choose trips confidently, we categorized guides’ ratings and levels clearly. Platform-awarded badges also make it easier to identify the ideal guide at a glance.

To help users choose trips confidently, we categorized guides’ ratings and levels clearly. Platform-awarded badges also make it easier to identify the ideal guide at a glance.

Explore Your Favorites

Explore Your Favorites

Users can tap the heart icon on activity cards to add or remove items from their favorites. The list is designed with a stacked card style to create a more dynamic and engaging visual experience.

Users can tap the heart icon on activity cards to add or remove items from their favorites. The list is designed with a stacked card style to create a more dynamic and engaging visual experience.

Order Your Chosen Trip

Order Your Chosen Trip

Fast order - Just two steps

Fast order - Just two steps

Learning & Takeaway

Learning & Takeaway

Through executing this project from scratch, we achieved many good results, but also faced struggles and compromises along the way.

Throughout the process, I gained insight into the details of execution. There were differing opinions due to the diverse backgrounds of the team members, which created challenges.

However, this also encouraged me to think from multiple perspectives and find ways to maintain the product’s style without sacrificing the user experience.

Through executing this project from scratch, we achieved many good results, but also faced struggles and compromises along the way.

Throughout the process, I gained insight into the details of execution. There were differing opinions due to the diverse backgrounds of the team members, which created challenges.

However, this also encouraged me to think from multiple perspectives and find ways to maintain the product’s style without sacrificing the user experience.

Thanks for reading!

Check out other projects ↓

Thanks for reading!

Check out other projects ↓

© 2024 Roger Sui Design

© 2024 Roger Sui Design

© 2024 Roger Sui Design

© 2024 Roger Sui Design

∙ UniGuide

∙ UniGuide