UI Case study
Buddy Pass
Buddy Pass helps you find travel partners, book tickets, and stay connected with your buddies, all in one app.
Color Pallete
COLORS
Primary colors / Secondary colors
TYPOGRAPHY
Heading (Inter)
Aa
Bb
Body
Aa
Bb
ICONS
COMPONENTS
Design Process
WIREFRAMES
APP FLOW
BUDDY PASS
Problems
Travellers need a safe way to find people with compatible destinations, dates and interests.
A profile alone does not provide enough confidence to plan a journey with someone new.
Matching, chat, tickets and trip details are usually spread across several different apps.
Travel partners need simple coordination before departure and throughout the trip.
Destination, schedule and interest filters surface relevant travel partners first.
Clear profiles, mutual interests and direct chat help people build trust before committing.
Planning, booking references and communication stay together from match to return.
SWOT
DEVELOPMENT
Tools for Development to build Buddy Pass, we used a mix of design, development, and testing tools:
- Design & Prototyping: Figma for wireframes and UI design, Illustrator for icons, and Miro for user flows.
- Development: React Native for cross-platform builds, Node.js for backend services, and Firebase for auth and realtime data.
- Testing: Jest for unit tests, Detox for end-to-end mobile testing, and TestFlight for staged rollouts.
