Unico Studiosunico studios← All work

Case study 009 · 786P Travels · Mobile product · 2025

A travel app that
is also a wallet.

786P Travels books trips, but it also does currency exchange, mobile recharge and transport rental — the things you actually need abroad. Search, activities, hotels, booking and checkout, plus an admin dashboard and the component library the whole build is assembled from.

Product design · Design system · Mobile
Scope
8 weeks, 2 designers
Team
Five screens
Scroll for more
9:41▪ ▪ ▮
Hello Sreehari !
Explore the World with Us
Search Your Trip
Exchange
Exchange now
Unlimited Calls
Recharge
Popular Trips
View All
Goa Scuba Diving
Goa Scuba Diving
$777/Person4.7
Himalayan Trek
Himalayan Trek
$777/Person4.7
9:41▪ ▪ ▮
Sky Diving
←
Sky Diving
Cape Town, South Africa
RestaurantsFree WIFIParking
Overview

Jump up your adrenaline, grab your fears by the neck and jump out of an airplane 10,000 feet above sea level in this exhilarating skydiving experience.

Available Time Slots
09:0012:3015:00
Price
$170.00
Per Person
Book Now
9:41▪ ▪ ▮
←Summary
Sky Diving
Sky Diving
Cape Town, South Africa
$377 per person
Amount Fee$377.00
Tax Fee$50.00
Total Fee$427.00
Payment
Credit / Debit Card
Paypal
Apple pay
Confirm & Pay
9:41▪ ▪ ▮
←My Bookings
UpcomingCompletedCancelled
Boat TourUpcoming
$777/Person
$2500View Details
Car RentalsUpcoming
$777/Person
$2500View Details
Create Booking
9:41▪ ▪ ▮
✓
Booking Confirmed!
Booking Ref:#DXB2345
Amount Fee$377.00
Tax Fee$50.00
Total Fee$427.00

We have mailed the booking details to you@gmail.com

Download Ticket
View Booking
Home · activity detail · checkout · my bookings · confirmation — Creato Display, #E5F35B on #F7F7F7
The problem

Every new screen was being designed from scratch, so the product drifted: three date pickers, four button styles, and a checkout nobody trusted.

The move

Design the flows first and the system alongside them — one date picker, one card, one set of states — then hand over a library the engineers build from instead of around.

The work

Five flows, one system
01Activities — browse, detail, booking, guest details
02Hotel booking and transport selection
03Currency exchange and mobile recharge
04Onboarding, auth, profile setup, settings
05Admin dashboard — bookings, customers, analytics
786P Travels destination786P Travels destination
SIGNAL LIME#E5F35B
RATING GOLD#FFC700
DEEP#060A0C
INK BLUE#0D171C
CANVAS#F7F7F7
Typeface
Creato Display
Medium 16 does most of the work — 823 uses across the file. Regular 12–14 for meta, ExtraBold 36 for the few real headlines. Manrope carries the admin dashboard.
One lime, used sparingly
Lime never carries text — only the thing you tap. Everything else is black on near-white, so the next action is always the brightest object on screen.

The result

Search that forgives vague input, an itinerary you can edit without losing your place, and a checkout that shows the total before it asks for a card.

4
taps from open to booked
1
component library, no drift
8wk
flows, UI and system

Inside the file

Drag to pan · scroll to zoom
Home
Activity detail
Checkout
Destination
Destination
Avatar
Palette + type — the actual page
Creato DisplayMedium 16 × 823 uses · Manrope on admin
Scratch — do not ship
19,587 nodes across 3 pages
→ 72 checkbox variants. Seventy-two.
→ user flow + IA page still has the sticky notes
786P-TRAVELS.FIG
Next case study
Dream Aerospace →
Start a project like this