Tripmate Wireframe
Interactive prototype, 6 screens. Tap through to explore.
Show Annotations
9:41
Tripmate
A
Header: app branding and user profile avatar
Your Trips
Trip cards: tap any card to open that trip
Upcoming
Barcelona Squad
Barcelona, Spain
Mar 22 - Mar 28, 2026
Draft
Bali Getaway
Bali, Indonesia
Apr 10 - Apr 18, 2026
Planning
Whistler Weekend
Whistler, Canada
Dec 5 - Dec 8, 2026
FAB: create new trip
Trips
Map
Group
Split
New Trip
Trip creation form: all inputs validated on submit
Trip Name
Destination
Destination: autocomplete search for cities
Travel Dates
Date range: native date pickers on mobile
OR
📷
Upload Ticket / Pass
Snap a photo or upload an image. We will extract dates automatically via OCR.
Take Photo
Choose File
OCR: extracts dates from uploaded ticket photo
Accommodation
Pin your stay on the map
Map: pin accommodation location, distances calculated from here
Invite Friends
Copy Invite Link
SMS
WhatsApp
Email
Share: generates unique invite link per trip
Create Trip
CTA: validates form, creates trip, navigates to itinerary
Barcelona Squad
Map
List
Toggle: switch between map pins and day-by-day list
Hotel Arts
Sagrada Familia
Park Guell
La Boqueria
Map: interactive pins for each itinerary place, dashed routes
Day 1: Mar 22 (Sun)
09:00
Check-in Hotel Arts
Definite
0.0 km from stay
12:00
La Boqueria Market
Food
4/6 votes
1.2 km from stay
Vote badge: shows group voting progress per place
15:00
Sagrada Familia
Definite
3.5 km from stay
19:00
Add Activity
Add Activity: opens places search (Screen 4)
Day 2: Mar 23 (Mon)
10:00
Park Guell
Sights
5/6 votes
4.1 km from stay
14:00
Gothic Quarter Walk
Explore
3/6 votes
2.0 km from stay
19:30
Add Activity
Trips
Map
Group
Split
Add Place
Search: live autocomplete, results update as you type
All
Food
Activities
Sights
Shopping
Filter chips: multi-selectable category filters
Hotel
Results near your stay:
🍴
La Boqueria Market
★
4.5 · 1.2 km · Market, Food Hall
+ Add
Result card: name, rating, distance, category, add button
🍽
El Nacional
★
4.3 · 0.8 km · Restaurant
+ Add
⛪
Sagrada Familia
★
4.8 · 3.5 km · Landmark
+ Add
🤖
AI Suggestions
Based on your group: "Try Tickets Bar, a tapas spot 0.6 km away that matches your group's food preferences."
+ Add Tickets Bar
AI: personalized recommendations based on group preferences
🤖
AI Pick
Barceloneta Beach is popular with groups like yours, just 1.8 km from your stay. Best visited in the afternoon.
+ Add Barceloneta Beach
Barcelona Squad
Group View
My View
Toggle: group consensus vs. personal preferences
Members (6)
Members list: tap invite link to add more people
A
Alex (you)
Organizer
S
Sam
Member
J
Jordan
Member
R
Riley
Member
C
Casey
Member
M
Morgan
Guest (view only)
Copy Invite Link
Suggested Places
Voting: majority yes moves item to Definites
La Boqueria Market
👍 4
👎 1
○ 1 pending
👍 Vote Yes
👎 Vote No
Tickets Bar
AI pick
👍 2
👎 0
○ 4 pending
👍 Vote Yes
👎 Vote No
Gothic Quarter Walk
👍 3
👎 1
○ 2 pending
👍 Vote Yes
👎 Vote No
Definites (passed voting)
Definites: items confirmed by majority group vote
★
Sagrada Familia
★
Hotel Check-in
★
Park Guell
Trips
Map
Group
Split
Bill Split
📷
Scan a Bill
Take a photo of the receipt and we will extract items automatically.
Take Photo
Upload Image
OCR: scans receipt photo and extracts item names and prices
Dinner at El Nacional
Bill detail: tap items to select what you ordered
Mar 23, 2026
Paella (x1)
EUR 22.00
Sangria (x2)
EUR 18.00
Steak (x1)
EUR 35.00
Dessert (x1)
EUR 12.00
Service Fee
Tip
Fees: service charge and tip split proportionally
Split Method
Equal split
By item selected
Custom amounts
Split method: determines how total is divided among members
Summary
Per-person breakdown with payment status
A
Alex
EUR 28.40
Paid
S
Sam
EUR 22.10
Paid
J
Jordan
EUR 31.50
Unpaid
C
Casey
EUR 28.40
Paid
M
Morgan
EUR 32.10
Unpaid
Send Reminders
Send Reminders: push notification to unpaid members
Trips
Map
Group
Split