OV Movement

GA Design Challenge

Outdoor Voices

Project Team

Cesar Elias, Midori Mukumoto, Adam Li, Nicole Schaffer,

Role:

UX | UI Design

 

Overview

Outdoor Voices, is a clothing company that focuses on women’s and men’s athletic apparel with a mission to get the world moving. By freeing fitness from performance and bringing play back into everyday life, OV is building a community of Recreational enthusiasts who believe #DoingThings, moving your body and having fun with friends is the surest way to a happy, healthy life.

There has been a major increase in the amount of customers using mobile applications to easily access virtual workouts due to COVID-19 gym closures. Outdoor Voices needs a way to establish user need and create a mobile prototype that allows users to attend live and on-demand fitness classes and interact with the online Outdoor Voices community in order to expand the lifestyle brand.

 

01 User Interviews

 

We started with users interviews to empathize and learn how users view fitness and how they are working out.

We outreached and interviewed seven different self-proclaimed fitness enthusiasts to gain insight into their needs, motivations and frustrations, to help shape the app solution.

02 Affinity Mapping

 

Following our user interviews, we synthesized our findings based on what users were saying about their goals and frustrations.

What users were saying:

  • “I’m motivated to workout because It is good for my mental and physical health.”

  • “When taking a class I like convenience and guidance in a class setting”

  • “I want my fitness classes to be more affordable and flexible with my work schedule.”    

  • “I feel connected when I create a social dynamic within my fitness community.”

  • “I set a schedule for my fitness routine that works with my busy lifestyle.”

  • “I want to see inclusivity in the athleisure -wear I buy and the fitness classes I take.”   

 

03 Personas

 

With all the data we were able to create personas and identified key needs and goals for our targeted user.

Key focus areas of user needs

Class flexibility

  • Classes that can easily fit into their busy schedule.

  • Options to workout on demand at home.

  • Different classes to spice up workout routine.

Inclusivity

  • Discover workout regimens that cater to their fitness level.

  • More affordability to allow all users to participate.

  • Connect with other fitness members in a judge free zone.

  • Users need to feel motivated by fitness instructors without feeling judged.

Problem Statement

 

Creating an exercise regimen can take time, taking into account users’ busy schedules, fitness levels, social comfort, and affordability. This leaves the user feeling discouraged, excluded, and overwhelmed. 

 

04 Sketch and LoFi

 

We sketched possible solutions that will help user’s needs and goals . it was a quick way to get ideas from one and other and design solutions.

The Key design areas

Dashboard: Where users could see upcoming events and their progress recorded in achievements.

Filter for Live and On demand Classes : We want to give users the flexibility to pick the best class that fits them. Users can pick filter through class time, duration, instructor, and difficulty,

Class Page and Sharing: Class descriptions would have class difficulty instructor and which one of their friends had taken that class. They also had the availability to share the class with friends

Reward page: OV already has a reward program. it is only fitting to expand on it and reward users for using the workout courses. users would get discounts that they can use in the outdoor voices Store.

 
 

05 Hifi Prototyping to the test

 

Outdoor Voices already has a strong style guide and library that was vital to maintaining the OV brand and in creating the “OV Movement”. We took elements from their existing website and native app to create the mobile web version.

 

Responsive Design

 

Most of our users will use OV movement on their mobile devices. To best fit our users needs, we took a mobile first responsive design approach. 

To fit into the current layout and design of the existing OV e-commerce site, We decided to use a combination of the column drop and tiny tweaks layouts for the online video platform. 

Starting from the top, we Implemented a “tab-like system” for users to toggle between the OV e-commerce site and the OV fitness platform. The width of the global navigation changes in width depending on the screen. Below this, the main navigation condolences down into a hamburger menu as the layout changes from desktop to mobile. The content underneath the navigation adjusts in width depending on the screen it is displayed and the information in the foot stacks on top of eachother.

Filtering and Sharing Classes

We asked users to show us how they would locate and take a Live "Endorphin Hour: Barre Burner" class with instructor Kayla.

keeping Jasmine’s needs in mind to Connect with other fitness members, we added a way for users to share a workout together with friends. In this case it’s jasmine's friend Jasper 

 

Take classes, Get rewards

We asked users to show us how they would locate and take a Live "Endorphin Hour: Barre Burner" class with instructor Kayla.

keeping Jasmine’s needs in mind to Connect with other fitness members, we added a way for users to share a workout together with friends. In this case its jasmine's friend Jasper 

What We learned

 

Searching

Some users were confused searching for virtual classes on the mobile website

Locating/Selecting

Most users were able to find a specific instructor and select the instructor’s class

Clickability

The main frustrations users had were the clickability of the hamburger menu and the OV movement button

Sharing

Most users were able to share a specific class with a friend of their choice

07 What is next?

 

Opportunities

Create a more intuitive and direct path to reduce navigational error. 

Create a better text hierarchy to make wayfinding and call to action easier for the user. 

I would like to explore more ways of showing user progress to keep them motivated to reach their end goals.