Jenn Kappel | Senior Product Designer
PF_Cardio_Machines_19.jpg

Planet Fitness

 

Planet Fitness is one of the largest and fastest-growing fitness franchise chains with over 1400 clubs 10+ million members in 5 countries.

I was the lead UX Designer responsible for redesigning Planet Fitness's corporate site, Franchising microsite, multiple promotional landing pages and redesigning their existing membership sign up flow. In addition we built a social member community to feature social content and valuable fitness resources . Since Planet Fitness is growing internationally we also developed a unique international strategy to localize content and site structure for their growing presence in Canada, Panama, Mexico, and the Dominican Republic. 

Industry: Fitness, eCommerce

Acquia: How Planet Fitness Delivered a Modern, Digital Experience for Its Customers

Chief Marketer: New Website Helps Planet Fitness Strengthen Engagement


What We Did

  • 10+ PF employee interviews

  • 15+ PF franchisee interviews

  • 10+ member interviews

  • Landscape analysis

  • Google Analytics reviews

  • Content audit

  • Sitemap development

  • 30+ desktop & mobile wireframes

  • 5+ in-person usability testing

  • 10+ remote usability testing


Wireframe to Design

pf-wf-design.png

Goals

Artboard 9.png

1. Develop Frictionless Join Flow

Develop a painless join process, regardless of the device type to increase the % of successful online conversions

Artboard 6.png

2. Offer a Rewarding Membership Experience

Quickly identify existing members and serve valuable content that will help them engage with PF and become brand advocates

Artboard 5.png

3. Empower Franchisees

Offer franchisees an easy self-service solution to create flexible, trackable local content that fits within PF's brand

Key Stakeholder Interview Insights

“Users should be able to join in 5 minutes so they dont put it off”

“We appeal to everyone — but our current site is not usable to everyone.”

“For 1st time members, we are competing with the couch… price is NOT the barrier.”

“We are completely missing the role of the site for current members today.”

“We dont care if people cancel.”

“Let’s get our brand beyond purple and $10/month… We have such diverse members!”

Uniting the Digital Ecosystem

One of our key strategic recommendations was to unite the Planet Fitness digital ecosystem so more integrations and flexibility were allowed on a single platform. We chose Drupal and used Acquia Lift to personalize the site based on how many times a user had been to the site and what they clicked on in their previous visits. 

ecosystem1.jpg
discovery1.jpg
 
 

Competitive Analysis

We combed through PF's direct competitors (like Anytime Fitness & Lifetime Fitness), similar gyms in the fitness industry (like Equinox & Curves), and other best-in class subscription models (like ClassPass & Blue Apron) in order to identify PF's unique value proposition. We chose 5 key dimensions to analyze which relate directly to our main goal: get people to the site and get them to JOIN -- quickly and easily.

Screen Shot 2018-04-13 at 11.00.14 AM.png

JOIN JOURNEY
How can we enroll new members who identify with the values Planet Fitness is built upon, with as little friction as possible?

BRAND EXPERIENCE
How can we accurately portray PF and its values to the type of prospects we want to attract?

FIND A GYM
How can we make it easy for users to find the closest gym to their desired location?

CLUB PAGES
How can we showcase the unique info users are looking for regarding each club location?

DESIGN
How can we assemble the content, components, colors and key messages into a unique and effective look/feel across touchpoints?

PF-scorecard.png

Key Target Audiences

Pf-Targets.png

We ended up breaking down our audiences even further by focusing on needs-based personas as it relates to converting new users via the website. During our user interviews we found there were 2 types of prospective members: 

1. "I'll just join— it's only $10 a month!

Digital Needs:

  • Streamlined club locator

  • Quick and easy join process

  • Minimum required form fields

  • Consistent CTAs

  • Promotional content

Barriers to Joining:

  • Another gym came up during search process

  • Skeptical it’s too cheap

  • Another gym is in a similarly convenient location

2. "I need to see the club before I join"

Digital Needs:

  • Immersive 360 degree virtual tour of local club

  • Location-based club recommendation

  • Answers to FAQs

  • Friendly atmosphere shown using member stories and club imagery

  • Explanation of ‘judgment free zone’

Barriers to Joining:

  • Unsure if they’ll use the club

  • Unsure if they’ll fit in at the club

  • May not be comfortable with online payment

Responsive Wireframes

PF-traffic3.png

Mobile-First Approach

While we always design interfaces to be fully responsive and consider common mobile use cases, the Google Analytics for PF showed more than 75% of site traffic came from mobile users. 

The data led to our designing the wireframes with a mobile-first, desktop second approach while also designing key tablet breakpoints as needed. Since the old site was barely responsive, we knew the mobile traffic would rise significantly as we optimized the site for mobile as well. In the end I designed over 30 desktop and mobile wireframes for the project as seen below.

PF-mobile1.png
PF-mobilev3.png

While the client insisted on the 'Join' button being plastered all over the site, our interviews proved users were most concerned with PF having a convenient location close to where they live or work. That's why the main call-to-action button on the site's homepage is 'Find Your Club'. We explained that once users were on the club page of their choice, the calls-to-action all change to 'Join Now'. If users are ready to join at any point while on the site, they can easily convert via 'Join Now' button in the sticky header, a common best practice for software and consumer-focused sites alike.

On the Find Your Club page we made it easiest for the user to find their preferred club location by enabling geolocation and IP detection. We also learned it was extremely important for the franchisees to have access and authority to customize their own Club Pages so each page is made up of modular components that can be edited by the franchisees themselves. The components include unique description amenities, photo galleries, and promotions. The franchisees know their locations, members, and prospective members better than anyone at the PF headquarters does, especially in international markets.

Find Your Club

Find Your Club

Customizable Club Page

Customizable Club Page


Social Community@PF

Based on user research and surveys sent to 10's of 1000's of current Planet Fitness members, we learned what members were looking for from their membership and how the new digital ecosystem could improve their engagement with Planet Fitness as a brand.

Many users noted they were interested in learning from or receiving encouragement from other members who had similar fitness goals to them. We recommended Planet Fitness start by creating a community section for their site users which aggregated content from multiple sources.

community_pf-2.jpg
article_detail.jpg

Recommended Community@PF Content:

1. Educational content (i.e. workouts and wellness tips) members claimed they wanted to learn about

2. Promotional ads featuring the latest membership flash sale

3. PF's heavily trafficked Instagram, Facebook, and Twitter content

By letting users explore tips, inspiration, hacks, and how-to's related to the gym (and unrelated to the gym), we tried to extend the judgement-free feeling users get when entering their local gym. I worked closely with our content strategists to develop 6 categories that users could choose from based on where along their fitness journey they identified with. The final categories were: 'Get Started', 'Keep it Going', 'Find Balance', 'Get Inspired', 'Eat Well', and 'Workout'. We received input from both our current members and SEO strategists and to decide on the final terms.

PF-mockup-1.png

Component Library

Since the project had lots of moving parts and we worked collaboratively with the client over multiple weeks, I developed a component library to ensure our developers worked with the latest iterations of components and naming conventions.

 
Component Library1.jpg
Component Library2.jpg
Component Library3.jpg
 
 

Usability Testing

I led the usability testing for 10+ remote users and 5+ in-person tests in our on-site eye-tracking lab. We had two key use cases we wanted to test:

1. Finding a club that the user wants to join (from the homepage)

2. Joining that club and becoming a member online (from the club page)

Planet_Usability-Test_Results 2.017.jpeg

Each round of testing produced overall positive and consistent results. We made slight design tweaks based on common themes we heard from multiple users. There were a few concepts we realized it was essential for a user to understand in order to create a successful join experience including:

1. Understanding which of the 1,000's of club locations they were joining before paying

2. Understanding which membership they signed up for (and if they have access to one or all clubs)

3. Understanding what fees the user would be charged for, during which month, and why (transparency is key)

Planet_Usability-Test_Results 2.024.jpeg
 
 

Conversion Flow Redesign

conversion_flow-1.png
conversion_flow-2.png
conversion_flow-3.png
conversion_flow-4.png
conversion_flow-5.png

Due to confidentially restraints I'm not able to disclose details of specific business challenges and our solutions. Contact me for a more in depth explanation of our thinking process and reasoning.

pf-3.jpg