I created a responsive website for an online yoga experience. My mission was to rebrand and highlight what Yoga with Elisha has to offer as well as research possible expansion opportunities.
Jun - Jul 2021 (80 hrs)
UX Research, UX Design, Branding, Visual Design, Illustrating, Usability Testing
Figma, Notion, Procreate, Whimsical, Zoom
Yoga with Elisha is a Bay Area based yoga teacher who loves to offer more online services outside of her in-person classes. She aims to educate and strengthen her members daily lives through her on-demand classes and yoga pose library articles.
Currently her site has no clear intention and is not responsive accross devies. Elisha is also struggling to discover her brand identity and what makes her stand out from her competitors in the yoga market.
Design a responsive website in which users can locate the right pre-recorded classes for their yoga experience.
Design a responsive website (desktop, tablet, and mobile) for her pre-recorded classes, yoga pose library, and other offereings.
Competitive research of other instructors offerings and how they compare to Yoga with Elisha. Strengths, weaknesses, areas of opportunity.
Understand what the users like and dislike from online spaces for their yoga experiences. What content do they use or would appreciate.
Locate any pain-points for users when it comes to their online yoga experience. Where can we iron out any existing problems for our user.
I was able to create a user persona based off my user research and data. Kristen Rowe represents an amalgamation of key points from my users goals/needs and pain points.
In efforts to ensure a human-centered mindset, answering these six areas will help understand the broader influencers in Kristen’s life.
By comparing the business, user, technical, and common goals I was able to analyze where they may not align with the user goals and how we can align them with business goals.
After discussing the site priorities with my stakeholder and analyzing the needs of the users, I created the below site map to create a general hierarchy.
To gain insight into the basic flow users will need, I created the main task and differentiated the key screens needed to create the ideal path for users.
But since users will likel take several routes to complete the main task, user flows illustrate each possible route.
In efforts to stay true to Elisha as an individual, it was important for me to include her in the color palette process. I presented a few different options, eventually narrowing it down to two palettes. The rest would be up to the users to decide what reflects her as an instructor most accurately.
Based on my discussion with Elisha, she loved the direction of the grays but wanted to substitute the bright blue with a softer blue or explore a couple of red options since it matches not only her challenging teaching style but also her personality.
To gain insight into the basic flow users will need, I created the main task and differentiated the key screens needed to create the ideal path for users.
FRUSTRATION
Although the participants loved the imagery and branding, they did not initially realize there was content below the hero image. Once past the hero image, the participants didn’t have a grasp of the early sections because they weren’t clearly titled. A couple users also overlooked CTA’s in the early sections as well (such as “Browse All Videos” or “Learn More Poses”).
Solution
Decreasing the vertical height of the hero image allows the user to see there is more content on the homepage to explore. To clarify the content, sub-headers were added to avoid any confusion for the user on what content they were viewing. Additionally, by increasing the font and button size of the CTA’s, the user will be more enticed to view the content Elisha has to offer.
FRUSTRATION
Although the simplicity of the cards was appreciated, the participants did not find them helpful beyond seeing the price differences. They were curious if there were benefits to doing the higher priced items. On top of that, most participants weren’t aware the in-studio classes were not included in the membership.
Solution
First priority was to reorganize the information and indicate the in-studio classes were not included in the membership to avoid any confusion. A complete list of the offerings were added on the price cards to allow transparency. After discussing with Elisha, we decided to revise the membership plan tiers and their additional offerings to allow Elisha to prioritize her faithful customers, while still maintaining regular content output.
FRUSTRATION
Participants appreciated seeing a filter function, but wondered if it’d be easier to just type and search for the content they wanted. They also wished to be able to filter by “Level” to easily understand if a pose achievable.
Solution
I took the opportunity to research and redesign the filter function to create a more cohesive structure that would be easily responsive while adding a search function and additional filters the participants requested.
Based off the usability testing, Yoga with Elisha is taking a step in the right direction with the redesign. I received an overwhelming amount of positive responses from both my usability participants and Elisha, with very minor critiques to update. It was great experience working directly with a stakeholder as it created opportunity to present my work each week in presentation format, while keeping in mind their time is valuable. I’ll continue to be in contact with Elisha to make sure this is able to come to life.
Through analyzing the design opportunities of the usability testing there are a few minor area’s I’d like to enhance, but my current focus is to elaborate and improve on what already exists.
This was an important step in my design journey and there were two key highlights:
As this was my first time working with a client, it was a valuable opportunity to present my work in a professional and timely manner. I wanted to maximize the hour she gave to me by showing up prepared, consolidating my key points, and always thinking next steps.
This was also the first time I created my own design schedule, so I battled rearranging some of the deliverables to accommodate the schedule and testing. Branding was a huge portion to Elisha’s desire to redesign so moving things around came important to make sure it was a part of the usability testing.
