How it began
Sberbank, Russian’s largest bank, and VISA decided to launch a new experimental product to help their customers become fitter and healthier. After a few design thinking sessions, we came up with the idea for the Fitbox app.
My role was to develop the creative concepts and head the design process.
Every year Sberbank organizes the Green Marathon, a running competition for everyone. Our first goal was to bring this competition into the digital world.
Many Sberbank employees participate in the marathon, so I had hundreds of potential interviewees right in the same office building. I used three types of research to understand the users’ needs:
This research provided invaluable insights.
Runners are achieveres
Marathon runners care about badges and levels. It is so important for them to get an award after a competition.
As a result, I added progress bars, achievements, and the user’s current level on the first screen to encourage their passion to compete.
Forget about maps
All the runners know the route of the Green Marathon, and no one needs a map during the run. The most important things are distance and timing, so you can see where your friends are.
Conclusion: I decided to retire the map from the app, which saved our team weeks of work.
Simple is better
The runners use different devices to count their steps, speed, and distance. In the beginning, our plan was to add integrations with the most popular of them.
Conclusion: After doing some research, we decided to integrate only with Google Fit and Apple Health, which was much easier and faster for the first release.
Once the basic user flows were ready, the team and I started working on the interface design. I was the head designer, and there was another designer who worked on the details and states. We worked in close collaboration with a UX team and the developers, who gave us priceless feedback. Due to this collaboration, the final design was useful, beautiful, and easy to code.
Draft concepts, work in progress
I suggested that we design a character for the app, named Fitty, who popped up in different parts of the app to communicate with the user and to show important states (like no internet, loading, no information, etc.). Even for the edge cases, this fun character helped keep the user in a good mood.
I sought to follow native patterns when designing, although I deviated from this rule in the “Digest” screen in some cases to improve the user experience.
As a result of these and other design solutions, I brought a native and cheering experience to runners, making the competition more pleasurable.
I worked with a motion designer, who animated the interactions. I did not create the animations below, and I’ve included them to give a more complete perspective of the final work.
The app was successfully launched in February 2019 and became an official app for Green Marathon.
It was presented to over 170,000 athletes in 60 cities across the country. They could use it to prepare for the Green Marathon, register for the event, and compete.
As for me, my approach was appreciated by the client, and we have moved forward to a new project.
Find some more about this project on Behance
“ I have worked with Andrew on several of my ecosystem projects with Sberbank. Andrew is an extremely sharp, well-communicated professional with passion for what he does. The product look and feel (a result of Andrew's output) was very impressive. He just puts so much thought into what he does. Would love to cross paths on my future product design needs whenever the opportunity presents itself. ”