![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/33b4b48c-9420-4c4a-b604-769abd44df4f_rw_1920.jpg?h=0f19e7f0185c687f0a79dc7390625f3c)
BeachBody on Demand Interactive
BODcast Experience
BODcast Experience Desktop, iOS, Android
App Store Preview
BODi Sell Page
Overview
What is BOD interactive?
BeachBody On Demand Interactive is state-of-the-art streaming platform turns your living room into the world’s most exciting home gym, where you can tap into the energy and accountability of live and on-demand studio classes on your own schedule.
What is BODcast?
BODcast is a new and exciting feature that allows BODi members to not only join workouts in real time, but also share the big screen with our Beachbody Trainers. Members become a part of the live workout experience, get real time shout-outs, to stay engaged and motivated.
Users can only be accessed through the BOD app on mobile devices (iOS and Android) and desktop or laptop with a built in camera or webcam.![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/9d27e29c-5d61-41db-901d-082913fa377c_rw_1200.jpg?h=8282c4f88d6b77c325bf02793cfceee3)
Discovery
Problems
- Users should have the ability to stream the video of a class as a BODcast member
- Beachbody as a business needs to support a live class streaming experience to drive an interactive engagement for BODcast members through creating the feeling of a community during an in-person class
- Beachbody as a business needs to support a live class streaming experience to drive an interactive engagement for BODcast members through creating the feeling of a community during an in-person class
Solution
Users will have special BODcast features when attending a class. We are using a BODcast Members personal streaming tile to build engagement and community by including them in a dynamic video wall, spotlight featuring, trainer’s shout-outs and encouragements
Goals
Users feel engaged and excited to attend class
Members continue to register for classes
Increase in total participants for future classes
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/18ee64c3-e3de-4fda-8cee-77733767c8bb_rw_1200.png?h=966c14cfd117cf413fa1a458921477c5)
Competitive Landscape
We quickly realized live workout / self streaming is a fairly new experience on the market
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/af60e46a-d6c7-4b53-a7eb-8e114a448b1f_rw_1920.png?h=feb831470b558ae914792dfaf4ec82a8)
Product Flow
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/2f1a8691-bbf4-40d0-bf8f-158c89f55e85_rw_1200.png?h=10f3834770e5f349f8fca5fbf28539af)
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/0326b29e-50bc-41e1-9b7d-87796a335932_rw_3840.jpg?h=e5e990a0022c6962b620ee4d5bb0924c)
Process
Internal Research
BODcast visual identity is based on BODi branding, a new set of visual language separated from BeachBody branding.
Our goals is to follow new BODi branding which is dark/black looking and still keep the integrity and functions of BeachBody on Demand.
We incorporate elements from existing design system and create new ones on need-to-need basis for this product. This includes icons, modality, typography, colors, etc,...
Our goals is to follow new BODi branding which is dark/black looking and still keep the integrity and functions of BeachBody on Demand.
We incorporate elements from existing design system and create new ones on need-to-need basis for this product. This includes icons, modality, typography, colors, etc,...
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/1845e30a-5136-473a-8700-cb0d982315ec_rw_1200.png?h=ed95a9d06183255e24c3b33fc868f521)
External (Competitive) Research
Looking at other video streaming and live streaming products on the market as well as live conference call platforms.
Our goal is to create a video player experience that is user friendly and familiar to users to shorten learning curve.
Research: Zoom, Disney+, Skype, Netflix, Youtube Live, Peloton, Nike Training Club, Hulu, etc,...
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/d698b132-40ac-4cad-a0d4-6932fa140765_rw_1200.png?h=6fab8ca3902ae59b2caf94553bcc4b4b)
Wireframe
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/14b7db58-ed8c-40c7-925f-c887ba560ba5_rw_1920.jpg?h=ab5a6780000e931ad7d25c19c843d71b)
Final Screens
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/4783ceeb-c1cc-4548-a43e-d6669e68c767_rw_1920.jpg?h=b5cb28b0d100eca366495eab62e83218)
BODcast Prerequisites
Problems
- Users are not close to device during workout
- Users need to be able to check their form and follow trainer
- Consistent feedback aspect ratio streaming back to studio for feature
- Users need to be able to check their form and follow trainer
- Consistent feedback aspect ratio streaming back to studio for feature
Solutions
- We determined that the app on mobile devices will be forced to landscape to ensure consistent aspect ratio of video feed to studio
- It is important to have the BODcast window to be 1/3 of the screen real estate to ensure users can check their form and follow instructions from the trainer.
- Options available for users to hide the BODcast window or turn off camera.
- Future states would include ability to resize BODcast window into preset sizes: size-by-size, small, big.
- It is important to have the BODcast window to be 1/3 of the screen real estate to ensure users can check their form and follow instructions from the trainer.
- Options available for users to hide the BODcast window or turn off camera.
- Future states would include ability to resize BODcast window into preset sizes: size-by-size, small, big.
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/e900a2f7-a157-4e42-b4f3-48796a73bb12_rw_1920.jpg?h=b32c5edca3c1fafcca02b7374993e8fc)
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/d6dbdf4d-4ac3-42c5-80d7-2a8afb99569d_rw_1920.jpg?h=42d33a9b997f4f71820cb31f0ca7201d)
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/43868347-0a04-43d8-93ed-76fc0606d4a0_rw_1920.jpg?h=38c55113f7b45ad6c13a64e7b9f4619e)
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/a49060d3-ffb0-4ea4-ad6c-0ec95626c689_rw_1920.jpg?h=32062ac4e1f67bc643e628793dc50a28)
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/286ef9a3-258a-4f87-bbda-dcaec05dcbfc_rw_1920.jpg?h=a50ceb5e93f5d4a478f6f0565d93ad00)
App Store / Google Play Store
Preview Screens
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/dfb6836e-6bd3-44e2-bb21-146deb62a281_rw_1920.jpg?h=837277a31a703066c1c16510830f8282)
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/6edd82b9-7ea1-4c1e-af11-c73101fefcc8_rw_1920.jpg?h=363728294eff26c502d083e2f2e01277)
BODi Marketing Sell Page
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/6ad4d822-1270-42ea-a8f4-6471501a4cde_rw_1920.jpg?h=2e08175ba88f778800be38a05a8c8575)
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/8c00b1ce-7049-492d-b7fd-05d4abb1315b_rw_1920.jpg?h=cc35fedee5b2377965142c9bc81ada55)
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/2e30cdb9-a5ca-4421-aa86-3e5e2aff4a96_rw_1920.jpg?h=b814c616e9ecc391a4e79ea47203498f)
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/05764270-b9a4-4395-953d-54202eb7b937_rw_1920.jpg?h=cc3003852c19b80ef5da5af2ee3111b3)
![](https://cdn.myportfolio.com/37cbdf77031570f58c2a9147522258c8/f7e4020e-c3ec-48c3-ab42-ed897ec2717f_rw_1920.jpg?h=d6a0d9bb3e5fb19cf4198346b0d791c8)