MIT sandbox / Product design / Mobile design

Fliptrip

Overview

A travel itinerary exploring & planning application helps users easily schedule their trips

At-A-Glance

A travel itinerary exploring & planning application helps users easily schedule their trips by visualizing itineraries and providing helpful information. It also helps families and friends manage time, attractions, budget, and expenses during the journey.
This project won MIT sandbox 2019-2020.

My contribution

1.

Customer Insights & Ideation: Uncovering & translating valuable insights into actionable features that align with customer behaviors and motivations.

2.

Experience Strategy & Vision: Created frameworks, prototypes, and communicated a clear vision to align stakeholders, facilitating decision-making processes.

3.

Planning & Scope Definition: Balanced customer goals with business objectives, prioritized features for successful launches and future iterations with PM

4.

Design Execution & Validation: Developed design handovers, and build and maintain design system.

My Role

Strategy + planning
User research
Design + prototype
QA

Team

Product Manager x1
Designer x2
Front-end Eng x1
Back-end Eng x2

Timeline

Jan - Dec, 2021

Tool

Usertesting
Figma
ProtoPie
Adobe Creative cloud

Problem

Ample but vague travel information is frustrating especially for self-traveling planners

The Covid-19 pandemic has changed people's travel behavior. Social trend has indicated that people start to seek additional travel destinations and methods and tend to plan and operate by themselves.
However, travelers often encounter problems such as:

Being attracted by travel posts on social media, but don’t know their location

It takes too much time and effort to find information to plan the trip.

Group travelers have difficulty aligning travel time, scheduling destination, and spends

As a result

"We wasted a lot time planning our last trip because we didn't know at first that some places were close."

"I have to manually google everything before deciding where to go and how."

"I'll avoid visiting these places and stick to the ones I know."

" I feel frustrated planning everything from scratch with little help."

The solution

Fliptrip: visualizing your itinerary!

Share your trip with ease

Discover

This is the page for discovery, providing the latest and hottest travel contents.

Plan your trip

My trips and profile

This page for managing trips. Allow users to track current trips, create new trips and review past trips. Plan with your friends, travel with your friends

Search enhancement & text recognition

When searching on FlipTrip, we help you target places, hotels, flights, activities, restaurants with smart filter
When posting travel notes, we use text recognition to help you complete your content with minimum effort.

Research & define

Before we paint the product with pretty pixels

Before starting the development process, I conducted in-depth research, including user interviews and competitive analysis.

What is “Planning”?

To better understand "planning my trip" and our core user story, we posted surveys on social media like WeChat and Facebook when the holidays approached. Instead of talking and interviewing users' planning behaviors, we observed their planning process before traveling and interviewed them after their trips.

Pre: checking

1. how to get there
2. when is it open
3. do they have parking

During: focusing on details

1. review what's available to them
2. prioritize what to do

After: sharing

1. share photos and video
2. split bills

Key Findings

Too often we use the term planning to describe both an activity before visiting. It is a common misunderstanding. Planning is a phase-based activity where we make an effort to understand what is available and make some decisions around what, how, and when to do it. And it can, and it does happen at any time pre, during and after the journey.

Key strategy

Build an online ecosystem of tourism on the application itself, which provides useful travel information

Visualizing itinerary with related information recommendations

Building travel blog feature in the app, helping users create travel notes with routes and tips at ease.

Co-editing, allowing group travelers to share trip schedules and notes

Branding

Visual identification

Primary color

#ADC7BB

The yellow of sunshine, summer beach, wood and your leather travel bag, promotes community cohesion, creates a feeling of happiness, joy, energy and relentless movement.

#C4DED2

The green of the forest, the ocean, the winter snow and the foggy morning sky, creating a feeling of vastness, immensity but serenity. Color represents trust, tranquility

Secondary color

Icon set

Typography

Mascot design for offline marketing

Read more about our mascot design for Fliptrip

User flow

Iterate and enhance the feature with user feedback

User flow

Wireframe

Sperta
Branding

The decision making platform

Type

B2C

Timeline

Jan - Dec, 2021

Rewards

MIT sandbox 2019-2020

Tool

Usertesting
Figma
ProtoPie
Adobe Creative cloud

About the project

A travel itinerary exploring & planning application helps users easily schedule their trips by visualizing itineraries and providing helpful information. It also helps families and friends manage time, attractions, budget, and expenses during the journey.

My contribution

In this project, I led the project with 2 designers on

  • Strategic Discovery & user research

  • Mobile application design & optimization

  • Visual definition & branding material

The problem

Ample but vague travel information is frustrating especially for self-traveling planners

The Covid-19 pandemic has changed people's travel behavior. Social trend has indicated that people start to seek additional travel destinations and methods and tend to plan and operate by themselves.
However, travelers often encounter problems such as:

Being attracted by travel posts on social media, but don’t know their location

It takes too much time and effort to find information to plan the trip.

Group travelers have difficulty aligning travel time, scheduling destination, and spends

As a result

"We wasted a lot time planning our last trip because we didn't know at first that some places were close."

"I have to manually google everything before deciding where to go and how."

"I'll avoid visiting these places and stick to the ones I know."

" I feel frustrated planning everything from scratch with little help."

The solution

Fliptrip: visualizing your itinerary!
Share your trip with ease
Discover

This is the page for discovery, providing the latest and hottest travel contents.

Plan your trip
My trips and profile

This page for managing trips. Allow users to track current trips, create new trips and review past trips. Plan with your friends, travel with your friends

Search enhancement & text recognition

When searching on FlipTrip, we help you target places, hotels, flights, activities, restaurants with smart filter
When posting travel notes, we use text recognition to help you complete your content with minimum effort.

Research & define

Before we paint the product with pretty pixels

Before starting the development process, I conducted in-depth research, including user interviews and competitive analysis.

What is “Planning”?

To better understand "planning my trip" and our core user story, we posted surveys on social media like WeChat and Facebook when the holidays approached. Instead of talking and interviewing users' planning behaviors, we observed their planning process before traveling and interviewed them after their trips.

Pre: checking

  • how to get there

  • when is it open

  • do they have parking

During: focusing on details

  • review what's available to them

  • prioritize what to do

After: sharing

  • share photos and video

  • split bills

Key finding

Too often we use the term planning to describe both an activity before visiting. It is a common misunderstanding

Planning is a phase-based activity where we make an effort to understand what is available and make some decisions around what, how, and when to do it. And it can, and it does happen at any time pre, during and after the journey.

Concept refinement

Target users

  • Young people from 18 to 38 years old

  • Both solo and group travelers

  • Hate to waste time

  • Love exploring, sharing and traveling

User goal

  • seek for better ways to plan trips from scheduling to the end of this journey, especially itineraries.

  • want to create and share travel note easier

  • be able to share trip plan between group travelers

Value for users

  • a community with the same interest in travel.

  • Maximum savings of time spent on scheduling.

  • enhance the bond among team members, by planning, traveling, and sharing

Value for Fliptrip

  • In-app purchasing, business partners with services such as hotels, airlines and tickets booking

  • Advertising opportunities for coming events, shows, and festivals

Key strategy

Build an online ecosystem of tourism on the application itself, which provides useful travel information

Visualizing itinerary with related information recommendations

Building travel blog feature in the app, helping users create travel notes with routes and tips at ease.

Co-editing, allowing group travelers to share trip schedules and notes

Branding

Visual identification
Primary color

#ADC7BB

The yellow of sunshine, summer beach, wood and your leather travel bag, promotes community cohesion, creates a feeling of happiness, joy, energy and relentless movement.

#C4DED2

The green of the forest, the ocean, the winter snow and the foggy morning sky, creating a feeling of vastness, immensity but serenity. Color represents trust, tranquility

Secondary color
Icon set
Typography
Mascot design for offline marketing

Read more about our mascot design for Fliptrip

User flow

Iterate and enhance the feature with user feedback
User flow
Wireframe
NEXT
Sperta Rules Engine Platform

Copilot - RoboForce

Sperta Rules Engine Platform

HamsaPay

RoboForce Website

Sperta Website

Titan - RoboForce

Sperta Design System

Fliptrip