🛅

Passenger

/tech-category

Mobitech

/type

Software

Type of Gigs

Side Projects

/read-time

8 min

/test

https://passenger-app.lovable.app

Passenger

Passenger is a meeting app built exclusively for travelers — turning airports, planes, hotels, and cities into spontaneous connection points.

No swiping through your hometown. No endless profiles.

Just one goal: find someone, wherever you are.

Positioning

Passenger doesn’t compete with Tinder, Bumble, or Couchsurfing. It collapses space and time — making strangers feel like planned encounters. It's serendipity as a service for the mobile, curious, and cosmopolitan.

Tagline: “Meet someone while you travel.”

Core Value Prop:

Passenger is the only location-aware meeting app designed specifically for travelers — letting you discover people nearby in real-time, whether you're at the gate, in a hotel, or exploring a new city.

Positioning Pillars:

100% Free to Use

No paywall, no gimmicks. The full experience is accessible to all users, increasing network density and trust — monetization comes from partners, not users.

Hyper-Local, Location-Based Matching

Unlike dating or social apps that only care about cities, Passenger works at a finer grain — your terminal, your hotel, your layover. It’s real proximity, not just geography.

Airport-Friendly & Transit-Optimized

Designed to load fast on weak connections. Recognizes airport zones and travel hubs as high-intent social spaces. Offers layover-specific prompts and fast connections before departure.

Embedded Travel Partnerships

Passenger is not just a social app — it’s a traveler companion.

Key launch partners:

Revolut: Instant onboarding, perks for cardholders.
Airport Lounges: Meet fellow travelers in real life via geo-tagged lounges.
Duty-Free Brands: Integrated promotions for matches (“Buy a small gift?”).
Future: Airlines, co-working cafes, hostels.

Vision

We believe two souls can meet anywhere — in transit, mid-flight, or between time zones.

Passenger exists to turn fleeting moments into meaningful encounters, connecting curious travelers wherever they land: planes, airports, hotels, or cities across the globe.

Prototype made with Lovable

Design style: Apple Clean × Minimalist Traveler UI

https://passenger-app.lovable.app

You are a senior frontend architect and interactive prototype designer.

Your task is to design a **mobile-first, interactive frontend prototype** (no backend logic) for a consumer app called **Passenger**.

---

✈️ What is Passenger?

**Passenger** is a meeting app for travelers and digital nomads. It helps people connect in real-world transit locations like airports, planes, hotels, or cities — based on location, travel preferences, and vibe. The app is 100% free, location-aware, and designed for cosmopolitan individuals who want to meet new people while on the move.

Its vision: “Two souls can meet anywhere.”

---

🧑‍🎨 Design Direction

- **Style:** Apple Clean, Soft Gradient Minimalism
- **Layout:** Mobile-first, native-app feel
- **Modes:** Light & Dark Mode toggle
- **Tone:** Elegant, calm, intuitive — no clutter
- **UX:** Every flow should feel smooth, obvious, fast, and friendly
- **Responsiveness:** Must simulate real product experience with screen transitions and state changes

---

🧱 Build the following **interactive screens**, in order:

### 1. **Landing Page**
- Soft animated airplane icons
- Headline: “Meet someone while you travel”
- CTA buttons: `Sign In`, `Sign Up`, `Explore App`
- Explore mode shows limited swipe preview (read-only)
- Modal: language selector
- Toggle: Light/Dark mode

### 2. **Login + Registration**
- Input fields: Email, Password
- Buttons: Sign in / Sign up
- Social login (Apple, Google, Revolut)
- States:
  - Error: invalid login, password reset flow
  - Success: transitions to onboarding

### 3. **Onboarding Flow (New User)**
Multi-step flow:
1. Name + Profile Photo
2. Current Location (auto + manual)
3. Travel Frequency & Trip Types (business, solo, group)
4. Interests (coffee, coworking, photography, etc.)
5. Past & Upcoming Destinations (autocomplete city tags)
6. Match Preferences (age range, vibe, gender)

- Each step has Back, Next, and Skip
- Tooltip: “Uploading a clear photo boosts your matches by 3x”
- Progress bar (6 steps)

### 4. **Main App (Home Feed)**
- Bottom navigation: Preferences | Passengers | Messages | Passport
- Default view: “Let’s find your first connection”
- Location-aware Passenger feed (swipeable cards)
- Filter button → opens modal:
  - Radius
  - Age range
  - Interests
  - Vibe (friendly / flirty / business)
- Edge case: no one nearby → “Try increasing your search radius or explore new destinations”

### 5. **Passenger Profile Card**
- Profile photo, name, age, location
- Bio, interest tags
- Past/future destinations (pill UI)
- Buttons: ❤️ Like, ❌ Skip
- Match modal: “It’s a match! Say hi 👋”
- Optional: Show common tags

### 6. **Messages Screen**
- List of conversations
- Empty state: “No messages yet. Start by liking someone.”
- Chat interface:
  - Message bubbles
  - Attach photo
  - “Suggest a coffee nearby” quick action

### 7. **Passport (Travel Timeline)**
- Add upcoming trip (location, date)
- View matches in upcoming cities
- Timeline of past trips → tap to revisit profiles from those trips

### 8. **Preferences**
- Match intent: Networking / Friendship / Dating
- Travel mode: Solo / Group / Business
- Notification toggle
- Language selector
- Theme toggle (Light / Dark)
- Logout button

---

📲 Prototype Rules

- Make every button, tab, and interaction behave as expected
- Use realistic placeholder data (profiles, destinations)
- Show conditional states (e.g., success/failure, no match, first match)
- Use modals and transitions to guide the flow
- Everything should be polished, testable, and real-feeling

---

🚫 Do not include backend logic, API calls, or data persistence  
✅ Prioritize user experience and visual consistency

---

Build the prototype screen-by-screen, from Landing to Preferences. Each screen should feel finished, delightful, and ready for testing.

User Journey

1. First Touchpoint: Landing Page

States:

Logged out
Call-to-action: “Meet Someone While You Travel”
CTA buttons: Sign Up, Sign In, Explore App
Modal: Language selector
Subtle animated airplane icons

Transitions:

Sign up → Registration screen
Explore App → Demo mode (non-interactive preview)

2. Registration / Login

Screens:

Email, password fields
Social auth (Revolut, Apple, Google)
Error state: invalid credentials, reset password flow
Success → onboarding

3. Onboarding Flow (New User)

Steps:

Name, photo upload
Current location auto-detected or selected
Travel frequency + trip types
Interest tags (coffee, co-working, events, photography)
Travel destinations — past & upcoming
Match preferences (age range, gender, vibe)

Transitions:

Skip → default profile
Back button on every step

Edge Cases:

No photo uploaded → prompt modal: “You’ll get more matches with a photo.”

4. Home Feed (Main App)

Tabs:

Preferences | Passengers | Messages | Passport

Default State:

“Let’s find your first connection”
Location-aware feed: current city + airport + recent trip history
Swipe-style UX
Filter modal (Match preferences, location radius, vibe filter)

Edge Cases:

No one nearby → fallback: “See who’s arriving soon in your area”

5. Passenger Profile View

Profile Card:

Name, age, location
Bio
Common locations (pill tags)
Buttons: Skip (X), Like (❤️)

Match Interaction:

Like → "Waiting for a mutual like"
Match → modal: “You’ve matched! Say hi 👋”

6. Messages

States:

Empty → “No conversations yet, go like some passengers!”
Chat UI — Light/Dark theme
Attach image, share current location, quick meet-up suggestion (“Coffee nearby”)

7. Passport (Travel History + Planning)

Add upcoming trips (location, dates)
See matches in your future destinations
Revisit people met on past trips

8. Preferences

Travel settings: frequency, solo/group, time zones
Connection type: friendship, networking, dating
Notification toggle, language, theme

You are a senior frontend architect and interactive prototype designer. Your task is to design a **mobile-first, interactive frontend prototype** (no backend logic) for a consumer app called **Passenger**. --- ✈️ What is Passenger? **Passenger** is a meeting app for travelers and digital nomads. It helps people connect in real-world transit locations like airports, planes, hotels, or cities — based on location, travel preferences, and vibe. The app is 100% free, location-aware, and designed for cosmopolitan individuals who want to meet new people while on the move. Its vision: “Two souls can meet anywhere.” --- 🧑‍🎨 Design Direction - **Style:** Apple Clean, Soft Gradient Minimalism - **Layout:** Mobile-first, native-app feel - **Modes:** Light & Dark Mode toggle - **Tone:** Elegant, calm, intuitive — no clutter - **UX:** Every flow should feel smooth, obvious, fast, and friendly - **Responsiveness:** Must simulate real product experience with screen transitions and state changes --- 🧱 Build the following **interactive screens**, in order: ### 1. **Landing Page** - Soft animated airplane icons - Headline: “Meet someone while you travel” - CTA buttons: `Sign In`, `Sign Up`, `Explore App` - Explore mode shows limited swipe preview (read-only) - Modal: language selector - Toggle: Light/Dark mode ### 2. **Login + Registration** - Input fields: Email, Password - Buttons: Sign in / Sign up - Social login (Apple, Google, Revolut) - States: - Error: invalid login, password reset flow - Success: transitions to onboarding ### 3. **Onboarding Flow (New User)** Multi-step flow: 1. Name + Profile Photo 2. Current Location (auto + manual) 3. Travel Frequency & Trip Types (business, solo, group) 4. Interests (coffee, coworking, photography, etc.) 5. Past & Upcoming Destinations (autocomplete city tags) 6. Match Preferences (age range, vibe, gender) - Each step has Back, Next, and Skip - Tooltip: “Uploading a clear photo boosts your matches by 3x” - Progress bar (6 steps) ### 4. **Main App (Home Feed)** - Bottom navigation: Preferences | Passengers | Messages | Passport - Default view: “Let’s find your first connection” - Location-aware Passenger feed (swipeable cards) - Filter button → opens modal: - Radius - Age range - Interests - Vibe (friendly / flirty / business) - Edge case: no one nearby → “Try increasing your search radius or explore new destinations” ### 5. **Passenger Profile Card** - Profile photo, name, age, location - Bio, interest tags - Past/future destinations (pill UI) - Buttons: ❤️ Like, ❌ Skip - Match modal: “It’s a match! Say hi 👋” - Optional: Show common tags ### 6. **Messages Screen** - List of conversations - Empty state: “No messages yet. Start by liking someone.” - Chat interface: - Message bubbles - Attach photo - “Suggest a coffee nearby” quick action ### 7. **Passport (Travel Timeline)** - Add upcoming trip (location, date) - View matches in upcoming cities - Timeline of past trips → tap to revisit profiles from those trips ### 8. **Preferences** - Match intent: Networking / Friendship / Dating - Travel mode: Solo / Group / Business - Notification toggle - Language selector - Theme toggle (Light / Dark) - Logout button --- 📲 Prototype Rules - Make every button, tab, and interaction behave as expected - Use realistic placeholder data (profiles, destinations) - Show conditional states (e.g., success/failure, no match, first match) - Use modals and transitions to guide the flow - Everything should be polished, testable, and real-feeling --- 🚫 Do not include backend logic, API calls, or data persistence ✅ Prioritize user experience and visual consistency --- Build the prototype screen-by-screen, from Landing to Preferences. Each screen should feel finished, delightful, and ready for testing.