Overview
An intelligent trip-planning tool that turns scattered research into one calm itinerary | built for travellers who plan deeply but hate juggling tabs.
TravelPlanner
01
Act I | Setup
Context
The Challenge
Users bounced between maps, blogs, booking sites, and notes. Plans lived in five places; nothing updated when flights or hotels changed.
Goals
- 01Consolidate research into a single itinerary view
- 02Make day-by-day planning feel lightweight
- 03Support sharing and collaborative edits
- 04Stay useful offline during travel
02
Act II | Process
ResearchtoBuild
Fig. 01 | Research Plate
Research
Followed twelve travellers from inspiration to departure. The breakpoint was always the same | the moment the plan became too fragmented to trust on the road.
Fig. 02 | Design System
Design
Designed around days, not features. Each day is a card stack | locations, reservations, notes | draggable, printable, and shareable without export hacks.
Fig. 03 | Build Surface
Development
Real-time sync with conflict resolution, map integration with cached tiles, and progressive web app support for offline itinerary access.
03
Act III | Proof
ShippedWork
F/01
Day-by-day itinerary builder
F/02
Map-linked location pins
F/03
Collaborative trip sharing
F/04
Booking attachment and reminders
F/05
Offline itinerary access
StackReactTypeScriptTailwind CSSMapboxSupabase
Fig. 04 | Solution in Context
We replaced the tab chaos with one surface travellers actually open at the airport. Planning became part of the trip, not a chore before it.
04
Act IV | Impact
Results
Primary Metric
+124%
Completed Itineraries
-47%
Planning Drop-Off
+68%
Shared Trips
4.7
App Store Rating
Key Learnings
Travel tools compete on trust at the moment of departure. If the itinerary isn't readable on a phone in sunlight, nothing else matters.
05
Act V | Exit
Conclusion
The planner is now the single source of truth from research to return | and users treat it like a travel companion, not a spreadsheet.
Next Project | 12 / 20Finance / Professional / Portfolio