CompassTravel
Compass is a travel companion for planning and booking: flights, hotels and transport in a few taps, plus a store for the gear that goes with the trip.
- Product
- Compass Travel
- Sector
- Travel & Booking
- Services
- iOS & Android
- Year
- 2024

Services
- UI/UX Design
- Mobile Development
- Design System
- QA & Delivery
About the Product
Compass covers the whole trip in one app — exploring destinations, comparing prices, booking flights, hotels and rental cars, and buying travel supplies — with bookings managed in a single place rather than across separate services.
The Solution
We designed and built booking flows for flights, hotels and transportation alongside a travel-supplies store, with personalised destination recommendations, secure payment options and real-time notifications for flight status and booking confirmations. Longest-running product in the portfolio: first published in 2024 and still shipping updates.
What the product had to solve
Travel apps ask a lot of a first-time user: compare, decide, pay, then keep track of what was booked. The product had to keep browsing and booking on one continuous path, and keep travellers informed after purchase, when a schedule change matters most.
Technologies we use

Tailwind CSS
Utility-first CSS

Firebase
Real-time backend

TypeScript
Typed JavaScript

Node.js
Scalable network

React.js
Declarative UI library

Figma
Collaborative design

Next.js
Server-rendered




Crafting thoughtful design solutions that drive real impact
We believe great digital products are built at the intersection of strategy, usability, and aesthetics. For this project, we focused on creating a design system that feels structured yet flexible—supporting both immediate functionality and future expansion.
From interaction flows to visual hierarchy, every design decision was guided by real user needs and long-term product vision. The result is a product that feels intuitive, reliable, and purpose-built for the people who use it every day.
Our process included
- Deep stakeholder collaboration
- Clear UX strategy and wireframing
- Iterative design validation
- Consistent visual language across modules
- Developer handoff and QA




Delivering a scalable and user-friendly solution
The final solution is a robust digital product that enables efficient, confident everyday use while maintaining a clean and approachable experience.
Outcome highlights
- Deep stakeholder collaboration
- Clear UX strategy and wireframing
- Iterative design validation