Health & Wellness

airlite

Breathe easy. Live smarter.

Breathe easy.
Live smarter.

Real-time air quality insights that put you in control of your health

Real-time air quality insights that put you in control of your health

Real-time air quality insights that put you in control of your health

Overview

Problem

Problem

Problem

Problem

The air we breathe is harming us — and we might not even realize it.

The air we breathe is harming us — and we might not even realize it.

137 million+ Americans live with unhealthy air.

Many can’t track what they’re breathing or how it affects them.

Without real-time data or personal insights, daily health decisions are a guessing game.

Key Objectives

Enable users to take control of their health by monitoring and responding to air quality risks in real time

Deliver personalized insights tailored to each user’s health conditions, daily habits, and location

Provide personalized insights to individual health, lifestyle, and location needs

Build awareness of air quality patterns and trends through clear, ongoing data

Promote healthier communities by helping users reduce their exposure to harmful pollutants

Design Process

I used the Double Diamond framework to deeply understand user needs, define clear goals, explore solutions, and deliver a refined product with real impact.

Discover

Define

Develop

Deliver

Design Process

Double Diamond Framework

I used the Double Diamond framework to deeply understand user needs, define clear goals, explore solutions, and deliver a refined product with real impact.

Discover

Research Goals

Understand user behaviors and pain points

Evaluate the impact of real-time air quality insights

Assess user adoption and trust in AI-powered predictions

SWOT

Strengths

  • Real-time air quality and pollutant data for informed decisions

  • Health and symptom tracking with reminders and emergency plans.

  • Smart home and environmental monitoring integration.

Weaknesses

  • Overly technical medical language that alienates general users.

  • Confusing interfaces that overwhelm first-time users.

  • Limited personalization and difficulty tailoring to individual needs.

Opportunities

  • Simplify design to make air quality and health data easy for everyone.

  • Add fully customizable alerts and recommendations.

  • Position as an air health companion, beyond specific conditions.

Threats

  • Strong competition from existing air quality apps.

  • Changing regulations on personal data and privacy.

  • Risk of overreliance without broader understanding or independent action.

Key Findings

Users struggle to access and interpret real-time air quality data to take meaningful action.

People with asthma, allergies, and respiratory issues need a more accessible, user-friendly solution.

Clear, personalized warnings and recommendations are vital for managing air quality risks.

Simplicity and ease of use drive adoption and daily engagement.

Research Goals

Understand user behaviors and pain points

Evaluate the impact of real-time air quality insights

Assess user adoption and trust in AI-powered predictions

Competitive Analysis

SWOT

Strengths

  • Real-time air quality and pollutant data for informed decisions

  • Health and symptom tracking with reminders and emergency plans.

  • Smart home and environmental monitoring integration.

Weaknesses

  • Overly technical medical language that alienates general users.

  • Confusing interfaces that overwhelm first-time users.

  • Limited personalization and difficulty tailoring to individual needs.

Opportunities

  • Simplify design to make air quality and health data easy for everyone.

  • Add fully customizable alerts and recommendations.

  • Position as an air health companion, beyond specific conditions.

Threats

  • Strong competition from existing air quality apps.

  • Changing regulations on personal data and privacy.

  • Risk of overreliance without broader understanding or independent action.

Strengths

  • Real-time air quality and pollutant data for informed decisions

  • Health and symptom tracking with reminders and emergency plans.

  • Smart home and environmental monitoring integration.

Opportunities

  • Simplify design to make air quality and health data easy for everyone.

  • Add fully customizable alerts and recommendations.

  • Position as an air health companion, beyond specific conditions.

Weaknesses

  • Overly technical medical language that alienates general users.

  • Confusing interfaces that overwhelm first-time users.

  • Limited personalization and difficulty tailoring to individual needs.

Threats

  • Strong competition from existing air quality apps.

  • Changing regulations on personal data and privacy.

  • Risk of overreliance without broader understanding or independent action.

SWOT

SWOT

User Interviews

Key Findings

Users struggle to access and interpret real-time air quality data to take meaningful action.

People with asthma, allergies, and respiratory issues need a more accessible, user-friendly solution.

Clear, personalized warnings and recommendations are vital for managing air quality risks.

Simplicity and ease of use drive adoption and daily engagement.

I don’t always remember to check air quality, but if I got a notification telling me the air was bad today, I’d definitely pay attention.

Eli from California

Freelance UX Designer

“I don’t have time to research what air quality levels mean. Just tell me if it’s safe to take my kids to the park.” x

Ravi from Texas

Urban Planner

“There’s just so much information—different numbers, colors, and terms. I’m not sure what it all means or what I’m supposed to do with it.”

Claire from Illinois

Stay at home Parent

Define

Persona

Aligning Business Goals and User Needs

Increase customer trust and retention by helping users confidently monitor and manage air quality.

Strengthen brand positioning through clear alerts and easy-to-use interfaces.

Drive adoption and engagement through personalized insights that appeal to broader users.

Turn complex air quality data into meaningful actions that drive user engagement.

Aligning Business Goals and User Needs

Increase customer trust and retention by helping users confidently monitor and manage air quality.

Strengthen brand positioning through clear alerts and easy-to-use interfaces.

Drive adoption and engagement through personalized insights that appeal to broader users.

Turn complex air quality data into meaningful actions that drive user engagement.

Design Opportunities by User Type

Individuals living with asthma:

How might we help them monitor air quality and symptoms to reduce exposure and manage flare-ups more effectively?

Air quality-conscious users:

How might we provide real-time and forecasted data to help them minimize exposure and protect their health?

Outdoor workers:

How might we deliver timely alerts so they can act quickly during poor air quality conditions?

Caregivers:

How might we enable them to track air quality and symptoms to proactively manage asthma risks for loved ones?

Design Opportunities by User Type

Individuals living with asthma

How might we help them monitor air quality and symptoms to reduce exposure and manage flare-ups more effectively?

Air quality-conscious users

How might we provide real-time and forecasted data to help them minimize exposure and protect their health?

Outdoor workers

How might we deliver timely alerts so they can act quickly during poor air quality conditions?

Caregivers

How might we enable them to track air quality and symptoms to proactively manage asthma risks for loved ones?

Develop

Information Architecture

Wireframes

Welcome

Dashboard

Settings

Learn

Welcome

Dashboard

Settings

Learn

Welcome

Dashboard

Settings

Learn

High-Fidelity Designs

First Iteration

First Iteration

First Iteration

First Iteration

Welcome

Dashboard

Settings

Learn

Welcome

Dashboard

Settings

Learn

Usabilty Testing

“The interactive slider for choosing air quality levels is easy to use, but it feels overly sensitive and doesn't clearly show the selected value.”

Olga from Ukraine

- Student

“In the pollutant cards on the dashboard, I really just want to quickly see if the air quality is good or bad.” c

Matt from Minnesota

- Architect

“The AQI scale looks good, but it's too similar to the adjustable scale on the settings page.” nmmmmmmmmmmmmmmmxxxxxxxxxxxxxxxxxxxxxxxxx

Jasmine from Colorado

-Middle School Teacher

Key Findings

Users found the overall concept easy to grasp during early testing.

Common pain points were visual clutter, unclear labels, and inconsistent use of color.

The hierarchy and UI elements didn’t feel cohesive.

Some of the terminology was confusing or unfamiliar.

A few users had trouble scanning the layout quickly for helpful suggestions.

“The interactive slider for choosing air quality levels is easy to use, but it feels overly sensitive and doesn't clearly show the selected value.”

Olga

Student, Ukraine

“In the pollutant cards on the dashboard, I really just want to quickly see if the air quality is good or bad.” c

Matt

Architect, Minnesota

“The AQI scale looks good, but it's too similar to the adjustable scale on the settings page.” nmmmmmmmmmmmmmmmxxxxxxxxxxxxxxxxxxxxxxxxx

Jasmine

Teacher, Colorado

High-Fidelity Design Improvements

Welcome

Before

1

2

3

4

1

2

3

4

After

Design Refinements

1

Unified Branding

2

Scannable Benefits

3

High-Contrast low-visual fatigue CTA

4

Optimized Signup Flow

Dashboard

Before

2

3

2

3

4

1

After

Design Refinements

1

Real-Time Conditions Breakdown

2

Instant Pollutant Categories

3

Streamlined Data Cards

4

Transparent Source & Timestamp

Settings

Before

3

2

1

After

Design Refinements

1

Streamlined Header

2

One-Tap Alert Toggles

3

Catagorized Pollutants

Learn

Before

3

2

1

After

Design Refinements

1

Improved segmented control for clearer topic navigation.

2

Structured content to explain each category and scale.

3

Added dropdowns under pollutants for on-demand learning

Welcome

Before

After

4

3

2

1

Design Refinements

1

Unified Branding

2

Scannable Benefits

3

High-Contrast low-visual fatigue CTA

4

Optimized Signup Flow

Dashboard

Before

After

2

3

1

4

Design Refinements

1

Real-Time Conditions Breakdown

2

Instant Pollutant Categories

3

Streamlined Data Cards

4

Transparent Source & Timestamp

Settings

Before

After

2

3

1

Design Refinements

1

Streamlined Header

2

One-Tap Alert Toggles

3

Catagorized Pollutants

Learn

Before

After

1

2

3

Design Refinements

1

Simplified topic nav

2

Clarified categories and scale

3

Pollutant dropdowns for quick learning

Welcome

Before

After

4

3

2

1

Design Refinements

1

Unified Branding

2

Scannable Benefits

3

High-Contrast low-visual fatigue CTA

4

Optimized Signup Flow

4

Increased button contrast to improve visibi

Dashboard

Before

After

2

3

1

4

2

3

1

4

Design Refinements

1

Real-Time Conditions Breakdown

2

Instant Pollutant Categories

3

Streamlined Data Cards

4

Transparent Source & Timestamp

4

Increased button contrast to improve visibi

Settings

Before

After

2

3

1

2

3

1

Design Refinements

1

Streamlined Header

2

One-Tap Alert Toggles

3

Catagorized Pollutants

4

Increased button contrast to improve visibi

Learn

Before

After

1

2

3

1

2

3

Design Refinements

1

Simplified topic nav

2

Clarified categories and scale

3

Pollutant dropdowns for quick learning

4

Increased button contrast to improve visibi

Welcome

Before

After

1

2

3

4

Design Refinements

1

Unified Branding

2

Scannable Benefits

3

High-Contrast low-visual fatigue CTA

4

Optimized Signup Flow

Dashboard

Before

After

2

3

4

1

Design Refinements

1

Real-Time Conditions Breakdown

2

Instant Pollutant Categories

3

Streamlined Data Cards

4

Transparent Source & Timestamp

4

Settings

Before

After

3

2

1

Design Refinements

1

Streamlined Header

2

One-Tap Alert Toggles

3

Catagorized Pollutants

4

Learn

Before

After

3

2

1

Design Refinements

1

Improved segmented control for clearer topic navigation.

2

Structured content to explain each category and scale.

3

Added dropdowns under pollutants for on-demand learning

4

Increased button contrast to improve visibility and emphasis.

Deliver

The Airlite app:

Delivers real-time insights to help users stay proactive

Features intuitive navigation and clear resources

Sends personalized alerts

Enables confident respiratory health

Final Designs

The Airlite app:

Delivers real-time insights to help users stay proactive

Features intuitive navigation and clear resources

Sends personalized alerts

Enables confident respiratory health

Welcome

Dashboard

Settings

Learn

Welcome

Dashboard

Settings

Learn

Prototype

Prototype

Next Steps

Expand testing to a larger, more diverse population

Validate findings and ensure inclusivity across more demographics and regions.

Explore integration with smart home ecosystems

Enhance convenience and market appeal.

Next Steps

Expand testing to a larger, more diverse population

Validate findings and ensure inclusivity across more demographics and regions.

Explore integration with smart home ecosystems

Enhance convenience and market appeal.