Skip to content

Evolving a Successful Workout Brand

How do you take community, spirituality,
and connectedness online? An immersive
workout for the
body and mind goes digital.


The Class


  • User Research
  • Usability Testing
  • Information Architecture
  • Visual Design
  • Custom Development
At a Glance
New Features Designed
Rounds of Usability Testing
New Product Lines Added
Substantial decrease in user churn over the past 12 months
  • “The Class called on ETR to help reimagine our platform from the ground up and solve complex subscription video-on-demand challenges. Over the course of several months they embedded themselves deeply in those challenges and worked closely with our team to deliver an outcome that has yielded impressive results for us. They are a small shop that delivers big shop work, and everyone over there is a deeply human being.”

    Chris Sanborn Co-Chief Executive Officer at The Class

The Class is an innovative workout that combines strength, cardio, and mindfulness to help you feel better. When the pandemic hit, they had to find a way to translate the atmosphere and experience of their community to a digital landscape. We stepped in to make it happen.

Phase 1: UX research and recommendations on how to improve the existing product

We began working with The Class in the winter of 2021, right as the world was entering its second year of the pandemic. Exercise habits had changed dramatically due to social distancing and gym closures, which pushed The Class to consider how to translate its offering online.

But what exactly is The Class? What we found in talking to their students is that it’s not an easy experience to describe. Many said to truly get it, you’d have to try it. While there can be benefits to a brand having mystery, that same ambiguity can cloud and overcomplicate an online presence. Piquing someone’s curiosity without giving too much away is a slippery slope that can often lead to visitors abandoning a website instead. Our first task was doing some UX auditing and research with existing customers as well as those who didn’t know what The Class was to find that perfect balance. 

We spoke to 10 prospective audience members (those who are not yet members of The Class but fit the demographic) and four current members. In addition to an interview, we also had participants participate in a usability test of the current website. 

Through our research we sought to answer these questions:



A color-coordinated spreadsheet showing names of participants and observations
A “rainbow spreadsheet” used to find themes between participants

Phase 2: small, incremental feature upgrades and testing with users

Next, we moved on from the marketing site to the product. We started with researching and upgrading the design of a core part of the experience — finding a class. After working with the client to design a prototype of an upgraded filter and search experience, we conducted usability testing with real members to see how it performed. Again we did a combination interview and usability test. We first learned about the participant’s habits, needs, and current experience, and then we dove into the prototype and watched how they interacted with it. 

In this research sprint we prioritized speed and validating our ideas quickly. We tested with just five users in the first iteration, but we gained valuable insights we wouldn’t have realized on our own. For example, we learned that making small language tweaks would make a big difference in understanding how a filter worked as well as make the experience feel more inclusive. From this quick research sprint we were able to come up with a list of action items to make improvements to our design. 

A slide from a presentation deck showing a user insight learned through research and supporting quotes.

One insight that came out of testing with just five users. We were able to make language updates to make the filters more clear.

Phase 3: feature prioritization, concepting, and development of an entirely new platform

The Class’s digital experience at this point had been supported using Vimeo’s API. Our development team had been jumping through hoops to get Vimeo’s framework to cooperate with the unique features The Class team wanted to accomplish. But The Class team had even greater ambitions, and it was becoming obvious that Vimeo just wouldn’t be able to make it all possible. Enter our next challenge: create a new, bespoke platform for The Class to live on from the ground up. 

ETR’s development team worked in close collaboration with The Class’s lead developer to build this new platform. We utilized a hybrid approach to building the web and mobile apps, sharing many components from the same codebase. This allowed us to save time and keep the UI and experience consistent across all platforms. In addition, ETR took the lead on developing a native TvOS app and Roku TV to extend the reach of the new platform to more audiences.

The Class team had no shortage of good ideas for their product’s evolution, but now it was time to prioritize. Using the knowledge we gained from previous research, we were able to prioritize feature ideas based on things we knew to be important to The Class students. We created a project roadmap, front-loading the features that provided the greatest value with the lower levels of UX and dev work needed, and got to work.

Collage of wireframe concepts for the platform

Just a few of the many wireframes we developed and iterated on with The Class team.

Translating a physical space to digital design

The Class studio in New York City is an experience. When you walk into the lobby, the lighting is dim and the space is mysterious. But when it’s time for Class, you enter an open space filled with natural light and bouncy sprung flooring. This effect of opening up and becoming lighter is very intentional.

So the challenge was for our visual design team to translate that to a digital space. The visual design is simple and soothing, utilizing light and dark palettes intentionally. Colors like fog, sand, and sage wash over the user as they navigate. We worked hard to make sure this digital space felt on brand for The Class, and that the typography, imagery, graphics, and colors all worked together to make the online experience feel just as special as in person.

Two screens from The Class showing contrasting color choices

Colors, typography, and imagery are all used very intentionally.

Expanding the product offering

After a successful relaunch of their platform, The Class’s newest challenge involved how to expand their offering to include yoga and meditation. We conducted several rounds of testing to understand things like their audience’s opinion on these changes, the right language to use, and how to structure the navigation. Because of the testing we were able to ensure that the updates were not a jarring change to users but a welcome one.

Different words related to The Class grouped together in clusters to find themes.
We did extensive card sorting research to figure out what was most important to Class students
and how they viewed The Class in order to develop the right navigation structure.

One member put it perfectly…

“I love how The Class continues to evolve. Love the yoga classes to the point where I dropped my other online membership. Thank you for listening to us and evolving with the times!”

The Class Member

An ongoing partnership

Like many of our clients, The Class was very happy with the results of our collaboration and has kept ETR as an ongoing partner. We continue to provide UX and development guidance to their evolving and growing platform, and we look forward to the future innovations we’ll get to work together on.

Do you have a product that needs a digital refresh, or perhaps would like to do some user research to understand how your team could make user-focused improvements? Let’s start a conversation today!

Thinking about a project like this one?

Consider working with a digital agency partner. We ensure your website’s UX and content accurately represent your brand and meet your user’s needs.

We’d love to learn more about your needs and share our process on how we help organizations navigate digital initiatives just like this one.

Adam Kurzawa
Director, Business Development
Joe Rosenthal
Business Development, Midwest