Fitness Mobile UI Concept

Book your workout.
Anywhere, anytime.

Vigor is a five-screen gym booking app concept — live studio availability, trainer profiles, frictionless payments and a rewards-driven membership profile, wrapped in a clean, energetic light-theme UI.

05App Screens
500+Partner Studios
4.9Average Rating
Booked!HIIT Blast · 6:00 AM
12 studios open near you
9:41
Book a Session
Mon22 Tue23 Wed24 Thu25 Fri26 Sat27 Sun28
HB
HIIT Blastwith Jaden R. · 45 min
9:41

Good morning

Hi, Jordan

Jordan avatar
12Day streak
860Points
4This week
Nearby Studios
  • FL
    FitLoft Downtown 4.9 · 0.8 mi
    Open
  • PX
    PowerX Studio 4.8 · 1.4 mi
    Open
Today’s Classes
  • HB
    HIIT Blast6:00 AM · Jaden R.
    3 left
  • YF
    Yoga Flow8:30 AM · Mia K.
    7 left

Screen by Screen

Five screens. One effortless flow

From discovery to check-in, every screen shares the same spacing, color logic and iconography — so the product feels considered, not cobbled together.

Certified Coaches

Meet a few of the trainers

The trainer directory that powers screen 03 — every coach ships with a rating, specialty tags and one-tap booking.

Jaden Rivera, strength and HIIT coach Jaden Rivera Strength & HIIT
4.9
Owen Bennett, mobility and recovery coach Owen Bennett Mobility & Recovery
4.8
Maya Chen, yoga and flexibility coach Maya Chen Yoga & Flexibility
4.9
Robert Klein, senior fitness and longevity coach Robert Klein Senior Fitness
4.7

Membership & Rewards

Turn consistency into real rewards

Every booked session earns points, tracks a streak and nudges members closer to their next free class — membership tiers and progress rings make the subscription feel alive, not just a billing line.

Session Progress RingVisualizes plan usage at a glance
Points on Every VisitRedeemable for free sessions & gear
QR Studio Check-InTap-free entry at any partner location
68%Used
Unlimited Monthly 17 of 25 sessions · renews Oct 12 Gold Member
860 points 250 pts to a free session

Design System

A palette that earns its energy

One confident action color, one premium accent, and two functional colors for availability and rewards — nothing decorative, nothing wasted.

Color Palette
Surge Coral#FF5C35
Premium Violet#6C5CE7
Available Teal#14B8A6
Reward Gold#F5A623
Ink#14171F
Cloud#F7F8FB
Typographic Scale
Aa
Display / 32Weight 800 · Section headlines
Aa
Heading / 22Weight 700 · Card titles
Aa
Body / 15Weight 400 · Descriptions
Aa
Caption / 12Weight 600 · Labels & meta
Iconography

Why It Works

Every screen earns its place

Real-Time Availability

Live time slots and spot counters remove the guesswork from booking.

Certified Trainers

Ratings, specialties and bios help members book the right coach.

Multi-Location Access

One membership unlocks every partner studio in the network.

Secure Payments

Saved cards, promo codes and transparent fees at checkout.

Available On

Want this UI for your next project?

Send a short brief below and I’ll get back to you with the full source files, editable components and a Figma handoff.