UI Animations For Classes Webpage
I had the fortunate experience of working with a group of highly creative and kind individuals at Peloton. These are a series of animations I’ve created with them as a freelance Jr. Animator with the video team. The animations created, are UI animations for their onepeloton website.
The UI animations are representative of the UI on their various hardware products. All movement is created to mimic how the product is used by members. You can view the classes web page on Peloton’s website at https://www.onepeloton.com/classes.
DELIVERABLES:
UI animations for EN, DE, UK Webpages
Role:
Animation
UI Animations for web classes page - EN
The classes page for Peloton is the introduction to the experience a prospective member would receive once they join. It brings prospects into the Peloton world, displaying the variety of classes to take and instructors to learn from. It displays the countless features that represent why Peloton is the market leader in connected fitness, highlighting their iconic artist series rides to the social aspect of the leaderboard, plus many more features.
Filtering UI Animation
This animation walks a perspective member through filtering options one has when choosing between various classes and instructors.
Filtering UI Animation - Mobile
This animation walks a perspective member through filtering options one has when choosing between various classes and instructors.
Iconic Artist Series Animation
This animation highlights the iconic “Artist Series,” a collaboration with music artists in multiple genre’s that allow members to ride while listening to their favorite tunes.
Leaderboard Animation
Animation that highlights one of the many benefits of joining a wonderful community of like minded individuals, the leaderboard and social aspect of friendly competition and high-fiving other members.
Stacked Classes Animation
This animation highlights a new feature that was announced by Peloton, Stacked Classes. Members are able to create highly individualized workouts and work through them seamlessly, by stacking classes they want to take one at a time in order of importance, one after the other.
UI Animations for web classes page - DE + UK
Filtering UI Animation
This animation walks a perspective member through filtering options one has when choosing between various classes and instructors.
Filtering UI Animation - Mobile
This animation walks a perspective member through filtering options one has when choosing between various classes and instructors.
Iconic Artist Series Animation
This animation highlights the iconic “Artist Series,” a collaboration with music artists in multiple genre’s that allow members to ride while listening to their favorite tunes.
Leaderboard Animation - DE
Animation that highlights one of the many benefits of joining a wonderful community of like minded individuals, the leaderboard and social aspect of friendly competition and high-fiving other members.
Leaderboard Animation - UK
Animation that highlights one of the many benefits of joining a wonderful community of like minded individuals, the leaderboard and social aspect of friendly competition and high-fiving other members.