Mobile apps · Design concept
Membership app
A lifestyle membership app concept linking activity discovery, time-slot selection and a digital member pass, with proposed booking states and visual rules.
Design concepts, not client projects. Screens are static mockups; names and data are illustrative.
The design brief
Connect browsing for an activity with booking a place and finding the member pass later. Expressive activity imagery supports discovery while navigation stays consistent between those tasks.
- Designed for
- Members exploring workshops and wellbeing activities, choosing a time and presenting their membership details.
- Constraints to consider
- Activity inspiration and practical access need different levels of detail. Capacity, membership eligibility and pass security would need real service rules; the displayed pass is illustrative.
The proposed journey
- 01
Find an activity
Activity cards and category chips introduce the available experiences.
- 02
Choose a time
The activity screen groups venue details and time slots before the booking action.
- 03
Find the member pass
The membership screen brings the digital pass and next booking into one view for later reference.
Why these design choices?
Keep navigation familiar
The bottom navigation holds its position across the concept screens. Discovery and membership remain distinct destinations rather than steps in a forced sequence.
Use one accent for selection
A shared accent can connect selected time slots, primary actions and the member identity. Selection should also have a text or shape cue rather than relying on colour alone.
A closer look at the visual system
Proposed design specimens. These are static examples, not working controls or a production specification.
Colour roles
Activity canvas
#FFF7EF
Member identity & actions
#701C2A
Primary text
#3D2927
Typography & spacing
Clear information. A considered next step.
A serif display treatment gives activity titles an editorial character. Compact sans-serif labels suit navigation, times and membership details.
Large activity cards support browsing. The booking screen uses tighter groups around date and time choices, with enough separation between neighbouring touch targets.
Beyond the ideal state
No upcoming booking
You have no upcoming bookings. Browse activities to find a session.
Booking confirmed
Your place is booked. View the time and venue in your upcoming booking.
Session full
This time slot is now full. Choose another session.
Why keep the member pass separate from activity discovery?
Browsing and presenting a pass happen for different reasons. A dedicated pass destination offers a direct route when a member needs access details, while the activity area can retain a more exploratory layout.
