15 min
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
- Hyper-Local, Location-Based Matching
- Airport-Friendly & Transit-Optimized
- Embedded Travel Partnerships
- 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.
No paywall, no gimmicks. The full experience is accessible to all users, increasing network density and trust — monetization comes from partners, not users.
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.
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.
Passenger is not just a social app — it’s a traveler companion.
Key launch partners:
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