RIVAL

Our task: to build an app tracking boxing workouts with Bluetooth motion sensors

With myself owning design and a trusted partner tackling development, we sold the idea of a prioritizing aesthetics and delightful animations right up along with development speed and app performance. Then we quickly got to work.

the task at hand.

 

When starting a new project, the first step is ensuring my understanding the details.

We understood that the app needed to be intuitive enough that somebody new to a gym or doing a trial can pick it up quickly. The client asked that the styling be both unique to itself but also can incorporate the branding of another gym or brand. Finding alignment on styling can be tricky with a new client. I find casual interviews about other apps / services they may be inspired by, or even do some mood boarding with them so you have an aligned mood to carry through the project.

 

Once i have a strong understanding of the content at hand, I started building a low-fi prototypes. I used Sketch and Principle to quickly build a prototype of the home screen idea i had for the App. I used a card style UI so users have everything they need available without having to navigate between different sections of the application.

Since we were unable to meet users directly (mostly due to the Covid-19 pandemic) our development team came up with a way to empower them with their own user testing tools. Boxers could adjust the desired sensitivity of certain movements & punch scores. We used this data for the final version.

 

 ITERATE & BUILD

We worked on various ways to display and gamify the information generated from the sensors.


Building a refined set of components can be the most important part of the design. The screenshots here cover every scroll of the Rival App and are aligned with Swift UI design guidelines. This makes it easy to make changes or add contents in the future.

 
 
 

Complete.

Pre-design to feature-complete in 2.5 months.

“This was largely thanks to the Preview Canvas in Xcode for Swiftul which allowed my designer and I to rapidly collaborate right in Xcode, making countless tiny changes to get the spacing and timing of Ul "just-right without the wasted time of waiting for the app to build for each change.”
Nathan Tsu