Health & Wellness
airlite
Breathe easy. Live smarter.
Breathe easy.
Live smarter.
Take control of your health with real-time air quality insights
Take control of your health with real-time air quality insights
Take control of your health with real-time air quality insights
Take control of your health with real-time air quality insights
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.
Over 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
Key Objectives
Enable people to take control of their health by monitoring and responding to air quality risks in real time.
Provide personalized insights to individual health, lifestyle, and location needs
Deliver personalized insights tailored to individual health conditions, daily habits, and location.
Build awareness of air quality patterns and trends using clear, ongoing data.
Promote healthier communities by reducing exposure to harmful pollutants.
Design Process
I applied the Double Diamond framework to design a solution that empowers people to monitor and manage their respiratory health in response to real-time air quality data. The process helped align user needs, technical opportunities, and business goals:
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
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.
Research Goals
Understand users’ behaviors and pain points
Evaluate the impact of real-time air quality insights
Assess trust in and adoption of 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
Access to 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 the product as a holistic air health companion—not limited to specific conditions
Weaknesses
Overly technical medical language that alienates general users.
Confusing interfaces that overwhelm first-time users.
Limited personalization, making it difficult to tailor the experience to individual needs.
Threats
Strong competition from existing air quality apps.
Changing data privacy regulations
Risk of user overreliance without proper understanding or autonomy.
SWOT
SWOT
User Interviews
Key Findings
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 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
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 a broader audience.
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
Individuals living with asthma
How might we help them monitor air quality and symptoms to reduce exposure and manage flare-ups more effectively?
How might we help them monitor air quality and symptoms to reduce exposure and manage flare-ups more effectively?
Air quality-conscious users
Air quality-conscious users
How might we provide real-time and forecasted data to help them minimize exposure and protect their health?
How might we provide real-time and forecasted data to help them minimize exposure and protect their health?
Outdoor workers
Outdoor workers
How might we deliver timely alerts so they can act quickly during poor air quality conditions?
How might we deliver timely alerts so they can act quickly during poor air quality conditions?
Caregivers
Caregivers
How might we enable them to track air quality and symptoms to proactively manage asthma risks for loved ones?
How might we enable them to track air quality and symptoms to proactively manage asthma risks for loved ones?
Develop
Develop
Sitemap
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
Welcome
Dashboard
Dashboard
Settings
Settings
Learn
Learn
Welcome
Dashboard
Settings
Learn
Usability Testing
First Iteration
First Iteration
First Iteration
First Iteration
“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 felt disjointed.
Some of the terminology was confusing or unfamiliar.
A few users struggled to quickly scan the layout for helpful suggestions.
“The interactive slider for choosing air quality levels is easy to use, but it feels overly sensitive and doesn't clearly display 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 in the settings.” nmmmmmmmmmmmmmmmxxxxxxxxxxxxxxxxxxxxxxxxx
Jasmine
Teacher, Colorado
Design Iteration
Welcome
Before
Design Refinements
1
Modernized branding
2
Clearly stated app benefits
3
Simpler CTAs
4
Streamlined sign-up flow
After
1
2
3
4
1
2
3
4
Dashboard
Before
Design Refinements
1
Customized daily summary
2
Pollutant categories added
3
Simplified data cards
4
Source and update status
After
2
3
2
3
4
1
Settings
3
2
1
After
Design Refinements
1
Simplified header
2
Condition toggles
3
Pollutant categories for clarity
Before
Learn
Before
Design Refinements
1
Consistent navigation
2
Improved heading structure
3
Clearer, more complete information
After
3
2
1
Design Iteration
Welcome
Before
After
4
3
2
1
Design Refinements
1
Modernized branding
2
Clearly stated app benefits
3
Simpler CTAs
4
Streamlined sign-up flow
Dashboard
Before
After
2
3
1
4
Design Refinements
1
Customized summary for the day
2
Pollutant categories added for clarity
3
Simplified data cards
4
Source and data status
Settings
Before
After
2
3
1
Design Refinements
1
Simplified header
2
Condition toggles
3
Pollutant categories for clarity
Learn
Before
After
1
2
3
Design Refinements
1
Consistent category navigation
2
Improved heading structure
3
Clearer, more complete information
Welcome
Before
After
4
3
2
1
Design Refinements
1
Modernized branding
2
Clearly stated app benefits
3
Simpler CTAs
4
Streamlined sign-up flow
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
Customized summary for the day
2
Pollutant categories added for clarity
3
Simplified data cards
4
Source and update status
4
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
Simplified header
2
Condition toggles
3
Pollutant categories for clarity
4
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
Consistent category navigation
2
Improved heading structure
3
Clearer, more complete information
4
Increased button contrast to improve visibility and emphasis.
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
Modernized branding
2
Clearly stated app benefits
3
Simpler CTAs
4
Streamlined sign-up flow
Dashboard
Before
After
2
3
4
1
Design Refinements
1
Customized summary for the day
2
Pollutant categories added for clarity
3
Simplified data cards
4
Source and update status
4
Settings
Before
After
3
2
1
Design Refinements
1
Simplified header
2
Condition toggles
3
Pollutant categories for clarity
4
Learn
Before
After
3
2
1
Design Refinements
1
Consistent category navigation
2
Improved heading structure
3
Clearer, more complete information
4
Increased button contrast to improve visibility and emphasis.
Deliver
Deliver
Welcome
Dashboard
Settings
Learn
The Airlite app:
Delivers real-time insights to help users stay proactive
Features intuitive navigation and clear resources
Sends personalized alerts
Helps users manage respiratory health with confidence
High-Fidelity Designs
Final Solution
Prototype
High-Fidelity Designs
Final Solution
Final Solution
The Airlite app:
Delivers real-time insights to help users stay proactive
Features intuitive navigation and clear resources
Sends personalized alerts
Helps users manage respiratory health with confidence
Welcome
Dashboard
Settings
Learn
Welcome
Dashboard
Settings
Learn
Prototype
High-Fidelity Designs
Final Solution
The Airlite app:
Delivers real-time insights to help users stay proactive
Features intuitive navigation and clear resources
Sends personalized alerts
Helps users manage respiratory health with confidence
Welcome
Dashboard
Settings
Learn
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
Future plans:
Future plans:
Future plans:
Expand testing to a larger, more diverse population
Validate findings and improve inclusivity across demographics and regions.
Explore integration with smart home ecosystems
Enhance convenience and market appeal.