top of page
Runnity

A Fitness App for New Ways of Socializing 

Individual Project: UX/UI, Fitness, Socialize, Avatar

Overview

Runnity is a fitness app that helps users to cultivate a running habit in a fun and expertise way. It provides interesting avatars and decorations to buy with RunCoins gained by running. There are also group and pop-up activitieswhere users can meet new friends to keep the experience volatile. 

Design Process

Empathize

Define

Ideate

Prototype

Iterate

  • Desk Research

  • User Research

    • Interview

  • Persona

  • Competitive Analysis

  • Position Map

  • Affinity Diagram

  • Brainstorming

  • Information Architecture

  • User Flow

  • Concept Design

  • UI Design

  • Usability Test

  • Iteration

Background

I’ve been trying to keep fit by running for many times, but found it easy to quit. In order to help cultivate a good running habit,  I started a research on running. 

Running Trends

Desk Research

Global Runner Demographic

The demographic shows the figures of people that practice running in each region. 

The total number of global runners = 

621.16 million people

The demographic shows the figures of people that practice running in each region. 

The total number of global runners = 

621.16 million people

The demographic shows the figures of people that practice running in each region. 

The total number of global runners = 

621.16 million people

The demographic shows the figures of people that practice running in each region. 

The total number of global runners = 

621.16 million people

Top Reasons to Quit

  • The first 20 minutes of a run for many people feels like hell sometimes.

  • The breakthroughs, endorphins, adrenaline and the almighty runner’s high don’t kick in until much later – long after the initial pain has passed.

Core Needs of Running

Interview

I asked five of my friends who have running experience to different extent and posted some questions in the university running club to deeper undestand running experience. 

Competitive Analysis

I conducted a competitive analysis on different workout apps including the most popular and the most interesting ones. It covers the pros and cons of these products to find opportunities. 

Summary
Ideation

Based on the research, I made a brainstorm on basic structure and functions of the product and sorted out my ideas into an affinity diagram. The key functions are highlighted and described in detail. 

Product Structure

​After ideation process, I allocated key functions into different function modules in the information structure to make it a user-friendly app

I also organized the experience process of users to use this application by displaying the function modules and behaviors in a flow chart

Information Architecture

User Flow

Concept Design

Individual Mode

Community

Community

Visual Identity

Paper Prototype

I drew the paper prototype based on my information architecture and user flow. I discussed the interface with my fellow designers and iterated it for a couple of times. 

Wireframe 1.0
Usability Test

“Some blocks are too big and makes me uncomfortable. ”

“The avatar should be bigger than a block. ”

“The important information is hidden. I cannot find it. ”

“The gain of RunCoins should be highlighted.”

“There are too many large texts.”

“The interface should be simpler with more components.”

“The interface is not interesting and game-like enough.”

“Some of the bars are useless and make functions hard to find. ”

Wireframe 2.0
Final Design

Sign up & Log in

A clear welcome page that shows the main avatar of the app and easy log-in process

Activity

This section provides the information of nearby pop-ups for users to participate in. 

They can also choose to join or book a running event with their friends on the app

Running

Users can start running in this section. They can choose either see the professional running data or their corresponding avatar on the abstract track. 

Running

Users can start running in this section. They can choose either see the professional running data or their corresponding avatar on the abstract track. 

User

Users can see their progress of running in this section and exchange for special themes, decorations and clothes for their avatars with RunCoins. 

Scenario

People can exercise with their friends through Runnity to achieve good, healthy and fun social communication

bottom of page