Preview image. Unlock full-res
Mobile app UI for swim instruction platform featuring blue gradient header, card-based instructor browsing, and intuitive booking flow with profile personalization and location integration.
Summary
Contemporary fitness app for swimming lessons displaying a personalized greeting, searchable instructor directory with cards, live scheduling, and bottom-tab navigation for browsing, search, booking, and messaging functions.
Visual description
iPhone screen with blue gradient header transitioning from darker blue at top to lighter blue-purple at bottom. Top section contains user greeting "Hello, Franklin!" with a circular avatar, bell notification icon, and search box for instructors. Main content area shows instructor cards in a scrollable carousel format, each displaying instructor photo, name, time availability ("1PM - 2PM"), date, location (Aqua Oasis Swim Center), and a "See Directions" link. Below that, a "Top-Rated Instructors" row features larger instructor profile cards with photos and pricing ($50/30 mins). Bottom navigation bar in dark navy with five tab options and a highlighted home icon, maintaining visual separation from content above.
Key takeaway
The smart two-level information architecture: quick instructor discovery in the hero section with cards below showing detailed profiles and pricing. The blue gradient establishes a water-appropriate palette while the white card containers create clear scannable regions. The search and location integration simplifies the booking friction, and per-instructor time slots are immediately visible without a separate flow.
Reuse notes
Ideal for fitness, wellness, sports, and education apps requiring instructor discovery and real-time booking. The card-based layout scales to many instructors and the tabbed navigation allows users to fluidly move between browsing, messaging, and managing bookings. Works well for location-based services needing to display multiple availability windows and venues.
