/case-studies/buddy-pass
[ CS-07 // BUDDY PASS ]

Never go alone

Find travel partners, book tickets and stay connected with your buddies, all in one app.

UX / UIMobileFlutter
Buddy Pass
// BUDDY PASS_HEROCS-07
// Overview

Buddy Pass is a travel-companion and events app that helps people find trusted partners for trips, book tickets, and stay connected, all in one place. We led the full UI case study: color system, typography, iconography and components, then shipped a cross-platform Flutter build on top of a Firebase backend deployed to both stores.

Audience
Travelers & event-goers · 18–35
Reach
Global (mobile-first)
// Process

How we built it

01/
Discovery
2 days
02/
User Flows
3 days
03/
Wireframes
5 days
04/
UI System
6 days
05/
Prototyping
3 days
06/
Development
18 days
07/
Testing & Launch
4 days
// 01

The brief

Solo travel is growing but risky, and event-goers rarely want to go alone. Buddy Pass had to condense three separate behaviors, finding a trusted partner, booking tickets, and staying in touch, into a single, low-friction mobile experience that felt safe and social from the first tap.

// 02

Wireframes & app flow

We mapped end-to-end journeys in Miro before touching pixels: onboarding, buddy discovery, chat, ticket booking, saved events and reminders. Low-fi wireframes were tested with target users so complex, multi-step flows were simplified before UI work began.

// 03

UI system

A warm, sunset-inspired palette paired with Inter for headings and body carries a friendly, human tone. A custom icon set, tab bar and reusable components (cards, chips, sheets) were built as a system so screens stay consistent as the product grows.

// 04

Problems, solved

Complex user flows were simplified with wireframes and quick user testing. A cluttered UI was replaced with minimal design and grouped features. Cross-device responsiveness was handled with mobile-first grids and adaptive layouts. Performance issues were resolved by optimizing assets and using lightweight visuals.

// 05

SWOT

Strengths: easy, user-friendly event discovery, community-driven connections, saved events and reminders. Weaknesses to watch: dependence on active users and events, potential trust issues, limited offline usability, moderation effort. Opportunities: reminder loops, expanding discovery models and community rituals. Threats: incumbent travel and dating apps entering the same space.

// 06

Development & launch

Design and prototyping in Figma, icons in Illustrator, flows in Miro. Flutter (Dart) on the front-end for a single cross-platform codebase, Firebase for authentication, notifications and data, Google Maps API for location, and Firebase Test Lab for device coverage. Shipped through Google Play Console and the Apple App Store; project tracked in Trello with GitHub for version control.

// Problem
  • ×Solo travelers can't easily find trusted partners for trips and events.
  • ×Booking tickets, chatting with buddies and setting reminders live in three different apps.
  • ×Discovery UIs are cluttered and hard to scan on mobile.
  • ×Performance drops on lower-end devices with heavy imagery.
  • ×Cross-device layouts break outside of a narrow set of screen sizes.
// Solution
  • One app to find travel partners, book tickets and stay connected with buddies.
  • Wireframes and rapid user testing to straighten complex flows before UI.
  • Minimal design with grouped features so events and buddies are scannable at a glance.
  • Mobile-first grids and adaptive layouts for consistent behavior across devices.
  • Lightweight, optimized visuals tuned for performance on entry-level phones.
  • Community-driven discovery with saved events and smart reminders.
// Deliverables
  • User personas & task flows
  • Low-fi wireframes
  • High-fi UI screens
  • Icon set & tab-bar system
  • Reusable component library
  • Interactive Figma prototype
  • Cross-platform Flutter build
  • Firebase backend integration
  • Play Store + App Store launch
// Stack
FigmaAdobe IllustratorMiroFlutter (Dart)Firebase AuthFirebase Cloud MessagingFirestoreGoogle Maps APIFirebase Test LabGitHubTrelloGoogle Play ConsoleApple App Store
// Typography
  • Inter, Headings (Bold / Semibold)
  • Inter, Body (Regular / Medium)
// Palette
Deep Navy
#0B1220
Midnight
#1F2A44
Sunset Orange
#F97316
Peach
#FDBA74
Warm Sand
#FDE68A
Cloud
#F8FAFC
// Verbatim
One tap to find a buddy, book the trip and keep the plan alive, that was the whole product in a sentence, and the UI had to disappear behind it.
, Design lead, Buddy Pass
// Results
  • Single Flutter codebase shipped to iOS and Android
  • Firebase-powered auth, notifications and realtime data
  • Cluttered UI replaced with minimal, grouped patterns
  • Complex flows validated with user testing before build
  • Adaptive mobile-first layouts across device sizes
  • Lightweight visuals for smooth performance on low-end phones
Visit live site ↗
// Outcomes

The result

1
Codebase, 2 stores
Firebase
Auth · notifications · data
Mobile-first
Adaptive layouts