All projects

LeWellness / Fitness technology / Mobile

The membership that means more.

Led UX/UI design for a fitness membership app — turning a basic membership into a multi-layered experience spanning workout tracking, social community, session planning, and remote gym access, grounded in a real member persona and positioned to cover ground three competitors each only partially addressed.

Agency

Lanxin Tech

Role

UX/UI Designer

Period

2017 - 2018

Engagement

Full-time

Industry

Fitness technology

Access

Turned the phone into a self-service membership and gym-entry tool

Scheduling

Reduced friction from booking through arrival and workout planning

Habit

Connected progress, planning, and community to support continued engagement

Mobile-First DesignFitness / FitTechBooking & SchedulingMembership ManagementRemote Gym AccessUser Research
LeWellness fitness membership app cover artwork
02 · UX Challenge

Fitness had to fit into an unpredictable day.

LeWellness offered only basic services through its website, but members increasingly wanted the speed and flexibility of a mobile app. The launch of staff-free remote gym locations made a seamless, fully mobile experience urgent — bookings, payments, and gym entry all needed to work from a phone, unsupervised. The app became the bridge between scheduling, membership, access, and progress.

01

Booking needed to work in real time

Class spots and trainer availability had to update the moment they changed, not on a delay.

02

Membership had to become self-service

Renewals, upgrades, and account changes couldn’t depend on a staffed front desk.

03

Remote gym access had to work without staff

Staff-free locations meant the phone itself had to become the entry point.

View competitive positioning

Next-Gen Fitness meant covering all six core features at once — mobile booking, membership, remote access, flexible payment, tracking, and community. Three real competitors each covered part of that; none covered all of it.

FeatureHosa Fitness · 浩沙健身Hilefit · 乐刻健身Supermonkey · 超级猦猦
Mobile Booking & SchedulingLimited (some via WeChat)Mobile supportedApp-based booking
Membership ManagementMostly handled in-clubPartial (renewals online)App-based self-service
Remote Gym Access (staff-free)Traditional staffed gymsTraditional accessStaff-free studios
Flexible Payment OptionsMonthly/yearly onlySome flexibilityPay-per-class model
Workout Tracking & ProgressNot providedBasic trackingNo tracking
Social Community FeaturesNo community featuresBasic WeChat groupsStrong community marketing

Real Next-Gen Fitness radar comparison

Real LeWellness competitive positioning slide: a coverage bar chart and six-axis radar chart comparing Hosa Fitness, Hilefit, Supermonkey, and LeWellness across mobile booking, membership, remote access, payment options, tracking, and social community
03 · Research / Persona

Designed around an unpredictable schedule.

Chen Ying

Working mother · fitness member

Needs

  • Flexible booking
  • Mobile membership management
  • Real-time schedule visibility

Behavior

  • Manages daily life from her phone
  • Often decides late
  • Relies on group classes for motivation

The app had to reduce friction at the exact moment her schedule changed.

View full persona

Chen Ying · 陈颖

Working Mother & Fitness Member

Age

35

Location

Beijing, China

Occupation

Mother of two, part-time marketing consultant

Chen Ying balances work and family life, relying on group fitness classes like yoga and Zumba to relieve stress. Her schedule is unpredictable, so flexibility is essential — she manages most of her household life from her phone and expects her gym to offer the same convenience.

Goals

  • Easily join group fitness classes
  • Manage her and her husband’s memberships together
  • Explore new classes and stay engaged

Pain points

  • Struggles to grab a class spot at the last minute
  • Frustrated by offline-only membership renewal
  • Wants real-time class schedule and update visibility on mobile

Behaviors

  • Runs daily life by phone — school runs, shopping, transportation
  • Open to new fitness concepts, provided they fit her flexible lifestyle
  • Active in online fitness communities and groups for motivation
04 · Mobile Fitness Journey

Not just a booking app — a membership experience.

Six stages carry a member from first hearing about the gym to sharing workouts with other members, each handing off to the next.

Discover & Join
Manage Membership
Book Sessions
Access Gym
Workout & Track
Social & Community

Discover, Join & Manage

Real LeWellness screenshots: the home screen with upcoming reservation and class cards, the profile and wallet screens with balance and points, and account settings with linked payment methods

Home surfaces the next reservation and featured classes; wallet and account carry balance, points, and linked payment methods.

Book & Access

Real LeWellness screenshot: a reservation card for a staff-free remote gym session with location, time window, and a prompt to scan a QR code to enter 15 minutes before the session

A reservation card with a time window and a scan-to-enter prompt — the phone becomes the key 15 minutes before the session.

Workout & Track

Real LeWellness screenshots: a dark-mode weekly training tracker with daily stats and a scheduled timeline, a class browser with date tabs, a weight-trend history chart, a date picker, and a self-training scheduler modal

A weekly activity strip, daily stats, and a weight-trend chart sit alongside a class browser and self-training scheduler.

Social & Community

Real LeWellness screenshots: members interacting with other members, joining challenges, and sharing workouts in the app's social features

Members interact with each other, join challenges, and share workouts — motivation that outlasts a single session.

Visual foundation

Gradient · PT Sans · mobile hierarchy

View full journey detail

Discover & Join

  • Learns about gym online
  • Downloads app
  • Signs up or purchases membership

Manage Membership

  • Views membership status
  • Renews or upgrades plan
  • Updates personal info

Book Sessions

  • Checks trainer availability
  • Books personal training or group class

Social & Community

  • Interacts with other members
  • Joins challenges, shares workouts

Workout & Track

  • Uses app to track exercises
  • Monitors progress over time

Access Gym

  • Books gym session
  • Uses digital key to enter remote gym
View visual system details

A gradient carries the brand across surfaces, the logo contributes two accent colors, and a two-tone text system keeps the whole product feeling clean and trustworthy rather than busy.

Gradient

#0180CD → #00F2FE

Logo colors

#9CC811

#EB5757

#FFFFFF

Text colors

#061237

#5D5D5D

Typography — PT Sans

Display

32px · 100% · Medium

Header

20px · 150% · Bold

Body

12px · 125% · Regular

Label

10px · 150% · Semi-bold

Caption

8px · 125% · Regular

Real LeWellness screenshot: the account screen demonstrating the visual system — gradient, logo colors, text colors, and PT Sans typography in use
05 · Self-Service Access + Scheduling

From intent to entry, without staff intervention.

After booking a gym session or group class, a member gets a reservation card with a time window and a scan-to-enter prompt — 15 minutes before the session, their phone becomes the key.

Book
Confirm
Arrive
Scan
Enter

Reservation & QR entry

Real LeWellness screenshot: a reservation card for a staff-free remote gym session with location, time window, and a prompt to scan a QR code to enter 15 minutes before the session
06 · Progress + Habit Support

The experience continued after the workout.

01

See progress

Activity, weight, and history — visible at a glance, not buried in a log.

02

Plan next action

Self-training and classes on a shared schedule, so the next session is never a separate decision.

03

Stay engaged

Community, challenges, and shared workouts keep motivation going between sessions.

Real LeWellness screenshots: a dark-mode weekly training tracker with daily stats and a scheduled timeline, a class browser with date tabs, a weight-trend history chart, a date picker, and a self-training scheduler modal
Real LeWellness screenshots: members interacting with other members, joining challenges, and sharing workouts in the app's social features
07 · Outcomes

What this project demonstrated.

Mobile UX

End-to-end fitness journey

Booking, gym access, and progress tracking connected into one continuous mobile experience instead of separate tools.

Service Design

Membership, payments, and operations, connected

Scheduling and gym operations were designed as one connected system with membership and payments, not separate flows.

Self-Service

Remote gym use without staff dependence

QR-code digital key access turned an unsupervised, staff-free location into a real, usable product feature.

Habit Support

Planning, tracking, and community, together

Session planning, progress tracking, and social features combined into one mobile experience that supported the habit, not just the booking.

Learning

A fitness app should remove friction before the workout and reinforce motivation after it.

Additional process documentation and historical presentation material is available on Behance.

View Behance project