Alexis Moore, an L.A.-based fitness instructor on a mission to share the power of stretching to revitalize you both mentally and physically. Not able to teach stretching classes in studio during the pandemic she launched her digital brand Stretch with Lex.
I am a big fan of Alexis' stretching classes and I offered her to improve the user experience on her website.
Users have hard time understanding what is offered, at what price and how to find it, they are pushed away by imagery and inconsistent visuals.
Redesign the website so that the navigation is seamless, all the offers and prices are easy to find, and the visuals are positive and inspiring.
Online fitness is a relatively new already bustling industry. My research showed that stretching and flexibility classes are still a very rare and new offering. I determined that small brands websites (like Desert Ballet and Stretch like Gymnast) often suffer from usability issues and have overwhelming experience , whereas bigger brands websites (like StretchLab) lack personality .
"I don't understand who is this girl in the pictures, but she's a bit intimidating and some photos are inappropriate. I'm still confused what is she's offering, Zoom - classes? I don't see them? "
Participant #3
I suggested introducing a tiered offering for the client to satisfy both the user needs and the client's business needs.
With the rise of Youtube workouts the new user patterns emerged - working out to a pre-recorded video for free became a pattern. Zoom / IG lives have also become a pattern and users were looking for it during the interviews.
I empathized with my users and envisioned Rachel - a busy marketing manager, who wants to work out not only to get stronger and more flexible, but also to improve her mental health.
I worked with the client to agree on reshaping her offerings. She wasn't paying attention to Free workouts on Youtube and IG, which was a missed an opportunity, according to my research.
We also decided to bring back Zoom lives, because users were looking for it and introduce Outdoor classes as lockdowns were ending.
The biggest improvement to the websites's site map was adding the All Programs page, that didn't exist before. The users also highlighted the need to get a taste of the workout right away. That is why I decided to rework the Free Workouts page, so that it contains easily accessible workout videos - Youtube videos and IG TV videos.
I focused on creating two main user flows - for Paid workouts (the flow existed before but was confusing for the user) and for Free Workouts. A user need for free workouts was highlighted during the interviews, since there is an already existent patter of working out for free.
The logo redesign also went from notebook sketches ...
... to the high-fidelity logos: from the brush style to eventually the final version. I liked Gotham typeface here for its clean, confident and modern aesthetic. The two lines add dynamic to the logo. This logo will also be easy to replicate across all the marketing channels: emails, print and etc.
I first created a design based on my assumption that the client would want something calming, soft and relaxing. I worked with pastel colors, white wash gradients and the purple hues interviewees liked so much during the research part.
However, the client decided that she wants to go in a different direction. She wanted it to be bright, invigorating and energizing and pastels didn't speak to her.
So I went back to the drawing board.
I wanted to make this design feel fresh and glowing, inspiring to stretch, to work out and to take it easy. The users loved the host's energy and positive aura, so I wanted to show that in the design by adding sunny bright gradient. It was important to create design for mobile, because a lot of the users book classes from their phones. I also worked on photos in Photoshop to make them feel consistent and appropriate. CTAs became hot fuchsia, which made them pop and easy for the user to focus on. It also made the client happy, cause she saw some of her brand legacy in it.
In this Style Tile I added more welcoming and calming colors while still keeping the legacy hot fuchsia for the CTA and accent color. My goal was to create a more timeless aesthetic, inspire, invigorate the users and make them feel at ease while browsing for the right offer. I chose Avenir as the main typeface for it's clean and slightly rounded look.
The challenging part was to show the two tracks in the Releasing Resistance Program. Eventually I found a solution by creating a smaller card for Self-Study, a bigger card for the Full Program option and a comparison chart. The user testing later showed that these were successful solutions.
Thank you for reading Stretch with Lex case study!
