Japanese (Japan)
Japanese (Japan)
Japanese (Japan)

Strollin'

Strollin'

Strollin'

The First Step to Happy Mind and Body!

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

アプリひとつで情報収集

Purpose

Purpose

Purpose

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

Goal

Goal

Goal

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

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

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

ホテル・フライト・観光地の基本的な情報から、文化体験ができるイベント・レストランまで網羅し、より充実したバカンスを実現。さらにはAIガイドで、観光ガイドいらずの旅行に行こう。

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!

Figmaで見る

Figmaで見る

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