Themepass by kamala supanyapinit

Kamala Supanyapinit

ÂŠ 2015

Introduction Themepass is a mobile

application that connects people with their local gyms and helps people to find the best exercise class to fit in with their busy lifestyles.

User Research I want to find out that what the main reasons are that make people go to gym. How does the gym they choose associate with their lifestyle? How do they schedule their time for gym? Do they actually like going to the gym or just go because they think they should?

Research Questions. Why do you go to gym? Do you go to the gym alone or with others? Do they fit into the same demographic as you, are of the same age or have the same job? What is your favourite exercise class or do you just use the gym equipment? Where is your gym? Is close to your house? Do you go to multiple locations for your exercise?

When do you go to gym? what time of day do you prefer? how often do you visit to gym? How do you travel to the gym? How much does it cost? How do you pay? how do you book your gym classes or sessions?

I got the opportunity to

7 people

talk with who have a gym membership or go to gym on spec. They come from both Bangkok and London. These are some of the insight I gleaned from these interviews;

“

I plan ahead before I go to gym.

I am passionate about great tasting food.

I am aware of brand name gyms, facilities and services.

I like my trainer. I will go to any class that she teaches.

I go to the same gym same class and same time. Time is the most important for me.

“

User Research

I love Yoga classes and detest going on a treadmill

I prefer not to travel to the gym. Location was a major factor in my choice of gym.

I don’t mind to go to gym alone. It doesn’t bother me if I have a companion or not.

I prefer to try to work out at different gyms but it must close to my home or work and the facilities must meet my standards.

User Research

Personas From my research I have created four Personas which illustrate the key needs of gym users.

User Research I always book my weekly exercise classes and go to the same class at the same time.

I have to plan my weekly exercise schedule as I have little spare time with my job. I prefer to attend gyms of the highest standard and am happy to pay extra for this.

Alice 29 Female Marketer

Alice is a very serious and active gym member. She likes yoga and pilates but hates the treadmill. She always plans her sessions in advance and go to a gym near to her office

Tata 24 Female

Tata is an active gym user who has a premier membership. Facilities and services are most important to her. She loves using the treadmill and attending antigravity classes

Who I am a Marketer. I eat very healthily consists mainly of vegetables and fruit. I have greatly cut down on my carbs and fat intake. What I have had a gym membership for 5 months now. I pay 50£/ month for a 1 year commitment. I like Yoga. I also go to Inferno, circuit training, Tabata and Zumba sometime. When I always go to the gym alone and go to the same classes at the same time and on the same day every week. I would love to go to yoga every day but my gym doesn’t offer daily yoga classes.

Where I want to exercise in the evening and at the weekends as well but I don’t want to pay more for this. I also practice Pilates at home. I plan ahead and mark the classes on my calendar which I can attend every week. WhyI have 3 main reasons for going to the gym. I want to relax, lose my belly fat and my long term goal is to maintain my new body.

Who I am an accountant. What I am a member of a gym that’s close to my office. I pay 120£/ month. When I go to my gym 2-3 days a week and take classes on a further 2 days. I would like to join more but I simply don’t have the time. Where I can enjoy my workout at multiple locations but they are all a long way from my home and office. Why I joined this gym because it is new, clean, offers good facilities and service and has a great atmosphere. It also also provides

a lot of classes to complement my workouts.I want to keep fit and stay as healthy as I can. I love my trainer. She is an incredible motivator and I go to as many of her classes as I can. I would say, she is one of the main reasons why I go to this gym and if she moved I would follow her. I would be interested in joining another luxury gym but my trainer keeps me coming back to this one.

Alice

Accountant.

User Research

I want to join more class. If I could go to any gyms near my office too. It would be great! Time is the most important for me.

Carey

Theo 27 Male

Theo is fun loving guy who is an avid fan of the gym. He loves pounding the treadmill and likes to try different classes as well. As a passionate foodie his gym activities allow him to enjoy his favourite dishes without gaining

Carey 30 Female

Who I’m a freelancer. What I pay £40 a month. I prefer to pay monthly by direct debit so I don’t have to worry about it. I go to the gym alone. I always use the treadmill and sometimes I join exercise classes such as yoga, pilates, Zumba, RPM and Water aerobics. I like RPM most. When I go at least 3 times a week. Gym class sometimes don’t fit into my schedule so I don’t get to them as often as I would like. It would be great if I could also join a gym that was close to my

office. Where I am a member of my local gym which is only 10 minutes from my home. But I always working at multiple locations, as I’m a freelancer. WhyThe main reason I go is to stay fit and keep my weight down as I love eating.

Who I am a business owner. What I buy 10 tickets for 3 months from my local gym which is only a short walk from my house. I would love to go to a yoga class but as I cannot book in advance it is always full when I go. When I working long hours for my business. I need more flexible schedule to go to the gym. Where I prefer to go to the gym near my house. WhyI would like to build up my body strength but my main focus is the fat around my

Freelance.

Business Owner

I don’t have the flexibility in my working hours to make the commitment to a gym membership. I never know when can go so have to grab the chance when I can. For this reason I prefer to go to a gym near my home. Carey works long hours running her own successful business. She needs a more flexible work schedule to go to the gym but this isn’t realistic. She buys 10 tickets which last for 3 months at a gym near her home. middle. My trainer guides me on exercises for this area.

UX Analysis

UX Analysis Competitor Analysis Existing Products Analysis Business goals User requirements Feature Analysis

Competitor / Existing product

CLASSPASS

Ask user to create profile

Ask user their location.

Competitor / Existing product

find gym using a map

Filter by facilities

Group exercise schedule.

GYMJAM

Filter by facilities

Show gym on map and list others in the locale

Competitor / Existing product

PAYASYOUGYM

show results

Welcome screen

Filter search

Product page

ask user to fill in personal details before booking or paying.

This area stores personal information and recognises your purchases. It also explains in full how service works.

Competitor / Existing product

Good example for finder

User can select a time preference.

Browse by interests.

Browse by suggestion, price or location.

Make a selection from the suggestions.

Browse by location on map.

Competitor / Existing product

Good example for finder

Suggest the topic.

User can tap to select their chosen topics.

This is how it displays the selections.

Competitor / Existing product

Clear example of the booking system

select the date.

Select the ticket options.

Confirmation screen

Business goals VS User Requirement

Business goals To sell exercise classes To help people find a nearby gym To motivate people to go to the gym Encourage brand elements Bespoke online booking system

User Requirement To be find a gym/ class at a preferable time To be able to book the preferred exercise class at the time and place they want To be able to manage an exercise schedule To have flexible payment options To be able to work with a favourite trainer To be able to keep track of exercise class history

Features analysis

Branding

Themepass is the innovative new programme which allows you to be in complete control of all your personal exercise classes. The premise behind the name is simple. Everyone has a different preference when it comes to kind of workout and exercise classes they attend at their gym.Themepass allows you to create your own theme and profile and find you the classes you want to attend at times that best suit you. So in the same way as you would use a pass to get into a theme park this is your pass to get to all those exercise classes you love so much. Once you have found that class you can book it quickly and easily and pay for it online. In short, Themepass is the only ticket you will ever need in order to find the best classes at the best times and in the most convenient locations.

Mood & Theme

A theme which pro-

motes energy and

vitality. The users

who select this theme will be strong and prefer premier gyms. Those people who prefer professional environments and use elite gyms with specialist facilities feel good about themselves as they exercise.

Mood & Theme

Bright and colourful

and illustrates how much fun a gym can be! People go to gym because they have fun there. They have a positive attitude, are energetic and want to enjoy changing their bodies. This motivational theme is what having fun while getting fit is all about.

Mood & Theme

Alice

Carey

A more spiritual theme for those who want to combine their exercise with relaxation and general wellbeing This theme will appeal to people who like exercising in a laid back environment. They are professionals who live a healthy lifestyle and prefer mind and body classes such as yoga and pilates.

Application Design

Site Map

HOME

WELCOME SCREEN/ SIGN IN/ SIGN UP

SEARCH FOR EXERCISE CLASS

USER ACCOUNT

PRODUCT PAGE

FAVOURITE PAGE

BOOKING SYSTEM

CALENDR/ HISTORY PAGE

Mock up

DESIGN I want to set up my weekly schedule I like to have options I have my favourite trainer This design helps people create their own exercise theme and save it as their preferred name. This could be Monday morning, morning cardio, etc. The search tool also allow users to optimise their classes by finding those run by their own favourite teachers.

User Flows

Themepass page Save I want to set up my weekly exercise schedule.

Create preference

Result

Booking

save and create another theme.

FINDER

EXERCISE CLASS FINDER

First Screen 1

THEMEPASS

THEME1

THEMEPASS

THEME1

theme2

THEMEPASS

WEEKDAY

theme2

MORNING

Select the exercise time

THEME1

TIME ACTIVITY

PLACE

ACTIVITY

TRAINER

WEEKDAY

theme2

MORNING

theme2

GIVEN A THEME NAME

PLACE

Morning

ACTIVITY

Afternoon

Evening

After logging into the system the user will be taken directly to the search page 1

App logo

User can tap on the cursor or slide through the theme name or tap on the theme name that appears

Tap to set up or change the name.

Tap to set up or change the time time.

Tap to select the location.

Tap to select the activity.

Tap to select the trainer.

DONE

Tap once on the 1 type area. You’ll now be able to type your theme name. Tap 2 ‘Done’ button once finish. The system will take you back to the first screen.

After tapping on the ‘TIME’ button at the first screen the system will take you to the page to select the exercise time. You can tap to select the time or tap again to cancel it. When it turns 1 red you have selected it and when you deselect it becomes 2 grey. Tap on 3 “Ok” once you have finished.

DONE

After tapping on the ‘PLACE’ button at the first screen the system will take you to search for your area of preference. You can type this area into the 1 search box. The system also allows you to turn on the Location Based feature on your smartphone or other mobile device. This allows you to search your preferred area quickly and easily. Click on 2 “DONE” when you are finished.

FINDER

THEMEPASS

THEME1

WEEKDAY

theme2

MORNING

Surrey Quay 1 D

3 Yoga

theme2

ALL

Zumba

Anne

Alan

Select gyms

MORNING

Select your fab trainer

ALL

WEEKDAY

theme2

Select your activity

THEMEPASS

Cycle

Fight Club

Circuit

Brett

Cathy

Don

H.I.I.T

Fence

Body Condition

Evan

Gorge

Ivy

CanadaWater Studio

Canada Water Studio

Outdo

DONE

Once you tapped ‘Done’ button on

One tap on the ‘ACTIVITY’ button on

One tap on the ‘TRAINER’ button on

the last screen 1 a map will appear

the first screen will prompt the system

the first screen will take you directly to

showing all the gyms in your preferred

to take you to the activity page.

the trainer page.

area. You can Spread to zoom in and pinch to zoom out on the map. 2 Slide to browse the gym’s name

You can scroll up and down to

browse the variety of exercises available. 2 You can tap on the ‘All’ button

on the screen and tap to select the

to select all the exercises. 3 You then

one you want. This area will then turn

tap to select the exercise class you

black. 3 You will see the gym you’ve

are interested in. The exercise you

selected appear above at the white

select will turn red, those in grey aren’t

space. If you want to remove it and

selected or have been deselected.

go back to your search simply tap and hold it and it will disappear.

Once finished tap on ‘DONE’. You

will then return to the home page.

In the same way as on the activity page you can then; Scroll up and down to browse the trainers 2 You can tap on ‘All’ button, to

select all trainers. 1 Tap on the trainer you are interest-

ed in and they will turn red. Tap and hold to deselect and the colour will return to grey.

Once you have finished simply tap on

3 Once finished tap on the ‘DONE’

4 “DONE” and you will be taken back

button. The system will then take you

to the first screen.

back to the first screen.

FINDER

THEMEPASS WEEKDAY

THEMEPASS

theme2

MORNING

WEEKDAY

theme2

MORNING

WEEKDAY MORNING

Surrey Dock Sport Club

Canada Water Studio

1 Morning

Yoga

Morning Yoga

ALL

Trainer

Trainer Zumba

Zumba

This screen shows the what the results

1 It’s easy to remove any item by

look like after you have selected your

tapping and holding to bring up the ‘X’

options on every screen.

in the top right hand corner. Tap on this to deselect.

Once you have done the search page You can continue setting up the 1

next theme or tap on 2 ‘OK’

button, in order to see the search result.

BOOKING SYSTEM

Already bought monthy unlimited pass or still have some passes remain.

First Screen 2 1 4

Back

1 Tap on the ‘THEMEPASS’ button at the top left. This takes you back to the search feature.

THEMEPASS

Sun 1

Mon 2

Tue 3

Wed 4

Thu 5

2 Tap on the ‘Human’ icon. This area stores all your personal information and remembers your purchases. It also explains in full how the service works.

schedule

YOGA

Surrey Dock Sport Club

ZUMBA 6

07 30

6 / 10

11 30

07 45

6 / 10

Surrey Dock Sport Club

3 At the top right, the ‘Map’ icon will change mode so the search changes from list form into a map.

Full

The centre of the screen will show details of your search. The time will be bold and it is the largest to illustrate that it is the most important. You will also see the name of the gym, the class and its availability.. For example ‘6/10’ means it has space for 10 people and 6 people have booked for this class. The user can tap on the boxes to view more details and then book the class. 5

ody Condition

On the first screen you’ll see the results from the search feature.

6 When a class is fully booked there will be a red box to indicate this. 7 Tap on the ‘Star’ icon to view your bookmarked classes. 8 Tap on the ‘calendar’ icon to view the classes that you already purchased. 9 Tap on the ‘ticket’ icon to view the current pass type you have.

Sun 1

Mon 2

Tue 3

Wed 4

Thu 5

Surrey Dock Sport Club

YOGA (6/10) Tue 3

07.30

4 On the date dashboard, you simply swipe to change the date. The date you select will turn red.

10 / 10

Surrey Dock Sport Club

InsanityB

0£

up coming Yoga, Surrey Dock Sport Club

Wed 4 7.30 InsanityB .30 ody Condition Thu 57 LATER GET PASS

Once the user taps the box on the last screen they will see the product page. Again, the user can tap on the 1 ‘MAP’ icon to view the location of the gym on a map. 2 The user can optimise the date on their dashboard. 3 This page shows all the class details including the price of the class. 4 It also provides alternative times of the same classes at the same gym. 5 Tap on the ‘LATER’ button in order to bookmark a class. tap on the 6 ‘GET PASS’ button to book the class

After tapping on the ‘GET PASS’ button, the system will ask you for confirmation. 1 The Confirmation Booking box shows the details of the class and its price and asks you to tap on ‘Confirm’ to confirm the booking or ‘ Cancel’ which takes you back to the previous screen

BOOKING SYSTEM

Text customer

1 2 3

After tapping on the ‘Confirm’ button you will get a message telling you that the booking is processing.

The system will let you know once the booking has been successfully made and you will also receive a text or email.

The system takes you to the booking confirmation screen. 1 It displays all the details of your booking 2 It shows your current pass and when it

expires

3 It carries a recommendation to join a sim-

ilar class to the one you have just booked at the same gym. 4 Users can tap to view the class at the time shown. After that the system will take the user to the product page. ( screen 2) 5 The ‘Back’ button at the top left will take users back to the first screen.

First Screen

BOOKING SYSTEM NEWBIE NEED TO BUY A PASS

BOOKING SYSTEM

Back

Sun 1

Mon 2

Tue 3

Wed 4

Thu 5

Surrey Dock Sport Club

YOGA (6/10) Tue 3

07.30

15 £

up coming Yoga, Surrey Dock Sport Club

Wed 4 7.30 Insanity .30 Body Condition Thu 57 LATER GET PASS

If the user is new or require to purchase the ticket. 1 The screen shows the price of the class

1 User can slide down to select from several options; Unlimited usage (1 month), 10 passes (3 months), 15 passes (3 months) and 1 pass which is effectively pay as you go 2 Tap ‘PAY’ button when you have chosen

Users will be asked to log in, if they already haven’t. The system then takes the user to the confirmation of payment screen

BOOKING SYSTEM

Text customer

BOOKING SYSTEM WHEN THE CLASS IS FULLY BOOK

BOOKING SYSTEM

Back

THEMEPASS

Sun 1

Mon 2

Tue 3

Wed 4

Sun 1

Thu 5

Mon 2

Tue 3

Wed 4

Thu 5

schedule

YOGA

07 30

6 / 10

Surrey Dock Sport Club

ZUMBA

11 30

07 45

6 / 10

Surrey Dock Sport Club

Zumba (10/10)

10 / 10

Tue 3

11.30

Full

Surrey Dock Sport Club

Full

up coming Zumba, Surrey Dock Sport Club

1 Insanity

Body Condition

At the middle of the screen, the red button shows the class is fully booked. In the right hand corner, the 10/10 also indicates this. However, the user can still tap on it to view product page.

Wed 4 7.30 InsanityB .30 ody Condition Thu 57 LATER GET PASS

1 At the product page. User will see a sug-

gestion for the class from the same gym. The ‘GET PASS’ button beneath the 2 class which is fully book will be grey and the user cannot tap it.

Mock up

DESIGN I want something that is a bit more fun and motivate me to join more classes. I also like to have plenty of options in regards to both classes and the gyms I have to choose This design allows people to search easily through the date, time, class and location. Unlike Design 1 there is no option here to to create the theme name and select the trainer. This design suits people who want to try a new gym at a new location. It will also appeal to those well who travel a lot and enjoy exploring new things and places.

User Flows

I want to book a class.

Result

Booking

FINDER

EXERCISE CLASS FINDER

THEMEPASS

Mon 2

Sun 1

Tue 3

Wed 4

Thu 5

THEMEPASS

07.30

YOGA

18.30

YOGA

20.30

Pirates

6/10

Afternoon

MorningE

1 Cardio

Bermonsey

Mind & Body Canada Water

vening

Strength

7/10

Elephant & Castle

10/10

Canada Water Studio

Surrey Dock Sport Club

A full

Canada Water Studio

DONE

Insanity

07.30

YOGA

18.30

YOGA

6/10

Insanity

Body Condition

Users can easily search for the class they are looking for. 1 Simply slide to optimise the date,

Body Condition

The user see their search result. 1

The search features are still

available as indicated by the colours at

time, exercise and location. When it

the left hand side of the screen. User

turns bold this is the option that you

can tap and spread it out to use it.

select. 2 Once finished tap the ‘Done’ button.

InsanityB

Canada Water Studio A

Condition Surreyody Dock Sport Club

Mock up

DESIGN Alice I need to book the class that meets my schedule. I prefer to go to the gym every day. I prefer Mind & Body classes more than cardio. This design focuses on people who want to plan well in advance to ensure it fits in with their schedule. The user inputs their schedule into the design and they can add their chosen classes to it.

User Flows

Timetable page

select the date

I want to find a class for Monday morning next week.

Result

Booking

class is added to Timetable page.

Save

Mock up

EXERCISE CLASS FINDER &BOOKING SYSTEM

At the schedule page 1 or simply tap on calendar icon at the

bottom middle of the screen),

2 tap on the ‘+’ button to search for the

class you want

Mock up

1 Once you tap ‘LATER’ button on the

bottom left.

The system will add it on your schedule and mark it in ‘red’. This signifies the class is awaiting payment.

Mock up

Text customer

Tapping on the back button

2 It will take you back to schedule page.

Where you can continue to fill up the exercise schedule.

THANK YOU ! I HOPE YOU LIKE MY WORK :)