← Back to Home

UI Case study

Buddy Pass

Location

Buddy Pass helps you find travel partners, book tickets, and stay connected with your buddies, all in one app.

Buddy Pass hero

Overview

Color Pallete

COLORS

Primary colors / Secondary colors

Primary palette

Secondary palette

TYPOGRAPHY

Heading (Inter)

Aa

Bb

Body

Aa

Bb

ICONS

Icons

Tabs

Frame

Screen 1

Screen 2

Screen 3

Screen 4

Group 33984

Group 33752

COMPONENTS

Design Process

Design process

WIREFRAMES

Wireframes

APP FLOW

BUDDY PASS

Flow 1

Flow 2

Problems

Problem 01

Problem 02

Problem 03

Problem 04

Problems visual

Solutions visual

Solution 01

Solution 02

Solution 03

SWOT visual

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.

Development visual

Made with ♥ by Loopiq