Nautilus JRNY

Product Design, Voice UI Design

Nautilus reached out to Supply asking us to help them re-imagine the JRNY at-home workout experience. The main goal of this effort was to make fitness coaching more accessible for people working out at home. Nautilus' wanted to bring to life their ideas around form-coaching, rep-counting, and voice interaction.

Download the app on jrny.com ↗

Approach

Our team at Supply partnered closely Nautilus' product and technology teams to prototype, design, and deliver a product experience that uses real-time motion tracking and voice-assisted feedback to help people make accurate adjustments as they work out. Additionally, the app counts reps, records the actual weight used, and factors all this information into more informed workout recommendations.‍My team at Supply focused on many aspects of the product– we were tasked with designing of a number of entirely new features, while improving existing features of the product.

Design of new features

Interactive Voice Assistant
User positioning
Form Correction
In-Workout Controls - Pause, Resume, Skip
Form Feedback

Improvement of Existing Features

In-workout metrics bar
Workout Summary
Past Workout Details

Interactive Voice Assistant

I had the privilege of spearheading the design of the interactive voice assistant. I was responsible for determining the behavior of five dots, which served as a visual representation for the product’s interactive voice assistant, “Zoey.” I identified and designed a series of eight distinct states to visually represent its behavior.

Visual Design System

The nature of the JRNY product positions the user 8-10 feet from their device while working out. Our design system work involved updating the existing system, and creating an entirely new system for the voice assistant that was legible and interactive from 8-10 feet away.

Details

Deliverables

User Flows
Wireframes
Video Prototype
.lottie files
Production designs
Design documentation

Tools + Software

Jira / Confluence
Sketch + Abstract
Adobe After Effects
Miro
Zeplin