SMART TRIP

Your personal travel planner, just a few clicks away.

Zhen Fu

UI/UX Design

Introduction

SmartTrip, an innovative travel planner app. It automatically generates personalized travel plans based on users preferences and allows users to explore others' plans. It also helps users find the best route.

Duration

4 months

Tools

Figma, Adobe Illustrator, Adobe Photoshop, Miro

Introduction

An innovative travel planner for busy professional
Automatically generates personalized travel plans based on travelers preferences
Allows travelers to explore others' plans
Helps to find the best route

My Role

Research

Interaction Design

Prototyping

Visual Design

Business Goals

Increase revenue through advertising
Expand user base by targeting more regions and offering multiple languages
Build partnerships with other travel providers

PRODUCT GOALS

Seamless travel planning
Real-time information updating
Social sharing

The Research

Users’ QUOTES

Gather Data Survey

The Synthesis & Patterns

Learnings & Findings

Persona

Problem Statement

Ideation

Concept Sketches

Wireframe Sketches

User Task Flows

Create a personalized plan and save it

Wireframes

User Testing

The Revision

Seeing the hotel and flight suggestion is a bit confusing here because my primarily reason for the application was to plan activities for each day.

Changes:

Remove flights and hotels, only show activities

Add buttons that allow users to switch between different days

Add a drop-down box to allow users to move activities into different days

Add "Map View" to see the best route for visiting these activities

Is it possible to only like and save one activity without liking everything else?

Changes:

Allow users to like individual activities instead of liking the entire plan as a whole

Combine “Build a Plan” and “Explore” into one screen. Users can switch between them within on screen.

Add categories to classify the types of activities

Add a map view to see all the activities on a map

Make “See Plan” button float and remain fixed

Remove flights and hotels, and the budget starts from 0

The person icon can be made into a number.I don't understand the price ranges of each of these hotel and restaurant levels.

Changes:

Show destination at the top

Make the filter simple. Only show the number of days and people

Use Plus and Minus button to increase and decrease the number

Removing the budget range because users didn’t want to see hotel and flight bookings based on the budget range

I want to create my plan while also seeing others' plans at the same time.

Changes:

Final Visual Design

View Prototype

Style Guide

Mock Up

Conclusion

Key Takeaways

Throughout this project, I've learned the importance of research and user testing. Exploring user interviews, I identified common patterns that led me to define my target audience's problems. User testing helped a lot in refining my design, allowing me to make lots of crucial improvements based on real user experiences. These insights were valuable in creating a travel planner meets the needs of busy professionals.

Future Directions

Promote user engagement through social features.
Integrate real-time data and AI for optimizing routes.
Find partners to launch the app and build a website version.
Seek partnerships with other travel providers.