.png){kind=tracking}
Information Architecture & User Flows
The information architecture and user flows for Hoppin were designed with simplicity, flexibility, and user intention in mind to reduce cognitive load and help users find, book, and manage leisure activities as easily as possible—whether they're planners like Priya or spontaneous explorers like Jordan.
Information Architecture
We followed a bottom-tab navigation structure with four core sections designed for optimal user experience and easy navigation.
Home
The central hub with a personalized activity feed, trending events, and a prominent search bar. Users can browse by interest, time, or location without logging in.
Community
Encourages light-touch social interaction. Users can invite friends or share events, with subtle access to connect with others attending.
My Activity
Straightforward space for managing upcoming and past bookings. Options to reschedule, cancel, or review bookings support flexibility and control.
Profile
Allows users to manage preferences, saved activities, and payment methods. Supports personalization and account management.
Why this Information Architecture works?
→ Prioritizes search-first discovery, reducing time-to-content
→ Supports both direct action (search → book) and casual browsing (scroll → explore)
→ Easy to scale with new features like loyalty rewards or event reminders in the future
User Flows
We designed five key user flows based on real-world use cases and survey insights. These flows ensure our app supports the most common user goals clearly and intuitively.
1
Onboarding & Preference Setting Flow
Purpose: Personalize the homepage based on user interests and location.
→ Guest access or sign-up
→ Select preferred activity types
→ Choose location (current or manual)
→ Receive tailored suggestions on the homepage
2
Search-first Navigation Flow
Purpose: Help users quickly find relevant activities.
→ User enters search keywords or applies filters (time, location, type)
→ Results update instantly
→ Users can tap into any event to view details and availability
3
Invite Friends Flow
Purpose: Add a social layer to activity planning.
→ On event page, tap "Invite a Friend"
→ Choose from:
→ In-app friends
→ Phone contacts (with permission)
→ Social sharing apps (WhatsApp, Instagram, SMS)
→ Friends receive a link and can view or RSVP
4
Reschedule & Cancellation Flow
Purpose: Support flexibility in user planning.
→ From "My Activity," users select a booking
→ Options to:
→ Reschedule to a different date/time
→ Cancel with refund info
→ System confirms changes and updates activity history
5
Guest Booking Confirmation Flow
Purpose: Allow users to complete bookings without creating an account, reducing barriers to conversion.
→ User selects activity and booking details
→ Guest checkout option prominently displayed
→ Minimal information required:
→ Name and email for confirmation
→ Payment information
→ Optional phone number for updates
→ Booking confirmation with email receipt
→ Option to create account post-booking for easier management
Design Principles Behind the Flows
These core principles guided our design decisions throughout the flow creation process.
1
Task-based and Intuitive
Each flow mirrors real-life user behavior and natural task completion patterns
2
Accessible
Designed with mobile-first principles and WCAG color contrast compliance
3
Low-friction
Guest mode, merged sign-in/sign-up, and optional social features support varied comfort levels
4
Expandable
The IA and flows allow room for features like push notifications, reward systems, or activity reviews