Vibe by Lauren Stallwood App

In the ideation phase, I explored innovative ways to present workouts while ensuring a seamless user experience. I created various design concepts that aimed to strike a balance between visual appeal and practicality. Considering the need for clear workout instructions, movement videos, notes, and substitutions, I sketched out different layout possibilities to determine the most effective arrangement. We ultimately went with a carousel slider presenting the 3 main training programs and a dropdown accordion of the WOD (Workout of the Day).

The branding ideation was the first step to define Vibe. As the branding remained a constant anchor, ensuring consistency across every revision, I was able to keep fluid integration of design improvements.

The workout structure itself underwent a lot of refinement. The challenge was to make each workout's details easily accessible while maintaining a clean, uncluttered interface. Through lots of design consultations, we established a visual language that effectively communicated movement instructions, provided quick access to associated videos, and allowed users to view notes and substitutions seamlessly.

To validate our design decisions, we conducted user testing through TestFlight, involving our team, developers, and beta testers.

One notable insight from testing was the realization that a full-screen workout display was redundant, considering the workout details were already accessible with a single click. This revelation led me to eliminate unnecessary steps, streamlining the user journey and enhancing the app's overall usability.

The VIBE app demonstrates the successful execution of our design strategy to overcome the challenge of presenting complex workout details in an intuitive manner.

Key Features: