Grit City NYC Fitness Website Redesign

Revamping the online experience for fitness enthusiasts

ROLE
UI/UX Designer

DESIGN TOOL
Adobe XD

DURATION
Feb - May 2022
(4 Month)

Project overview

As a UI/UX Designer at 3:5 Creative[s] agency, I led the redesign of the Grit City Gym website, a project aimed at enhancing the user experience for gym members. Launched in Q2 2022, the redesigned website improved member interaction and engagement. Critical successes included a 56% increase in weekly active users, and a 92.5% increase in user registration rate.

Client’s brief

Optimize the website's UX/UI to bolster gym class subscriptions, enhance member engagement, and boost conversion rates.

Outcome

A 56% increase in weekly active users and a 92.5% surge in user registration rate

Problem

The Grit City Gym website struggled with user engagement issues. To identify these, I gathered insights from interviews with existing and new gym members:

Existing website evaluation

Following the identification of user problems, I undertook a thorough evaluation and usability assessment of the current Grit City Gym website.

Key takeaways

◉ Importance of clear navigation
◉ Effective use of hero section
◉ Balanced design elements
◉ Clarity in course descriptions and CTAs
◉ Informative footer design

Goal

To revamp the website with a user-friendly interface, clear membership details, simplified class schedules, and comprehensive coach profiles, enhancing overall user engagement and decision-making.

Design solution

Responsive mobile design

Final design

Launched in Q2 2022, the project enhanced user satisfaction and website usability, aligning with clients' needs.

Style guide

I created a style guide based on the logo, including typography, buttons, icons, forms, and components. And, we were able to have a consistent format as we individually iterated on the pages.

User testing

Before launching the new website, I invited users who had previously done interviews to test it.

Tasks assigned:
1. Find out how much it costs to become a gym member.
2. Find customer feedback.
3. Find out what the gym offers.
4. Learn more about a coach at the gym.

• 9 out of 15 user respondents said they prefer the style of the new site.
• 7 out of 10 existing gym members said they were able to choose courses more accurately through the new site.
• 3 of the 5 new users said they liked the part of "testimonials."

Results

88% of users found the website pretty easy to navigate.
75% of users complete tasks through unexpected paths.

What I learned

Grit City NYC was a real gym. In the process of redesigning the website for a client, I received a lot of feedback about the details of the UI design from the lead of design, Reme Andre. It made me learn that it's better to get feedback early and often. Also, with the help and guidance of Product Manager, Wesley McIntyre. I learned how to ask the right questions without leading the interviewees to presumptions, which is important for embedding more user research in design thinking.