Repstack Flutter App
There are plenty of apps out there that tell you how to workout and what to do to reach your goal. But what if you know your goals, and want to create your own personal workout routine? Inspired by a friend, Jonas and I set out to create an app that allows you to do just that: build and play back your own workout routines: Repstack!
Repstack allows you to build and save your own workout routines using customizable time slots. For each individual time slot, you can set a workout title, a repetition (or distance) goal, and a time in which to complete the exercise. All exercises together form your workout, which you can then play back to you. In playback mode, Repstack will guide you through your workout using visual and auditory cues, enabling you to focus 100% on your workout!
We choose Flutter to build the app, as it would allow us to cut down on development time. That meant that besides a single code base, we also had to work with a single UI/UX for both Android and iOS smartphones. Using Material Design, we created a user interface that feels comfortable for both Android and iPhone users.
In designing the Repstack's user experience we wanted to use color to amplify the user's state of mind. In playback mode, we used bright Crayola Yellow for exercises and a cool Bondi blue for breaks. When the user is interacting in a neutral way with Repstack (e.g. building a workout, or pausing a workout) we use neutral shades of gray.