Member app
Dashboard, class booking, cart, messages and menu.
Case Study · Member App
Let's go Fit member app
The Let's go Fit member app: book classes, top up the wallet, shop, track WOD scores, set a training profile and manage billing, in light or dark mode.
- Book a class
- Wallet & membership card
- Shop & cart
- Light & dark mode
- 12+App menus
- 5Bottom tabs
- 2Themes
12+App menus
5Bottom tabs
Overview
The gym in your pocket, day or night
Members see their wallet balance, top it up, open their membership card and book a class from the dashboard.
- Class booking
- Wallet
- WOD scores
- Billing
- 1
Top up the wallet from the dashboard.
- 2
Book a class from the weekly schedule.
- 3
Train and track WOD scores and personal records.
Dashboard, Book a class, Cart, Messages and Menu sit in the bottom bar; the menu opens the shop, booked classes, wallet, training plans, friends, diet menus, WOD scores, guest pass and history.
Member app
Wallet & billing
Scope & deliverables
Wallet & billing
Balance, credits, debits, plan and invoice history.
Shop
Products with price, stock, colour and size filters.
Challenge & solution
The front desk, or the gym in one app
- 12+App menus
- 2Themes
- 3Wallet totals
The Challenge
Members needed one place to book classes, pay, buy from the shop, follow their training and manage their membership, without queuing at the front desk.
- BookingsAt the desk
- PaymentsIn person
- ProgressOn paper
- DeskBookings
- CashPayments
- PaperTraining plans
Desk · Paper
The Solution
One member app on the Let's go Fit platform: class schedule and booking, wallet and billing, a shop with cart, a training profile, WOD scores and friends.
Let's go FitMember app
BookTrainTrackPay
Book · Train · Track · Pay
Member app · Key features
Everything a member needs, one tap away
From booking a class to paying the next invoice, in light or dark mode.
01 / 06 features
Auto-playing. Hover to pause
$0.00Wallet
Feature 01Member Dashboard
Wallet balance with top-up, a daily quote, messages, book a class and the membership card.
5Days
Feature 02Class Schedule
The week's classes day by day, with Today and filters.
12+Menus
Feature 03All Menus
Shop, booked classes, wallet, training plans, friends, diet menus, WOD scores, guest pass and history.
3Totals
Feature 04My Wallet
Current balance, total credits, total debits and the transaction history.
PRRecords
Feature 05WOD Scores
All scores and personal records, with total scores and this week's progress.
ProPlan
Feature 06Billing
The current plan, pay now, upgrade, features and usage, and the invoice history.
Technology
Built on a modern, proven stack
A member app on the Let's go Fit Laravel API, sharing members, classes, wallets, products and billing with the gym's admin panel.
Chosen for
Fast booking
A class in a few taps from the schedule.
Light & dark
A full dark mode on every screen.
Community
Friends and friend requests.
Personal
A training profile with goals and days.
App 2 tools
- Android
- Light & dark themes
Backend 2 tools
- Laravel
- Shared with admin
Payments 2 tools
- Wallet
- Billing & invoices
Shop 2 tools
- Products
- Cart
App screens
The Let's go Fit member app, screen by screen
Swipe through the real screens members use, in light and dark mode.
Philosophy
Design Approach
A clean app in the gym's green, with a full dark mode for early mornings and late sessions.
StrongSimpleLightDark
- 12+Menus
- 5Tabs
- 2Themes
- Audience
- Gym members
- Country
- Burkina Faso
- Language
- French
- Billing
- Plans & invoices
Every screen has a light and a dark version, switched from the top bar.
-
01
Book in Seconds
The week's classes, day by day.
Book a class from the dashboard.
Booking5Tabs
-
02
Clear Money
Balance, credits and debits.
Invoices and plan in Billing.
Wallet3Totals
-
03
Personal Training
Age group, body type, goal and days.
Likes and dislikes for workouts.
Training7Days a week
-
04
Light & Dark
Every screen in both themes.
Switched from the top bar.
Theme2Themes
Tokens
Design System
The Let's go Fit app palette: gym green on white for light mode, and deep navy for dark mode.
- 4 colors
Color palette 4
Gym green
#009e49
rgb(0,158,73)
Buttons, tabs & icons
Deep navy
#0f172a
rgb(15,23,42)
Dark mode background
Slate
#22293b
rgb(34,41,59)
Dark mode cards
White
#ffffff
rgb(255,255,255)
Light mode background
Components
Get started
Save
- Strong
- Simple
- Light
Search...
More work
Explore more projects
More of what our team designs and ships.
Web
01
36reports
Let's go Fit gym management platform
A gym website and management platform: members, subscriptions, classes, schedules, workout plans, a shop with POS, wallets, attendance with biometric doors, and 36 business reports.
- Laravel
- PHP 8.3
- Vue (Quasar)
Mobile
02
5ride tiers
LetsGo User app
The LetsGo User app: book an electric taxi, see the nearest driver, pick a ride, pay in cash, digital pay or wallet, and track every trip, all in one app.
- Flutter
- Google Maps
- Laravel API
Mobile
Featured
03
40active drivers
LetsGo driver app
The LetsGo driver app: go online, get ride requests from customers nearby, see the fare and distance of every trip, and track earnings, points and levels in one app.
- Flutter
- Google Maps
- Laravel API