Get fit wizard

Getting started in the world of healthy living and fitness can be overwhelming these days, especially with so many fads and "get ripped quickly" articles and videos. The folks at BB-Team want to help their users get to the right content with a quick filtering system.

The old version relied on a bunch of checkboxes and dropdowns, which is not great UX. After some testing, we decided to transform this sort of interactions into step-by-step flows.

The wizard component is an organism in BB-Team's atomic design system. It can be fed with different combinations of questions and answers. Thanks to the superpowers of flexbox, the design adapts itself based on how many answers are provided.

In this shot, the component helps you pick a training plan based on previous experience, gender, goals and available equipment.