This flow shows all of the possible ways that you could be directed to the site, as well as the direct navigation to the site.

This is important to show that this experience really benefited from a mobile first approach. From research, we knew that most members read our emails on a mobile device, and would be directed here.

I prioritized and designed for mobile first to make sure all of our potential members had a seamless experience.

This design allowed for the addition of all new products that were launched, such as the Peloton Bike+, Tread, and Guide.

Because of the time constraints, we had to create an MVP design to launch the feature. We were limited to styling because of the platform we used to create this tool — Booking Bug. I worked and partnered with the engineers and front end developers to make sure the design was implemented and functioned as I envisioned through rounds of testing.

Below I am showing what we would have liked to have launched with. I wanted the design to take nods from the Peloton App where you are able to book a class from our workout schedule a week in advance.

The mobile view of the site allows the user to expand or contract their reservation as they go through each page. This allows them to have the content above the fold, and more within their eyesight without needing to scroll as far down in the experience.

A map was included here to visually represent their reservation, along with the helpful contact information of that showroom if needed.