All work

Sparetime Walking · 2023

Sparetime Walking: steps into rewards

A fitness app that counts every step and turns it into coins. Coins are earned through daily goals and challenges and spent in an in-app marketplace, so walking a little more each day has a visible payoff. Published on Google Play.

Role
UI / UX design
Platform
Android app
Status
Live on Google Play
Scope
Research to store assets
Sparetime Walking: an app that transforms every step you take into a rewarding journey, shown on two phones

01The idea

Every step is more than a count. It is a coin that could be earned.

At its core the app is an accurate step counter that records each step and gives real-time feedback, so progress through the day is always visible.

What sets it apart is the reward system. Challenges turn steps into coins, and coins open up rewards, from personal goal achievements to things that can be redeemed. Goals can be personalised, so it works for regular walkers and for people who are only starting to add steps to their routine.

02What it does

Four things the app is built on

  1. 01

    Counts every step

    Tracks and counts the user's footsteps as they move about through the day.

  2. 02

    Rides count too

    Tracks the distance travelled on a bicycle and converts it into spare coins.

  3. 03

    Challenges

    In-app challenges, such as a 10,000-step day or a city tour, give new reasons to keep going.

  4. 04

    A marketplace

    Spare coins can be redeemed at recognised supermarkets in Sri Lanka through the in-app marketplace.

03Design process

From research to release

  1. 1

    Research

    • User audience
    • Personas
    • User stories
    • Competitive analysis
  2. 2

    Prototyping

    • User flow
    • Wireframes
    • Functional prototype
  3. 3

    UI design

    • Visual concept
    • Design system
    • Components
    • App icon and banners
  4. 4

    Testing

    • User testing
    • Final corrections

04Style guide

Colour and type

Coral#F15A54
Mid grey#C1C1C1
Light grey#E9E9E9
AaPoppinsBold · Medium · Regular
  • Ag40px
  • Ag20px
  • Ag14px
  • Ag12px

05The work

User flow

User flow: onboarding and sign-up lead to home, with branches for step count and daily goal, challenges, marketplace and profile with the coin wallet

06The work

Screens and store assets

App screens: onboarding, challenges, profile, the daily summary with 1,490 steps, coin history, login and sign-up
App store banners and the app icon, with the Google Play listing on a laptop