TripFlow App

Role:

Product Designer

Team:

Solo project

Platform:

Mobile

Duration:

8 weeks

Tools:

Photoshop, Figma

Overview

TripFlow is a mobile app prototype that helps travelers plan multi‑day trips by balancing itinerary suggestions with time, distance, and personal preferences.

Built to explore intelligent trip planning and centralize itinerary management into one intuitive, timeline‑driven interface.

Problem

Travelers often struggle with planning multi‑day trips because:

Itineraries are scattered across apps and notes
Balancing travel time and activities is hard
Adjusting plans in real time is frustrating

There wasn’t a clear mobile solution that helps plan and visualize a full trip schedule in a single, adaptive interface.

This creates anxiety and planning fatigue, especially for longer, more complex trips.

Solution

TripFlow offers a timeline‑based itinerary planner that:

Helps users quickly build and visualize multi‑day trip plans
Balances travel distances and visit durations
Lets travelers adjust schedules on the fly

It organizes travel plans in a way that feels intuitive and flexible, reducing planning overhead and cognitive load.

Itinerary editing interaction

Feature Highlights

Visual timeline interface — shows days, activities, travel time, and map context in an easy‑to‑scan layout
Smart activity placement — helps sequence visits logically while accounting for time and distance
Distance / time estimation — updates in real time as plans change, with flexible time display options
Activity details & notes — supports durations, reminders, and personal notes without relying on external apps

Browse flow

Design Process

Exploration

Mapped common travel planning behavior
Studied existing travel apps for gaps in itinerary management

Ideation

Sketched low‑fi flows for adding/editing days and activities
Focused on reducing taps and preserving context

Visual Design

Prioritized clarity and minimalism to make dense information digestible
Used typography and spacing to differentiate days, travel legs, and activities

Prototyping

Built interactive screens in Figma to test transitions and flow

Design Workspace

A look into the working file used to explore flows, layouts, and interactions during the design process.

Iteration & Improvements

Usability testing and interviews revealed friction in how users edited activities and managed time within their itinerary.

More streamlined and intuitive user flow
Updated colour scheme to improve legibility
Option to input activity durations and notes
Ability to toggle time display

The original itinerary relied on a contextual overlay for activity options, which users found easy to miss and difficult to operate. This was redesigned into a dedicated, full-screen interaction, improving clarity and reducing accidental taps.

Old itinerary editing design

Outcome

Clarified how complex trip plans can be simplified
Explored the viability of a timeline‑centric planner
Created a baseline prototype usable for future testing

Key Takeaways & Future Improvements

Better clarity comes from contextual visual sequencing rather than list interfaces
Users need flexibility when swapping or re‑ordering plans
Future work includes user testing, itinerary export, offline support, and smart recommendations

Page updated

Google Sites

Report abuse