Novo - Safety Map

Mobile

Year:

2022-2023

Role:

UI & UX

Product Type:

Insurance Linked Feature

Project Overview

Team: Product Designer, Principal Brand Designer, Engineers, QA, Marketing/CI

The Safety Map was introduced in the early product phase to display recent vehicle-related incidents, such as break-ins and car stolen, based on data from the past 3 months. Launched before the app had a large policyholder base, the feature was designed to offer immediate safety value to all users, encouraging daily engagement and building trust. It also supports the app’s long-term vision of enabling safer driving behaviors and future Usage Based Insurance adoption.

Product Goal

Support users in avoiding local risk zones and reducing potential vehicle-level incidents and benefiting both the user and the insurance provider.

User Impact Goal

Make informed parking decisions, reduce the likelihood of theft or damage, and build safer habits that contribute to better insurance rates over time.

Target Users

Policy and non-policy car owners seeking safer parking decisions and localized incident awareness to reduce vehicle risk.

Framedopportunity through user safety + UBI alignment.

User Journey

Ideations

I explored early concepts through quick sketches and low-fidelity visuals to generate alignment and spark discussion around core product directions.

Prioritized key risk data types

We reviewed various environmental risks and chose to focus on car break-ins and vehicle stolen because they pose direct threats to vehicle-level safety, something users care about when deciding where to park. And these incidents are frequent, location-specific, and pattern-driven, making them ideal for map-based features given our current data and API limitations.

Competitive Analysis

We explored how to display break-in and theft data on the map, defining display radius, zoom behavior, and whether users could check safety at their destination or only near their current location. We also considered when users would engage with the app to ensure timely support. I then conducted a competitive analysis to benchmark safety features and identify UX opportunities.

Design Takeaways

Mid-fi

I proposed mid-fidelity prototype to help stakeholders and cross functional team better understand the user flow and interface interaction, enabling more targeted feedback during the mid-stage design phase.

Option 1:

Fully Dynamic Zoom + Interaction

Users can freely zoom in/out and pan to explore incidents. Tapping on individual incidents reveals details. Offers high flexibility and interactivity.

Option 2:

Tiered Zoom Levels with Smart Clustering

Users navigate through 3 fixed zoom levels that adjust data density (e.g., clustered vs. detailed view). Tapping reveals incident info at closer zoom. Balances clarity and control, similar to Redfin’s map behavior.

Option 3:

Fixed Zoom Radius + Manual Pan

Map shows a fixed radius of incidents around a central point. Users can pan to different areas, but must manually refresh to load new data. Prioritizes simplicity and focus, with reduced cognitive load.

Hi - fi

After gathering feedback from PMs and internal testers, we aligned around Option 3’s direction: a fixed 1-mile radius with manual pan to keep the Safety Map focused and user-friendly. This approach reduces visual clutter in dense areas like downtown SF and surfaces only relevant incident data. I then refined the design to improve accessibility and align with NOVO’s latest design system, enhancing contrast, tap targets, and component consistency.

Summary

After launching the Safety Map, we saw a 12–17% increase in weekly active policy users.

Key Learning

  • Users appreciate actionable safety info, but only when framed as empowering guidance, not risk alerts.
  • Context is everything: same data shown while driving vs. while parked can feel very different.
  • Trust in data matters: clear sourcing and freshness directly impact whether users act on what they see.

Other Works

Interested in working together?

Contact me:

pohu.interactive@gmail.com

Copyright @ Po Hu. All Rights Reserved

Novo - Safety Map

Mobile

Year:

2022-2023

Role:

UI & UX

Product Type:

Insurance Linked Feature

Project Overview

Team: Product Designer, Principal Brand Designer, Engineers, QA, Marketing/CI

The Safety Map was introduced in the early product phase to display recent vehicle-related incidents, such as break-ins and car stolen, based on data from the past 3 months. Launched before the app had a large policyholder base, the feature was designed to offer immediate safety value to all users, encouraging daily engagement and building trust. It also supports the app’s long-term vision of enabling safer driving behaviors and future Usage Based Insurance adoption.

Product Goal

Support users in avoiding local risk zones and reducing potential vehicle-level incidents and benefiting both the user and the insurance provider.

User Impact Goal

Make informed parking decisions, reduce the likelihood of theft or damage, and build safer habits that contribute to better insurance rates over time.

Framed opportunity through user safety + UBI alignment.

Target Users

Policy and non-policy car owners seeking safer parking decisions and localized incident awareness to reduce vehicle risk.

User Journey

Ideations

I explored early concepts through quick sketches and low-fidelity visuals to generate alignment and spark discussion around core product directions.

Prioritized key risk data types

We reviewed various environmental risks and chose to focus on car break-ins and vehicle stolen because they pose direct threats to vehicle-level safety, something users care about when deciding where to park. And these incidents are frequent, location-specific, and pattern-driven, making them ideal for map-based features given our current data and API limitations.

Competitive Analysis

We explored how to display break-in and theft data on the map, defining display radius, zoom behavior, and whether users could check safety at their destination or only near their current location. We also considered when users would engage with the app to ensure timely support. I then conducted a competitive analysis to benchmark safety features and identify UX opportunities.

Design Takeaways

Mid-fi

I proposed mid-fidelity prototype to help stakeholders and cross functional team better understand the user flow and interface interaction, enabling more targeted feedback during the mid-stage design phase.

Option 1:

Fully Dynamic Zoom + Interaction

Users can freely zoom in/out and pan to explore incidents. Tapping on individual incidents reveals details. Offers high flexibility and interactivity.

Option 2:

Tiered Zoom Levels with Smart Clustering

Users navigate through 3 fixed zoom levels that adjust data density (e.g., clustered vs. detailed view). Tapping reveals incident info at closer zoom. Balances clarity and control, similar to Redfin’s map behavior.

Option 3:

Fixed Zoom Radius + Manual Pan

Map shows a fixed radius of incidents around a central point. Users can pan to different areas, but must manually refresh to load new data. Prioritizes simplicity and focus, with reduced cognitive load.

Hi - fi

After gathering feedback from PMs and internal testers, we aligned around Option 3’s direction: a fixed 1-mile radius with manual pan to keep the Safety Map focused and user-friendly. This approach reduces visual clutter in dense areas like downtown SF and surfaces only relevant incident data. I then refined the design to improve accessibility and align with NOVO’s latest design system, enhancing contrast, tap targets, and component consistency.

Summary

After launching the Safety Map, we saw a 12–17% increase in weekly active policy users.

Key Learning

  • Users appreciate actionable safety info, but only when framed as empowering guidance, not risk alerts.
  • Context is everything: same data shown while driving vs. while parked can feel very different.
  • Trust in data matters: clear sourcing and freshness directly impact whether users act on what they see.

Other Works

Interested in working together?

Contact me:

pohu.interactive@gmail.com

Copyright @ Po Hu. All Rights Reserved

Novo - Safety Map

Mobile

Year:

2022-2023

Role:

UI & UX

Product Type:

Insurance Linked Feature

Project Overview

Team: Product Designer, Principal Brand Designer, Engineers, QA, Marketing/CI

The Safety Map was introduced in the early product phase to display recent vehicle-related incidents, such as break-ins and car stolen, based on data from the past 3 months. Launched before the app had a large policyholder base, the feature was designed to offer immediate safety value to all users, encouraging daily engagement and building trust. It also supports the app’s long-term vision of enabling safer driving behaviors and future Usage Based Insurance adoption.

Product Goal

Support users in avoiding local risk zones and reducing potential vehicle-level incidents and benefiting both the user and the insurance provider.

User Impact Goal

Make informed parking decisions, reduce the likelihood of theft or damage, and build safer habits that contribute to better insurance rates over time.

Target Users

Policy and non-policy car owners seeking safer parking decisions and localized incident awareness to reduce vehicle risk.

Framed opportunity through user safety + UBI alignment.

User Journey

Ideations

I explored early concepts through quick sketches and low-fidelity visuals to generate alignment and spark discussion around core product directions.

Prioritized key risk data types

We reviewed various environmental risks and chose to focus on car break-ins and vehicle stolen because they pose direct threats to vehicle-level safety, something users care about when deciding where to park. And these incidents are frequent, location-specific, and pattern-driven, making them ideal for map-based features given our current data and API limitations.

Competitive Analysis

We explored how to display break-in and theft data on the map, defining display radius, zoom behavior, and whether users could check safety at their destination or only near their current location. We also considered when users would engage with the app to ensure timely support. I then conducted a competitive analysis to benchmark safety features and identify UX opportunities.

Design Takeaways

Mid-fi

I proposed mid-fidelity prototype to help stakeholders and cross functional team better understand the user flow and interface interaction, enabling more targeted feedback during the mid-stage design phase.

Option 1:

Fully Dynamic Zoom + Interaction

Users can freely zoom in/out and pan to explore incidents. Tapping on individual incidents reveals details. Offers high flexibility and interactivity.

Option 2:

Tiered Zoom Levels with Smart Clustering

Users navigate through 3 fixed zoom levels that adjust data density (e.g., clustered vs. detailed view). Tapping reveals incident info at closer zoom. Balances clarity and control, similar to Redfin’s map behavior.

Option 3:

Fixed Zoom Radius + Manual Pan

Map shows a fixed radius of incidents around a central point. Users can pan to different areas, but must manually refresh to load new data. Prioritizes simplicity and focus, with reduced cognitive load.

Hi - fi

After gathering feedback from PMs and internal testers, we aligned around Option 3’s direction: a fixed 1-mile radius with manual pan to keep the Safety Map focused and user-friendly. This approach reduces visual clutter in dense areas like downtown SF and surfaces only relevant incident data. I then refined the design to improve accessibility and align with NOVO’s latest design system, enhancing contrast, tap targets, and component consistency.

Summary

After launching the Safety Map, we saw a 12–17% increase in weekly active policy users.

Key Learning

  • Users appreciate actionable safety info, but only when framed as empowering guidance, not risk alerts.
  • Context is everything: same data shown while driving vs. while parked can feel very different.
  • Trust in data matters: clear sourcing and freshness directly impact whether users act on what they see.

Other Works

Interested in working together?

Contact me:

pohu.interactive@gmail.com

Copyright @ Po Hu. All Rights Reserved