🏋🏻♀️ Overview
Fitness Playground owns a collection of boutique gyms in both Sydney and Darwin, Australia. Widely known for their beautifully designed gyms and functional training spaces. They are also known for their remarkable classes; running over 300+ classes each week. The gym chain also offers personal coaching with specialist coaches.
💪🏽 The Challenge – Creating one brand experience
Earlier this year, Fitness Playground completed a new gym renovation which included the reveal of the new branding. The in-gym experience is fresh and exciting but the website, which acts as their digital shopfront, didn’t match this experience. There is a brand disconnect between the physical and the online experiences.
🏆 The outcome
A brand new website that helps unify the brand experience from online to physical for the gym member.
🏃🏻♀️ Let’s see the process!
😀 Defining the goals
🧑🏼🦱 Bossman’s Goals
LEAD GENERATION
Generate leads which lead to a conversion
BRAND
To ensure the new website embodies the new brand
🏃🏽♂️ User goals
USER GROUP 1
People looking to join a local gym with great facilities
USER GROUP 2
People looking to join a class to stay fit, healthy, and motivated
USER GROUP 3
People looking for a one-on-one fitness experience
🧐 Who’s it for?
Persona 1
Male, millennial, lives in the Inner-west, business owner. He is somewhat active on social media, he frequently uses his phone, likes to hang out with the boys, and looks forward to winding down on Friday with a few drinks. He recognises the importance of eating healthy and exercising regularly. He wants to gain muscle and he’s pretty confident and familiar with how to use gym equipment but he needs to find a place to train.
Persona 2
Female, millennial, lives in the Inner-west, works as a creative at an advertising agency. She is active on social media, she looks forward to Friday night drinks with work colleagues and Sunday brunches with friends. She recognises the importance of eating healthy and exercising regularly but lacks motivation.
Persona 3
Female, millennial, lives in the Inner-west, works in HR. She doesn’t have a good work-life balance. She works long hours and quite often she will order takeaways. Work is stressful and she eats to help relieve the stress and anxiety she experiences. She has been slowly gaining weight. She realises she needs to make some lifestyle changes which includes eating healthy and exercising regularly but she finds gyms intimidating and she lacks confidence and motivation.
🤓 Research
1K visitors a day
Mobile users 65%
Tablet users 2.5%
Desktop users 32.5%
Safari is the most used browser.
📱 User journey stories
👨🏽💻 User story 1:
As a male, I want a facility to train in so that I can stay healthy.
Design considerations:
Images are ratio 1:1
Doesn't take up the entire screen
Access to useful information
The placement of the gym information is relatively high. To ensure the user doesn’t have to scroll too far to see the information the user is seeking.
Hierarchy
On a gym specific page, information is displayed clearly for the user to easily absorb.
The ability to show and hide information
We use accordions to ensure additional information is readily available for the user.
Lead capture
A form sits at the bottom of the page so the user can sign-up for a free trial easily.
👩🏻🎨 User Story 2:
As a female, I want to train with other people so that I can stay motivated.
Design Considerations:
Interaction
It would only take two swipes to see all the different class categories there are available at Fitness Playground.
Hierarchy
Individual classes are displayed clearly along with class descriptions.
Lead capture
A form sits at the bottom of the page so the user can sign-up for a free trial easily.
End to end experience
Thank you page to inform the user their information has been submitted and received.
👩🏻🦰 User story 3:
As a female, I need someone to help motivate me so that I can lose excess weight.
Research conducted with members shows making the decision to sign up for a coach is not an easy one. Many factors such as price, benefits, time and preconceptions are amongst some of the main roadblocks.
A carefully constructed web page to help assist with these roadblocks were the driving force for design decisions.
Questionnaire
Upon landing on the coaches page the user has the option to choose what type of information they want to see.
Information hierarchy
Each section is carefully designed to cater to a different type of user.
Expert coaches
It was important to feature key coaches at Fitness Playground. Their expertise in different training methods was essential to who users.
FAQs section
We added a FAQ section to answer any niggling questions a user might have about getting coached.
🎉 How will we measure success?
User experience success will be determined by the member experiencing a single brand experience.
Website success will be determined by experiencing high lead capture with a high conversion rate.
🚧 Road bumps – Project learnings
• Limited resources - a small team.
• Scope of the project kept growing which meant the project launch date kept being postponed.
• Not enough user research and user testing.
• Balancing design, development, marketing and management priorities.
👯Team
Lead UX/UI Designer: Alice Lo
Digital Designer: Suh Putra
Project Manager: Alessia Murer
Copy Writer: Alessia Murer
SEO: Mike Hagley
Copyright Alice Lo