Conbody is the brain child of ex-convict Coss Marte who, whilst serving a long-term prison sentence, developed a unique training program that incorporated prison style workouts into a studio style approach.
After the success of Conbody’s studio classes run throughout NYC, Coss came up with the idea of Conbody Live — a web app that offers live streaming of Conbody’s unique fitness classes to homes around the world in three different time zones.
I worked alongside Simon Hamilton who served as the project lead and rails developer. I lead the design of the product website, web app and front-end build.
To design a front-facing website to promote Conbody's new streaming service whilst expanding upon and in keeping with the current Conbody brand.
The web app had its own set of design challenges, such as:
- Discover - Allow registered users to easily discover and signup for daily workout classes
- Inform - Inform users (politely) of live classes that are about to start via either email or desktop notifications
- Gamify - Design a gamification system that will encourage users to keep attending classes
- Join - List upcoming classes in an intuitive way that enables users to easily join multiple classes throughout the week/month
- Responsive - Design and cater the experience responsively so a user can use the web app on their mobile/tablet/desktop wihtout their experience being affected
The Web App
The dashboard is focused around classes. Each day has a new class ran by a specific trainer. It was important to showcase a week of upcoming classes that a member could join. Member numbers and avatars were displayed in order to encourage other members to join.
Fitness stats are displayed at the top to help increase participation, encouragement and therefore, engagement.
Many iterations were considered before deciding on a calendar layout for classes. A user may be joining multiple classes every week so it was important that it was easy for them to quickly scan and join classes from within this view.
A class has two views:
- Before a class has started
- When a class has started
The image above is the former, this page was designed around providing meaningful information to the user regarding the class and drawing attention to the next class.
When a class has started the view switches to live streaming. Naturally, the focus of this page is on the video experience, with some secondary data present such as number of people currently watching, duration etc.
A rating system was implemented to allow users to provide feedback for classes. Given more time, I would have liked to expand on this feature to gather more useful feedback data than a star rating. I would have also liked to incorporate more engagement with the audience such as a live commenting system perhaps or even user webcam integration.