FitSteps

View website
Year
October 2022 - April 2023
Services
UX Design
UI Design 
Intro
Fitness application that tracks your steps, motivates you to work out, and rewards you with real money. Set daily step goals, earn virtual coins, and convert them into real money.

Introduction

The main goal was to design an application that counts steps, and after the workout, we earn coins that can be exchanged for money. A combination of training and earning money. The application should be easy to use but also allow for fun and play.

Problem

Currently, there are many step-counting applications available on the market. They offer the possibility of collecting points and exchanging them for coupons to shops. There are also app-based games, but the rules are very complicated and users get lost and give up. How to encourage users to walk, play, and earn?

Challenge

In the project, I want to show that the main solution is to simplify the rules for collecting points. By analysing the competition, I will find their weak points and be able to propose solutions. I will find out what frustrates the user and how I can help him. It is also important that the application is not for one-time use but that the user returns to it.

“As a working and training person, I want to earn extra money in my free time to have additional funds for my expenses.”
No items found.

UI Design

Once the usability issues were resolved, I moved on to design the final screens in Figma. My goal was to create a visual identity that was aligned with the brand’s values. Also, I’ve checked the competition and taken a deep dive into my catalog of references for inspiration.

No items found.

Open the Application

After the user launches the application, an animation appears on the screen. The animation suggests the purpose of the application and has a positive effect on the user. It encourages them to train and use the device. Then we proceed to the login screen of the application.

Choose your first shoes

After logging in, the user chooses the first pair of shoes. They will be needed in collecting coins that can later be exchanged for money. The first pair is free, the user can buy more shoes in the application's market according to their preferences as they exercise. During the workout, the user chooses the type of shoes because there are shoes designed for running or walking. Choosing the right shoe for the type of exercise allows you to earn more coins.

Problem: "I have to invest money to buy the first shoes and I don't even know if I will use the app."

Solution: The user gets the first shoes without any investment to show how the app works. If they like it, they can buy more shoes.

Start to Play

On the main screen, we see the type of shoes we use and a map with goals marked. The PLAY button immediately suggests how to start the workout. During the workout, we have a view of how far we have gone and how much we have earned. After the workout, the user receives a notification of how many coins they earned.

Problem: "It's not clear to me how much money I'm earning as I walk."

Solution: The user has a view of the statistics and after the workout, they receive a notification of how many coins they earned.

Fix your Shoes

During exercises, shoes wear out. To earn more and use them for longer, shoes need to be repaired systematically. To repair shoes we need bottles of water which can be purchased in the MARKET or collected during training as rewards. Bottles are marked on the map and when we reach the designated goal, we can get a bottle of water. On the screen, it is presented how to repair shoes after entering their functions.

Problem: "When I wear out my shoes, I don't know if I can repair them or if I should buy new ones."

Solution: Collect bottles during training to repair shoes systematically without investing additional money.

Learnings

During the project, I gained experience in user interviews. I was able to conduct interviews with people who use step-counting applications but are looking for another app with more options. It was my first time working with users on prototypes and I made adjustments to the design as I saw problems or usability issues.

In the final project, I was able to implement an animation. I received positive feedback as this form of project presentation was more readable for many of them. I was able to propose solutions to significant problems that I outlined in the UI project.