OZONE DEMO APP

Nudging Toward Sustainable Mobility in Singapore

Nudging Toward Sustainable Mobility in Singapore

PRODUCT DESIGN ・ INTERACTION DESIGN ・ PROTOTYPING

YEAR

YEAR

2024

2024

TIMELINE

TIMELINE

4 WEEKS

4 WEEKS

ROLE

ROLE

PRODUCT DESIGNER (SOLO)

PRODUCT DESIGNER (SOLO)

CREDITS

CREDITS

SIXTY TWO

SIXTY TWO

35 min

40 min

⛅️️

29°

9:41

Drive via AYE

3

Direct expressway route, light traffic expected before 8 AM

32 min

24.2km

Cost

$5.40

Carbon

1065

gr

Activity

12

cal

GO

You’ll save up to $2.30 with Bus and MRT

Takes a slightly longer way but avoids tolls and high fuel zones.

Cuts CO₂ by 0.4 kg

Equivalent to saving ~1 tree a month

6

105

EW

6

Every 8 min from Clementi Interchange

52 min

11.6 km

Cost

$1.96

Carbon

426

gr

Activity

98

cal

GO

4

DT

EW

5

Every 4-6 min from Beauty World

44 min

14.4km

Cost

$2.15

Carbon

189

gr

Activity

99

cal

GO

Takes you ~800 steps with this choice

40% closer to reach your daily steps goal

Trip

Share

In March, you have finished

55

trips

February: 46 trips

15%

22

Transit

23

Drive

Traffic Delay

Last 7 days

30

min lost

Averaged 10 mins late

Active

Last 7 days

100

Cal. burned

Today

M

T

W

T

F

S

S

Cost

Last 7 days

$3.25

Saved

Today

M

T

W

T

F

S

S

Green

You’ve saved an averaged 0,03 Trees/600gr of CO2 over the last 7 days

M

T

W

T

F

S

S

600

gr CO2

Average

Walking or taking a bike can reduce your carbon emission that impacted the environment

35 min

40 min

⛅️️

29°

9:41

Pre-Decision

During Decision

After Decision

Drive via AYE

3

Direct expressway route, light traffic expected before 8 AM

32 min

24.2km

Cost

$5.40

Carbon

1065

gr

Activity

12

cal

GO

You’ll save up to $2.30 with Bus and MRT

Takes a slightly longer way but avoids tolls and high fuel zones.

Cuts CO₂ by 0.4 kg

Equivalent to saving ~1 tree a month

6

105

EW

6

Every 8 min from Clementi Interchange

52 min

11.6 km

Cost

$1.96

Carbon

426

gr

Activity

98

cal

GO

4

DT

EW

5

Every 4-6 min from Beauty World

44 min

14.4km

Cost

$2.15

Carbon

189

gr

Activity

99

cal

GO

Takes you ~800 steps with this choice

40% closer to reach your daily steps goal

Trip

Share

In March, you have finished

55

trips

February: 46 trips

15%

22

Transit

23

Drive

Traffic Delay

Last 7 days

30

min lost

Averaged 10 mins late

Active

Last 7 days

100

Cal. burned

Today

M

T

W

T

F

S

S

Cost

Last 7 days

$3.25

Saved

Today

M

T

W

T

F

S

S

Green

You’ve saved an averaged 0,03 Trees/600gr of CO2 over the last 7 days

M

T

W

T

F

S

S

600

gr CO2

Average

Walking or taking a bike can reduce your carbon emission that impacted the environment

35 min

40 min

⛅️️

29°

9:41

Pre-Decision

During Decision

After Decision

Drive via AYE

3

Direct expressway route, light traffic expected before 8 AM

32 min

24.2km

Cost

$5.40

Carbon

1065

gr

Activity

12

cal

GO

You’ll save up to $2.30 with Bus and MRT

Takes a slightly longer way but avoids tolls and high fuel zones.

Cuts CO₂ by 0.4 kg

Equivalent to saving ~1 tree a month

6

105

EW

6

Every 8 min from Clementi Interchange

52 min

11.6 km

Cost

$1.96

Carbon

426

gr

Activity

98

cal

GO

4

DT

EW

5

Every 4-6 min from Beauty World

44 min

14.4km

Cost

$2.15

Carbon

189

gr

Activity

99

cal

GO

Takes you ~800 steps with this choice

40% closer to reach your daily steps goal

Trip

Share

In March, you have finished

55

trips

February: 46 trips

15%

22

Transit

23

Drive

Traffic Delay

Last 7 days

30

min lost

Averaged 10 mins late

Active

Last 7 days

100

Cal. burned

Today

M

T

W

T

F

S

S

Cost

Last 7 days

$3.25

Saved

Today

M

T

W

T

F

S

S

Green

You’ve saved an averaged 0,03 Trees/600gr of CO2 over the last 7 days

M

T

W

T

F

S

S

600

gr CO2

Average

Walking or taking a bike can reduce your carbon emission that impacted the environment

CONTENT

ABOUT THE PROJECT

ABOUT THE PROJECT

OVERVIEW

OVERVIEW

DESK RESEARCH

DESK RESEARCH

3-STAGE NUDGE FRAMEWORK

3-STAGE NUDGE FRAMEWORK

PROCESS

PROCESS

DESIGN; STAGE 1

DESIGN; STAGE 1

DESIGN; STAGE 2

DESIGN; STAGE 2

DESIGN; STAGE 3

DESIGN; STAGE 3

ABOUT THE PROJECT

ABOUT THE PROJECT

ABOUT THE PROJECT

Designing a Digital Mobility Solution for Singapore Commuter

Designing a Digital Mobility Solution for Singapore Commuter

In early 2024, I partnered with Nippon Koei (NK), a Japanese engineering consultancy, after their Singapore team won an LTA competition to address urban mobility issues in Jurong Lake District. Their winning idea, OZONE, was a digital journey planner to promote walking, cycling, and public transport, aligning with Singapore’s “car-lite” vision.

While NK led the technical side, I was responsible for translating that vision into an intuitive digital experience that could gently influence commuter behavior.

What I did

Quick translation of vision to design

Shaped a product that aligns with the policy

Integrated behavioral UX strategy into urban mobility context

Quick translation of vision to design

Shaped a product that aligns with the policy

Integrated behavioral UX strategy into urban mobility context

Quick translation of vision to design

Shaped a product that aligns with the policy

Integrated behavioral UX strategy into urban mobility context

Quick translation of vision to design

Shaped a product that aligns with the policy

Integrated behavioral UX strategy into urban mobility context

Quick translation of vision to design

Shaped a product that aligns with the policy

Integrated behavioral UX strategy into urban mobility context

Overview

What is the design vision for OZONE?

What is the design vision for OZONE?

Our vision for OZONE was simple: in partnership with NK, we turned behavioral insights into strategic interaction points to build a journey planner that gently nudges behavior, so walking, cycling, or taking transit feels like the easier option.

We moved quickly with fast iterations and clear flows, prioritizing decision-making UX over visual polish.

DESK RESEARCH

From Insights to Design Direction

From Insights to Design Direction

Given time constraints and limited access to user testing, I needed a way to shape OZONE’s experience around proven commuter behaviors. To move quickly without compromising user value, we conducted a desk research focused on a competitive analysis of journey planner apps and behavioral design principles.

What I analyzed

To define a relevant design strategy for OZONE, I started from the research question and find answers by analyzing how the best practice of popular journey planner apps like Google Maps, Waze, Apple Maps, and CityMapper would applied.

Beyond technical capabilities, I mainly looked at how each platform uses subtle behavioral nudges to influence commuter choices. From what I found of the best practices, I was able to shaped a clear design intention

Research Question

Research Question

How might we design a journey planner that can influence commuting behavior from private mobility to active mobility?

Journey Planner’s
Best practice

Journey Planner’s
Best practice

A mobility planning experience that promotes car-lite behavior by enabling intuitive route comparison between public and private transport, supported by subtle behavioral nudges.

Design Intention

Design Intention

[↑] Research Approach

How we came up with design intention

3-STAGE NUDGE FRAMEWORK

Strategizing Behavioral Cues Across the User Journey

Strategizing Behavioral Cues Across the User Journey

To encourage car-lite behavior, I adopted a behavioral design approach based on the proven nudge theory.  I structured the behavioral cues to align with key decision points in the user journey; (1) before, (2) during, and (3) after the trip.

STAGE 1

Pre-Decision

Before choosing a route

The nudge surface (smart) defaults before the user decide a route/trip

STAGE 2

During Decision

While comparing options

The nudge helps users compare and choose consciously

STAGE 3

Post-Decision

After the trip

The nudge serves as a reflection that formed and supports habits. After a trip, users can see how their choices add up over time.

[↑] 3 Stage Nudge Framework

Each stage of the frameworks mirrors how behavioral cues are effective when delivered at relevant moments

Nudges to Habit: a Behavior Loop

While each nudge targets a specific stage in the commuter journey, together they form a continuous cycle that reappears across the user's day-to-day mobility patterns, shaping and reinforcing behavior over time.

Across this loop, OZONE adapts to the user's decisions: starting with a neutral state, then guiding them through low-friction choices, and finally learning from their feedback. These insights are fed back into the system, allowing OZONE to evolve with the user-surfacing smarter defaults and more relevant nudges on their next trip.

Over time, this cycle builds habits, aligns with users' commuting goals, and subtly encourages more sustainable behavior-without requiring drastic change or sacrificing usability.

[↑] 3 Stage Nudge Framework on a loop

Pre-Decision → During Decision → Post-Decision → loops back to → Smarter Pre-Decision

STAGE 1

Pre-Decision

Before choosing a route

Surface a smart, eco-friendly default before users begin comparing options.

STAGE 2

During Decision

While comparing options

When comparing, users need clear, impact-driven cues to choose better routes confidently.

STAGE 3

Post-Decision

After the trip

Reflection supports habit formation. After a trip, users can see how their choices add up over time.

STAGE 1

Pre-Decision

Before choosing a route

The nudge surfaces (smart) defaults before the user decides

STAGE 2

During Decision

While comparing options

When comparing, users need clear, impact-driven cues to choose better routes confidently.

STAGE 3

Post-Decision

After the trip

The nudge serves as a reflection that formed and supports habits. After a trip, users can see how their choices add up over time.

STAGE 1

Pre-Decision

Before choosing a route

The nudge surfaces (smart) defaults before the user decides

STAGE 2

During Decision

While comparing options

When comparing, users need clear, impact-driven cues to choose better routes confidently.

STAGE 3

Post-Decision

After the trip

The nudge serves as a reflection that formed and supports habits. After a trip, users can see how their choices add up over time.

STAGE 1

Pre-Decision

Before choosing a route

The nudge surfaces (smart) defaults before the user decides

STAGE 2

During Decision

While comparing options

When comparing, users need clear, impact-driven cues to choose better routes confidently.

STAGE 3

Post-Decision

After the trip

The nudge serves as a reflection that formed and supports habits. After a trip, users can see how their choices add up over time.

[↑] 3 Stage Nudge Framework

Each stage of the frameworks mirrors how behavioral cues are effective when delivered at relevant moments

DESIGN

Stage 1; Pre-Decision

Stage 1;

Pre-Decision

Start simple, learn overtime

To avoid decision fatigue early on, OZONE begins with a minimal setup: users are only asked to pin their Home and Work locations, and select the kind of trip insights they care about — such as time saved, cost, or activity. This small input helps OZONE gently personalize route nudges without requiring full commitment.

Behind the scenes, the system starts with neutral defaults and learns from day-to-day patterns, gradually surfacing smarter options as it evolves with the user.

Set Commuting Preferences

Use value-driven defaults (e.g., cost, green, delays) to reduce cognitive load and guide early decisions.

STAGE 1

Set Home-Work Location

Capture routine anchors to enable context-aware nudges with minimal user effort.

STAGE 1

STAGE 1

Direct Feedback on Homepage

With just 2 inputs above, OZONE could begin to recommend the best route for today, One tap to go—no need to plan from scratch.

But users always remain in control. They can ignore the suggestion and manually enter any destination via the search bar.

[↑] Onboarding to Homepage

How simple input and user's information could shape OZONE's feedback

DESIGN

Stage 2; During Decision

Stage 2;

During Decision

Suggestion & Comparison to Decision

After users input their destination, they land on the route recommendation screen. This is where they actively decide between commuting options.

Initially, I explored two distinct directions; one with a direct, guided suggestion, while the other offered comparative insights. However, client feedback revealed the need for both. By merging these approaches into a single layout, we structured a screen that nudges and informs — allowing users to quickly compare options while feeling guided toward better choices.

This shifts the experience from passive suggestion to empowered decision-making. Once origin and destination are set, the interface reveals the most relevant routes in a clear, value-aligned format.

STAGE 2

STAGE 2

[↑] Search results & recommendations

2 initial directions of nudging merged into 1 screen

STAGE 2

During Decision

STAGE 2

During Decision

A Clear
Structural Layout

A Clear
Structural Layout

A Clear Structural Layout

Layered UI shows route options at a glance, with details only when needed.

STAGE 2

STAGE 2

STAGE 2

[↑] OZONE stage 2's page structure

How I organize multiple layers of informations

Switch between Drive or Transit

Switch between Drive or Transit

Switch between Drive or Transit

The design supports quick mode switching between Drive and Transit, enabling exploration of possibilities without friction

Orchard Road

Jurong East

Drive

Transit

Leave Now

Drive

Transit

Orchard Road

Jurong East

Drive

Transit

Leave Now

Drive

Transit

Orchard Road

Jurong East

Drive

Transit

Leave Now

Drive

Transit

Orchard Road

Jurong East

Drive

Transit

Leave Now

Drive

Transit

STAGE 2

STAGE 2

STAGE 2

[↑] Drive and Transit Mode

OZONE gives real-time data for users to decide between the modes

Optimized for Decision Making

Optimized for Decision Making

The bottom navigation surfaces different results complete with quantified route options, empowering commuters to make informed, efficient choices aligned with their commuting preferences

Compare to Bus & MRT

Cost

$1.96

Carbon

426

gr

Activity

98

cal

For You

Price

Fast

Green

Active

Compare to Bus & MRT

Cost

$1.96

Carbon

426

gr

Activity

98

cal

For You

Price

Fast

Green

Active

Compare to Bus & MRT

Cost

$1.96

Carbon

426

gr

Activity

98

cal

For You

Price

Fast

Green

Active

Compare to Bus & MRT

Cost

$1.96

Carbon

426

gr

Activity

98

cal

For You

Price

Fast

Green

Active

STAGE 2

STAGE 2

STAGE 2

[↑] OZONE's preferences tab – Interact with one of the tab to see different results

The tab accommodates different types of commuter

Weekend Recommendation: Explore with a Guided Walk

To nudge users further toward car-lite lifestyles, OZONE introduces Weekend Recommendations, designed to encourage exploration without private vehicles. These appear directly on the homepage during weekends, promoting activities like walking.

As a proof of concept, I integrated the Jurong Heritage Trail, one of Singapore’s official walking trails. I mocked up its route, checkpoints, and points of interest into a seamless, self-guided walking experience within the app. Users can follow the trail from point to point, with contextual information and visual cues that make the walk feel purposeful and informative.

[↑] OZONE's Weekend Recommendations

Nudge users to walk through Singapore's official trails

DESIGN

Stage 3; Post-Decision

Stage 3;

Post-Decision

Reflect & Reinforce

Once users finished trips and continue to engage with OZONE, they begin to see the impact of their commuting behavior reflected back through visualized data in Stage 3. This stage is represented through the Trip Log page, supported with more pages that shows detailed breakdown of each data.

I designed framework that served for OZONE and NK to be able to reuse the component so it could accommodate future cases and different type of data, without tweaking the overall UI.

STAGE 3

STAGE 3

STAGE 3

[↑] OZONE stage 3's page structure

Origanizing Summary, Insights and Preferences Dashboard into scalable visual system

Trip Log; Summary

Trip Log; Summary

In Trip log's summary, users can see their choice reflected from the onboarding. User would be able to re-configure which preferences that matters the most to them

STAGE 3

STAGE 3

STAGE 3

Trip Log; Insights

Trip Log; Insights

Insights gives timely recaps based on users’ past activities, along with a small actionable tips.

STAGE 3

STAGE 3

STAGE 3

[↑] OZONE Trip Log; consist of Summary and Inisghts

Designed to help users reflect on past trips and get gentle nudges toward more sustainable choices

Detailed Dashboard

Detailed Dashboard

A modular dashboard that turn data into insights. Helping users see impacts in details and stay engaged.

STAGE 3

STAGE 3

STAGE 3

[↑] OZONE Trip Log's Detailed Dashboard

This is the data that turned into insights that actionable for users