Work Collection

Runnity Lifestyle App Design

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 activities where users can meet new friends to keep the experience volatile. 

Platfoms

Design Process

Design Thinking Roadmap

Empathize

Desk Research

User Research

Desk Research

User Research

Define

Persona

Competitor Analysis

Position Map

Persona

Competitor Analysis

Position Map

Ideate

Affinity Diagram

Brainstorming

Info Architecture

User Flow

Affinity Diagram

Brainstorming

Info Architecture

User Flow

Prototype

Concept Design

UI Design

Concept Design

UI Design

Iterate

Usability Test

Iteration

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

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

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

Preliminary Research

Global Running Demographics

The demographics shows the figures of people that practice running in each global region. 
The total number of global runners = 621.16 million people. 

Top Reasons to Quit Running

  • 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

What people think about running?

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. 

Competitor Analysis

Summary

User

People who want to run with fun

Platform

Mobile App

Opportunity

Fun

Expertise

Key Features

Interactive Avatar

Community

Scientific Workout

Summary

User

People who want to run with fun

Platform

Mobile App

Opportunity

Fun

Expertise

Key Features

Interactive Avatar

Community

Scientific Workout

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. 

Affinity Diagram

Product Structure

Information Architecture

User Flow

Concept Design

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. 

Individual Mode

Community

Visual Identity

Paper Prototype

Wireframe 1.0

Usability Test

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. 

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. 

Jenny Wang

Product Designer