English
English
English

Strollin'

Strollin'

Strollin'

The First Step to Happy Mind and Body!

Duration

Duration

Duration

Aug 2024

Aug 2024

Aug 2024

Type of Project

Type of Project

Type of Project

Personal Passion Project

Personal Passion Project

Personal Passion Project

Design Sprint

Design Sprint

Design Sprint

Tools

Tools

Tools

Figma

Figma

Figma

Purpose

Purpose

Purpose

How might we encourage people, who don’t exercise on a regular basis, to do easy and free-of-fee exercises on a regular basis, to maintain health and wellbeing?

How might we encourage people, who don’t exercise on a regular basis, to do easy and free-of-fee exercises on a regular basis, to maintain health and wellbeing?

How might we encourage people, who don’t exercise on a regular basis, to do easy and free-of-fee exercises on a regular basis, to maintain health and wellbeing?

Goal

Goal

Goal

Strollin' will make exercising a cheap and refreshing activity to improve health, for people who are new to building exercise routines, have failed to stick to routines, or perceive exercise as costly and demanding.

Strollin' will make exercising a cheap and refreshing activity to improve health, for people who are new to building exercise routines, have failed to stick to routines, or perceive exercise as costly and demanding.

Strollin' will make exercising a cheap and refreshing activity to improve health, for people who are new to building exercise routines, have failed to stick to routines, or perceive exercise as costly and demanding.

Identifying the Goal

Identifying the Goal

Identifying the Goal

How do I stick to exercise routines?

How do I stick to exercise routines?

How do I stick to exercise routines?

Rhiannon is fascinated by the aesthetics of art and nature. With a remote job and indoor hobbies, Emma is interested in exercising to improve her mental health. Neither are keen on intensive training but wishes to incorporate exercise to feel more fulfilled.

Rhiannon is fascinated by the aesthetics of art and nature. With a remote job and indoor hobbies, Emma is interested in exercising to improve her mental health. Neither are keen on intensive training but wishes to incorporate exercise to feel more fulfilled.

Rhiannon is fascinated by the aesthetics of art and nature. With a remote job and indoor hobbies, Emma is interested in exercising to improve her mental health. Neither are keen on intensive training but wishes to incorporate exercise to feel more fulfilled.

Empathy Map

Empathy Map

Empathy Map

Rhiannon is motivated by aesthetics - such as pretty sneakers and scenery. She also feels the social pressure to work out but is not particularly interested.
Emma's lifestyle sometimes makes her feel bored and isolated, and she thinks exercising outside might help.

Rhiannon is motivated by aesthetics - such as pretty sneakers and scenery. She also feels the social pressure to work out but is not particularly interested.
Emma's lifestyle sometimes makes her feel bored and isolated, and she thinks exercising outside might help.

Rhiannon is motivated by aesthetics - such as pretty sneakers and scenery. She also feels the social pressure to work out but is not particularly interested.
Emma's lifestyle sometimes makes her feel bored and isolated, and she thinks exercising outside might help.

User Needs and How Might We Questions

User Needs and How Might We Questions

User Needs and How Might We Questions

"I want to make exercising enjoyable to me"

How might we make exercising enjoyable to a person who doesn’t exercise on a regular basis?


"Ideally, I can exercise without paying so much"

How might we introduce an exercising routine with minimal expenses?


"I want to feel more happy and energised throughout the day"

How might we improve people’s mental wellbeing with easy activities?


"I want to meet new people and find a community that I can belong to"

How might we create a safe environment for people to meet up with others in their local community?

"I want to make exercising enjoyable to me"

How might we make exercising enjoyable to a person who doesn’t exercise on a regular basis?


"Ideally, I can exercise without paying so much"

How might we introduce an exercising routine with minimal expenses?


"I want to feel more happy and energised throughout the day"

How might we improve people’s mental wellbeing with easy activities?


"I want to meet new people and find a community that I can belong to"

How might we create a safe environment for people to meet up with others in their local community?

"I want to make exercising enjoyable to me"

How might we make exercising enjoyable to a person who doesn’t exercise on a regular basis?


"Ideally, I can exercise without paying so much"

How might we introduce an exercising routine with minimal expenses?


"I want to feel more happy and energised throughout the day"

How might we improve people’s mental wellbeing with easy activities?


"I want to meet new people and find a community that I can belong to"

How might we create a safe environment for people to meet up with others in their local community?

Ideation

Ideation

Ideation

Crazy Eight

Crazy Eight

Crazy Eight

I explored several ideas to motivate users to exercise: gamefying, progress tracking, giving rewards, offer personalised routine, social media features, community event calendar, and maps showing jogging routes with best sceneries.

I explored several ideas to motivate users to exercise: gamefying, progress tracking, giving rewards, offer personalised routine, social media features, community event calendar, and maps showing jogging routes with best sceneries.

I explored several ideas to motivate users to exercise: gamefying, progress tracking, giving rewards, offer personalised routine, social media features, community event calendar, and maps showing jogging routes with best sceneries.

Storyboard

Storyboard

Storyboard

To understand the user flow and how each feature integrates, I illustrated how a target user would use the app in daily life.
In the storyboard, the user uses the strolling map to walk around the neighbourhood. After she feels refreshed from the walk, she books nearby sports events to make friends.

To understand the user flow and how each feature integrates, I illustrated how a target user would use the app in daily life.
In the storyboard, the user uses the strolling map to walk around the neighbourhood. After she feels refreshed from the walk, she books nearby sports events to make friends.

To understand the user flow and how each feature integrates, I illustrated how a target user would use the app in daily life.
In the storyboard, the user uses the strolling map to walk around the neighbourhood. After she feels refreshed from the walk, she books nearby sports events to make friends.

Design

Design

Design

Wireframe

Wireframe

Wireframe


  • Landing page: fitness-related articles to motivate and inform users

  • Search page: tabs to switch between route and event search

  • Route page: shows map and recommended routes

  • Events page: shows details about events and a booking button

  • Activity log page: shows physical and mental health metrics

  • Reflection diary page: add diary entries and images and give ratings for users' day.


  • Landing page: fitness-related articles to motivate and inform users

  • Search page: tabs to switch between route and event search

  • Route page: shows map and recommended routes

  • Events page: shows details about events and a booking button

  • Activity log page: shows physical and mental health metrics

  • Reflection diary page: add diary entries and images and give ratings for users' day.


  • Landing page: fitness-related articles to motivate and inform users

  • Search page: tabs to switch between route and event search

  • Route page: shows map and recommended routes

  • Events page: shows details about events and a booking button

  • Activity log page: shows physical and mental health metrics

  • Reflection diary page: add diary entries and images and give ratings for users' day.

Design System

Design System

Design System

The primary colour was initially decided as lime green, which conveys the emotional harmony and beauty of nature.
However, the primary colour was later changed to strong green, as it harmonises better with orange, another accent colour I wanted to adopt.

The primary colour was initially decided as lime green, which conveys the emotional harmony and beauty of nature.
However, the primary colour was later changed to strong green, as it harmonises better with orange, another accent colour I wanted to adopt.

The primary colour was initially decided as lime green, which conveys the emotional harmony and beauty of nature.
However, the primary colour was later changed to strong green, as it harmonises better with orange, another accent colour I wanted to adopt.

Illustration with Figma

Illustration with Figma

Illustration with Figma

For the login screen, I experimented with different colour combinations. For the first time, I tried illustration using Figma to design a character jogging.

For the login screen, I experimented with different colour combinations. For the first time, I tried illustration using Figma to design a character jogging.

For the login screen, I experimented with different colour combinations. For the first time, I tried illustration using Figma to design a character jogging.

Prototype

Prototype

Prototype

Fitness Dashboard

Fitness Dashboard

Fitness Dashboard

Displays physical health metrics, summary of mental health, and recommended sports events

Displays physical health metrics, summary of mental health, and recommended sports events

Displays physical health metrics, summary of mental health, and recommended sports events

Search Map

Search Map

Search Map

Search strolling routes, events, and communities nearby

Search strolling routes, events, and communities nearby

Search strolling routes, events, and communities nearby

Fitness Statistics

Displays your health metrics: steps, energy, and heart rate

Join Events

Join local sports events to find communities and keep up the motivation together

Join Events

Join local sports events to find communities and keep up the motivation together

Join Events

Join local sports events to find communities and keep up the motivation together

Fitness Statistics

Reflection Diary

Fitness Statistics

Displays your health metrics: steps, energy, and heart rate

Reflect, rate, and keep track of every progress you make

Displays your health metrics: steps, energy, and heart rate

Messaging

Message communities about events

Reflection Diary

Reflect, rate, and keep track of every progress you make

Messaging

Message communities about events

Reflection Diary

Reflect, rate, and keep track of every progress you make

Messaging

Message communities about events

Want to try out the app?

The prototype is available for you to check out on Figma!

Want to try out the app?

Want to try out the app?

Want to try out the app?

The prototype is available for you to check out on Figma!

The prototype is available for you to check out on Figma!

The prototype is available for you to check out on Figma!

View Prototype

View Prototype

Reflection

Reflection

Reflection

Strollin' was the first project that integrated health and design, which are my two key interests. Many apps manage physical fitness or mental health, respectively, but not both. I perceive that an app that addresses both physical and mental health management is unique and has opportunities.

However, I am also concerned about Strollin's effectiveness in health management. For example, will encouraging strolling and joining sports events actually improve mental health? This question can be explored with testing and research, which are future steps to this project.

Strollin' needs more research and testing for practical use, but I consider this design sprint has helped me develop speed iteration and design skills. I also learned to do graphic design in Figma.

Strollin' was the first project that integrated health and design, which are my two key interests. Many apps manage physical fitness or mental health, respectively, but not both. I perceive that an app that addresses both physical and mental health management is unique and has opportunities.

However, I am also concerned about Strollin's effectiveness in health management. For example, will encouraging strolling and joining sports events actually improve mental health? This question can be explored with testing and research, which are future steps to this project.

Strollin' needs more research and testing for practical use, but I consider this design sprint has helped me develop speed iteration and design skills. I also learned to do graphic design in Figma.

Strollin' was the first project that integrated health and design, which are my two key interests. Many apps manage physical fitness or mental health, respectively, but not both. I perceive that an app that addresses both physical and mental health management is unique and has opportunities.

However, I am also concerned about Strollin's effectiveness in health management. For example, will encouraging strolling and joining sports events actually improve mental health? This question can be explored with testing and research, which are future steps to this project.

Strollin' needs more research and testing for practical use, but I consider this design sprint has helped me develop speed iteration and design skills. I also learned to do graphic design in Figma.

SHION'S PORTFOLIO

SHION'S PORTFOLIO