A trip planner that starts from what you can spend. Built, and never tested with travellers.

A trip planner that starts from what you can spend. Built, and never tested with travellers.

A trip planner that starts from what you can spend. Built, and never tested with travellers.

Role

Research, IA, build

Team

Team of three

Timeline

Aug to Dec 2024

Tools

Figma, Miro, Lovable

TripWise · Plan your trip
TripWise · Accommodation

At a glance

Budget first, from the first field. Built, and honest about what is not proven.

Budget first, from the first field. Built, and honest about what is not proven.

Budget first, from the first field. Built, and honest about what is not proven.

A three-person student project at Arizona State University, Aug to Dec 2024. I led research and information architecture, and designed and built the product with two teammates.

Problem

Cost is decided last

Budget is the first thing a traveller decides and the last thing any planner shows them.

Approach

Budget becomes the first input

Budget is the first field, every row has a price, and one meter turns red when you go over.

Outcome

Built, not yet tested

10 sections designed and built. 7 of 8 navigation groups straight from the card sort. 3 changes shipped from feedback.

01 · Problem

Each tool answers its own question well. None of them knows what the others cost.

Each tool answers its own question well. None of them knows what the others cost.

Each tool answers its own question well. None of them knows what the others cost.

So the budget, the one constraint that decides whether the trip happens, is the only thing no tool holds. It lives in the traveller’s head and gets reconciled at the end, when changing anything is expensive.

google.com/maps
Google Maps answers
What's the route?
It knows the route. It doesn't know what the whole trip costs.

The tabs a traveller keeps open for one trip

Google Maps

the shape of the route

Skyscanner

the flight

Booking.com

the room

TripAdvisor

whether the room is as described

YouTube

what the place actually looks like

Notes app

holding it together

Splitwise

who owes what

WhatsApp / iMessage

chasing everyone for it

What will this whole trip cost?

No tab answers this.

76%

combine maps, booking sites, reviews and video for one trip

43%

spend days or longer planning a single multi-stop trip

48%

spend hours on it

39%

take 3 to 5 trips a year; 48% take 1 or 2

Travellers optimise for

The decision

The hours before booking, when they are still choosing what to give up.

Tools optimise for

The booking

The moment money moves. That is where cost finally appears.

Both AI planners we reviewed generate an itinerary and then tell you what it costs. That leaves the traveller with a plan they like and can’t afford, and no visible way to trade down.

How might we

How might we make a total budget an input the system plans around, instead of an outcome it reports?

How might we make a total budget an input the system plans around, instead of an outcome it reports?

02 · Research

A survey, five interviews, a teardown and a card sort. Four findings moved a decision.

A survey, five interviews, a teardown and a card sort. Four findings moved a decision.

A survey, five interviews, a teardown and a card sort. Four findings moved a decision.

We surveyed 23 travellers, interviewed 5, and tore down Wanderlog, Trip Planner AI, Wonderplan, Stippl, Roadtrippers and Rome2Rio. The other findings confirmed what we already believed.

23

survey responses, 82% aged 18 to 34

5

moderated interviews, 14-question guide

6

competitors torn down, 17 features each

6

card-sort participants, 31 cards

Budget habits
Planning
Who answered
Question 01 of 11 · 23 responses
Would you enter your full trip budget for personalised recommendations?
0.0%yes · 26.1% maybe · 0% no
Proof: the raw Google Forms chart
Google Forms chart: Would you enter your full trip budget for personalised recommendations? 73.9% yes · 26.1% maybe · 0% no
Changed the design: Budget became a required field. See Insights below.

“It’s all confusing and hectic, chasing friends for money, working out what everyone actually owes.”

“It’s all confusing and hectic, chasing friends for money, working out what everyone actually owes.”

Interview participant, 2024. Reconstructed from session notes, not a transcript. This line is why Collaboration has an expense engine: the part of group travel people dread is collecting the money after the bill is split.

What this research can’t support

23 respondents, 82% aged 18 to 34 and 52% earning under $25,000, are unusually budget-constrained, which makes budget-first look better than it is. Our competitive matrix also scored TripWise ahead on all 17 features, a sign the rubric was written around the product. The gaps used on this page are ones you can check on a competitor’s live site.

03 · People

Two personas from the synthesis. A solo traveller and a group organiser.

Two personas from the synthesis. A solo traveller and a group organiser.

Two personas from the synthesis. A solo traveller and a group organiser.

Jack plans alone and wants to see where the money goes. Lisa plans for a group and wants control of the shared budget.

Persona sheet: Jack, solo adventures

Jack, solo adventures

31 · Marketing Manager · web-based. Wants budget estimation and transparency; hates unclear expense breakdowns and hidden costs.

Persona sheet: Lisa, group traveller

Lisa, group traveller

25 · Video Editor · mobile app. Wants budget control and trustworthy platforms; wants personalised stopover suggestions.

04 · Insights

What we found, and what it changed.

What we found, and what it changed.

What we found, and what it changed.

Four findings changed the product. Each one maps to a screen.

74%

What we found

would enter their full trip budget for personalised recommendations. 26% said maybe, nobody said no.

What changed

Budget became a required field on the landing form.

Plan your trip
Start
New York
Destination
Los Angeles
Budget for the trip · required
$
Plan trip
74% would enter it

65%

What we found

already set a budget before planning, and 26% more want to but have no consistent way to hold it.

What changed

The product catches a habit people already have.

Trip budget: $4,000
kept in a notes app
Header meter
$1,823 / $4,000

70%

What we found

enjoy stopovers and want suggestions for places between destinations. Rome2Rio treats the space between cities as a transport connection; Wanderlog offers basic suggestions.

What changed

Stopovers became part of the structure of a trip.

Route
ANew York
1Las Vegas3 days
2San Francisco4 days
BLos Angeles

87%

What we found

want flights, stays and activities in one place.

What changed

It confirmed the scope, and that each part had to hold up against the specialist tool.

Day 1 · one plan
FlightEconomy to Manchester$306
StayCheck-in: Metro Hotel$93
ActivityHistoric District Walk$24

05 · Structure

The navigation came from six people and a wall. Seven of their eight groups shipped as they were.

The navigation came from six people and a wall. Seven of their eight groups shipped as they were.

The navigation came from six people and a wall. Seven of their eight groups shipped as they were.

We wrote 31 tasks on sticky notes and asked six participants to group them. Budget Bar and Recommended Plan landing together under Plan & Budget told us the budget belonged on the main screen, not in settings.

INFORMATION ARCHITECTURE

From 31 sticky notes to the shipped navigation. Hover a section to see what is inside it.

Open card sort · 6 participants · 31 cards
Plan & Budget
Budget Bar
Recommended Plan
Book Transport
Book a Flight
Book a Bus
Accommodation
Find a Room
Stopover
Find Food
Events
Insurance & More
Safety
Health
Collaboration
Chat box
Share money
Itinerary
Store to carry
Profile
Settings
+ Packing essentials
Overruled
Itinerary became a tab inside Plan & Budget
Recommended Plans and My Itinerary sit side by side, so people compare without leaving the page.
Promoted
Packing essentials got its own section
It is the one section people open after the trip has started.
Inside Plan & Budget · hover a section
Budget barRecommended planMy itinerary
Handwritten yellow sticky notes on a wall, grouped into columns such as Plan and Budget, Book Transport, Accommodation, Stopover, Insurance and More, Collaboration, Itinerary and Profile

Open card sort: 6 participants, 31 cards. The column heads are the participants’ own words.

Two groups did not survive the interface

Itinerary lost its own section

Participants separated the plan they’re offered from the plan they’ve committed to. As two rail items that meant navigating away to compare, so it became two tabs in one place, Recommended Plans and My Itinerary. My Itinerary stays empty until you apply a plan.

Packing got its own section

It went the other way and was promoted out, because it is the one section people open after the trip has started.

USER FLOW

One path: state a budget, pick a priced plan, commit, then edit from any section. Every edit returns to the same itinerary and meter.

Budget meter, always on
$0 / $4,000recalculated
State the constraint
Plan your trip
Start, stopovers, end. Currency, budget, dates, travellers.
Budget plan
$3,166, within budget
Premium plan
$11,874, over budget
Two priced answers
Commit
My itinerary
one plan, in booking mode
Transport
Accommodation
Stopover
Packing
Insurance
every edit returns to the itinerary
Settle
Collaboration
fair share, minimum transfers, remind

Information architecture: 8 sections, 7 straight from the sort

One trip, eight places to change it31 CARDS · 6 SORTERS
01Plan & BudgetFrom the sort
Budget barRecommended planMy itinerary
Itinerary folded in as a tab
02TransportFrom the sort
FlightBusCarBikeRailways
03AccommodationFrom the sort
RoomsPrice & ratingFeatures
04StopoverFrom the sort
Find eventsRestaurantsClubsAttractions
05Packing essentialsOverruled
TravelPersonal careEmergency
↑ Promoted out of Itinerary
06Insurance & moreFrom the sort
Insurance planHealth precautionsVaccination
07CollaborationFrom the sort
TeamChatExpensesReservationsMemories
08ProfileFrom the sort
SettingsPaymentTrip history
7 straight from the sort1 overruled by the interface

Coral marks the two places the interface overruled the participants.

User flow: one path, and every section edits the same itinerary

State the constraint
Plan your tripStart → stopovers → endCurrency + budget · dates · travellers
System answers: two priced plans
Budget plan$3,166, within budget
Premium plan$11,874, over budget, shown in red
Commit
My itineraryone plan, in booking mode
TransportAccommodationStopoverPackingInsurance
every edit returns to the itinerary · enter at any section
Settle
CollaborationTeam · chat · expenses · reservationsFair share → minimum transfers → remind
Budget meter, always onrecalculates on every edit above · never blocks, turns red

State a constraint, get two priced answers, commit to one, then edit it from any section. Every edit returns to the same meter.

19 greyscale wireframes, structure before style

Greyscale wireframe: Landing page

Landing page

Greyscale wireframe: Plan & budget

Plan & budget

Greyscale wireframe: Plan & budget 2

Plan & budget 2

Greyscale wireframe: Itinerary

Itinerary

Greyscale wireframe: Itinerary 2

Itinerary 2

Greyscale wireframe: Flight

Flight

Greyscale wireframe: Flight, AI

Flight, AI

Greyscale wireframe: Flight, alternatives

Flight, alternatives

Greyscale wireframe: Transport

Transport

Greyscale wireframe: Accommodation

Accommodation

Greyscale wireframe: Accommodation 2

Accommodation 2

Greyscale wireframe: Accommodation 3

Accommodation 3

Greyscale wireframe: Collaboration

Collaboration

Greyscale wireframe: Collaboration 2

Collaboration 2

Greyscale wireframe: Insurance & more

Insurance & more

Greyscale wireframe: Insurance & more 2

Insurance & more 2

Greyscale wireframe: Profile

Profile

Greyscale wireframe: Log in

Log in

Greyscale wireframe: Sign up

Sign up

06 · Decision 01

Budget up front. It sits on the first form, next to the destination.

Budget up front. It sits on the first form, next to the destination.

Budget up front. It sits on the first form, next to the destination.

Start, destination, currency, budget, dates, travellers: the six fields in order. The system plans within that figure, so it never prices a plan afterwards.

TripWise landing page with the Plan your trip form
1
Start and destination
The route comes first, with + to add stopovers between.
2
Budget for the trip
Required, beside the destination. The plan is built inside this figure.
3
Plan trip
One action returns two priced plans, never an unpriced itinerary.
4
Placeholder stats
10K+, 4.9 and 150+ are demo copy on a product with no users. Flagged in the reflection.

What it cost

It asks for a number from someone who may not have one yet, at the least committed moment. We took the drop-off risk because an optional budget field would be skipped by exactly the people it is for, and everything downstream needs the figure.

07 · Decision 02

Stopovers have length. Each stop carries its own number of days.

Stopovers have length. Each stop carries its own number of days.

Stopovers have length. Each stop carries its own number of days.

The + between start and destination opens numbered stopover rows: New York, Las Vegas for 3 days, San Francisco for 4, Los Angeles. The generated plan keeps those lengths.

TripWise
Plan your trip form: New York to Los Angeles with stopovers Las Vegas for 3 days and San Francisco for 4 days, budget $4,000

What it cost

Every estimate gets harder. Days have to be allocated before costs, so the planner solves time and money together. It is also the clearest reason to pick TripWise over Wanderlog, so it earned the complexity.

The stopover rows are numbered and carry a duration, so the route has lengths before a single price is calculated.

08 · Decision 03

Cost is never hidden. One meter in the header, and it goes red.

Cost is never hidden. One meter in the header, and it goes red.

Cost is never hidden. One meter in the header, and it goes red.

Every item has a price and every day a subtotal. Over budget, the meter turns red and still lets you carry on. You can overspend, but you always know.

Budget
$0 / $4,000
Premium plan · $7,874 over. The meter reports it and lets you carry on.
Flight to Manchester$306
Airport shuttle$25
Metro Hotel$93
Dinner at Trattoria$39
Budget $3,166Premium $11,874
TripWise Plan and Budget screen with the header meter and a priced itinerary
1
The header meter
Spend against the $4,000 budget, on every screen. It turns red over budget.
2
Four-way breakdown
Transport, accommodation, food and activities, each with its share.
3
A price on every row
Every item carries its cost, and every day a subtotal.

What it cost

Money on every surface is noisy, and it can make looking forward to a trip feel like accounting. Itinerary rows also carry a time, a duration and a rating, so cost is not the only thing on the card.

09 · Decision 04

Booking happens inside the plan. Hotels arrive attached to their day.

Booking happens inside the plan. Hotels arrive attached to their day.

Booking happens inside the plan. Hotels arrive attached to their day.

Accommodation opens on the rooms the plan already chose, tagged From Your Itinerary. Changing your mind is a swap inside the plan, and the meter moves as you do it.

TripWise Confirm Your Hotel screen
1
Selected from Your Itinerary
The room the plan already chose, attached to its day.
2
Price per night
The same number the meter is counting.
3
See Alternatives
Changing your mind is a swap inside the plan, not a new search.

What it cost

This promises live inventory and prices we did not own. It is the decision most likely to break against real supplier APIs, and the first I would re-scope with a booking partner.

10 · Decision 05

Group money is part of the trip. Expenses settle in the fewest transfers.

Group money is part of the trip. Expenses settle in the fewest transfers.

Group money is part of the trip. Expenses settle in the fewest transfers.

Expenses works out each person’s fair share and proposes the smallest set of payments that settles the group. In the demo trip, three people and two transfers settle $1,090 of shared spend.

Shared spend
$0
EWEmma Williams
SJSarah Johnson
MCMichael Chen
$0.00
$0.00
Send Payment Reminder
“Hi Emma, this is a friendly reminder that you owe $181.67 to Sarah for shared trip expenses.”
Two transfers settle the group.
TripWise Collaboration expenses with the Send Payment Reminder dialog open

Three people, one debtor, two transfers: the minimum that settles the group.

What it cost

This is a whole product, Splitwise, living inside another one. It is defensible only because the budget system already itemises trip expenses.

11 · Feedback

Three things feedback broke. All three came after the plan exists.

Three things feedback broke. All three came after the plan exists.

Three things feedback broke. All three came after the plan exists.

Five feedback sessions on the prototype, before the build. Nothing was timed or scored. Three gaps came up in more than one session.

Fix 01

“What would the better version cost?”

What we heard

Participants wanted to see the more expensive option, to know what they gave up by staying inside the budget.

What changed

The single plan became two priced tiers, Budget and Premium, switchable in place. Switching rewrites the itinerary, the four-way cost breakdown and the meter at once. Against a $4,000 budget the Premium plan reads $11,874 in red: the meter reports the overrun instead of preventing it.

Budget$3,166 / $4,000
$834 still unspent
Transport$794
Accommodation$1,152
Food$602
Activities$618
Day 1 flight · Economy · Economy Air · 9h 43m$370

Fix 02

The desk to street handoff

What we heard

Participants could see a stopover on the map and had no idea how they would get to it on the day. Planning happens at a desk and navigating happens on a phone.

What changed

Every place gained Send Location to Mobile, by SMS, email or QR code, plus Open in Google Maps. We built the handoff to the navigation people already trust, which was also cheaper than building navigation. The QR code needs no account and no typing.

TripWise

Fix 03

Chasing people for money

What we heard

Splitting the bill was solved. Participants said collecting it afterwards was the unpleasant part of group travel.

What changed

Expenses gained a settlement summary and a payment reminder that writes the message and sends it by email, SMS or in-app. People won’t send a reminder they have to write themselves, so the wording is pre-written and light.

TripWise

12 · Interfaces

Ten sections, all of them running. Every clip is the working product.

Ten sections, all of them running. Every clip is the working product.

Ten sections, all of them running. Every clip is the working product.

Screen recordings of the build in Lovable. The demo trip is 13 days with two stopovers and a $4,000 budget, planned from an empty form.

TripWise

Landing page

Start, stopovers, destination, currency, budget and dates: the constraint comes first.

TripWise

Plan & budget

The generated plan against the meter, with a map and every detail still editable.

TripWise

AI assistant

Create and adjust the trip in plain language without leaving the plan.

TripWise

Transport

Flights, bus, car, bike and rail in one flow, opening on the itinerary’s own choice.

TripWise

Accommodation

Stays matched to the budget and to the day they belong to.

TripWise

Stopovers

Stops between destinations, each with a length in days.

TripWise

Packing essentials

The one section people open after the trip has started.

TripWise

Insurance & more

Insurance is planned inside the trip, before anything is booked.

TripWise

Collaboration

Team, chat, expenses, reservations and memories in one place.

TripWise

Profile

Personal details and trip history.

What runs

The stopover chain

The recalculating meter

The two plan tiers

The settlement engine

The mobile handoff

13 · Design system

One typeface and one coral. The product’s visual style.

One typeface and one coral. The product’s visual style.

One typeface and one coral. The product’s visual style.

Inter in three weights, and a coral scale that runs from the primary colour down to a wash for backgrounds.

Primary
#E47878
Hover
#E87E7E
Accent
#ECA5A5
Tint
#F5C4C4
Wash
#FCEAEA
Over budget
#C8282E
Plan trip
From Your ItineraryAI Recommended
Stopover · Las Vegas · 3 days
Budget
$3,166 / $4,000
One coral scale and one red. Red is kept for over budget, so it always means the same thing. Type is Inter in three weights.

Primary

#E47878

Hover

#E87E7E

Accent

#ECA5A5

Tint

#F5C4C4

Wash

#FCEAEA

Surface

#FFFFFF

Aa

Inter

One family, three weights, used for everything from the meter to the itinerary rows.

14 · Process

Eight steps, and a small stack behind them.

Eight steps, and a small stack behind them.

Eight steps, and a small stack behind them.

A five-month student project run by three people with no budget for tools. ClickUp held the plan, Miro held the research wall, Figma held the design.

Aug 2024
Dec 2024
What would premium cost?
How do I get there?
Chasing money
1
Survey
23 travellers
2
Interviews
5 sessions
3
Teardown
6 products
4
Card sort
31 cards
5
Personas
Jack, Lisa
6
Wireframes
greyscale
7
Feedback
5 rounds
8
Build
10 sections
Research
Define
Design
Build
StackFigmaClickUpMiroGoogle FormsGoogle MeetGoogle DocsGoogle SheetsLovable

01

Survey

23 travellers, 11 questions

02

Interviews

5 moderated sessions, 14-question guide

03

Competitive teardown

6 products across 17 features

04

Card sort

31 cards, 6 participants, open sort

05

Personas

2 primary: Jack, solo; Lisa, group

06

Wireframes

Greyscale screens, structure before style

07

Feedback sessions

5 rounds, 3 changes shipped

08

Build

10 sections, working software

Tools

Figma, ClickUp, Miro, Google Forms, Google Meet, a paper card sort, Google Docs, Google Sheets and Lovable. Every artefact on this page was made with them.

15 · Outcomes

What it produced, and what it didn’t.

What it produced, and what it didn’t.

What it produced, and what it didn’t.

A self-directed student project, not client work. There is no revenue line and no adoption curve, so this is what the research produced, what the design changed and what got built.

0 + 0
surveyed, then interviewed
Google Forms survey; five moderated interviews
Counted
0 of 8
card-sort groups kept as nav
✓
✓
✓
✓
✓
✓
overruled
✓
Open card sort, 6 participants, 31 cards
Traceable
0
changes from feedback
Two priced plans
Send to phone
Payment reminder
Feedback sessions on the prototype, then the shipped screens
Traceable
0
concepts designed, then dropped
Itinerary as a nav section
One generated plan
Itinerary as a nav section; the single generated plan
Traceable
0
sections designed and built
Landing
Plan & budget
AI assistant
Transport
Stays
Stopovers
Packing
Insurance
Collaboration
Profile
The build itself: working software in Lovable
Built

23 + 5

Travellers surveyed and interviewed

Google Forms survey; five moderated interviews

Counted

7 of 8

Card-sort groups that became navigation unchanged

Open card sort, 6 participants, 31 cards

Traceable

3

Design changes made in response to feedback

Feedback sessions on the prototype, then the shipped screens

Traceable

2

Concepts designed and then discarded

Itinerary as a nav section; the single generated plan

Traceable

10

Product sections designed and built

The build itself

Built

About performance

No performance claim on this page is a measured one. Our expectations about how much faster budget-first planning would be came from what people told us in research, and they were never tested. Where you would normally read a percentage here, there is nothing.

Not tested

Built, not timed

The claim is that budget-first planning is calmer and faster. No one has been timed against their own tools yet. The study protocol is written.

Research sample

23 travellers, 5 interviews

Enough to shape the structure, not enough to generalise. Most respondents were under 35.

Data

Prices are not live

Flights and stays are sample data. A comparison would favour TripWise on friction and count against it on realism.

16 · Reflection

We never tested what we built. What I would fix first.

We never tested what we built. What I would fix first.

We never tested what we built. What I would fix first.

Research shaped the product, feedback changed three things, and then it was built. No traveller has planned a real trip with the finished product, so every claim about speed or calm is still an argument.

01

Run the study this page is missing

Participants

8 to 10, each planning a real multi-stop trip to a real budget

Design

Timed and counterbalanced: once in TripWise, once in whatever they use now

Measures

Time to a plan they would commit to; how often they go over budget without noticing; how many times they leave for another tab

Outcome

It either earns the number this page doesn’t have, or tells us the idea is wrong

02

Take the placeholder marketing off the landing page

The landing page shows “10K+ adventures planned, 4.9 rating, 150+ destinations” and three named testimonials, on a product with no users. It is placeholder copy on top of honest work, and a careful reviewer would catch it first.

What I kept

A limit only works if you can see it while you’re breaking it. In TripWise that is a number that stays on screen and changes colour. The same idea applies to anything with a limit: capacity, headcount, calories, time.

A limit only works if you can see it while you’re breaking it. In TripWise that is a number that stays on screen and changes colour. The same idea applies to anything with a limit: capacity, headcount, calories, time.