Breath
2025

Breath is a community-based app designed to support people living in areas affected by poor air quality. In a time of overlapping environmental and social crises, Breath helps neighbors connect, offer support, and build resilience together.


Category: Product Design, UI/UX Design
Role: Product Designer (End-to-End)
Skills: User research, UX strategy, information architecture, Interaction design, Data visualization, Wireframing & high-fidelity prototyping
Tools:  Figma,  Miro,  Adobe Illustrator, After Effects





    Problem

    As wildfires increasingly degrade air quality in South Brooklyn, residents in low-lying neighborhoods are frequently advised to stay indoors, sometimes for days at a time. This prolonged confinement disproportionately affects vulnerable groups such as the elderly, first responders, and international students, intensifying isolation, uncertainty, and loss of community support. Existing communication tools fail to provide neighborhood-specific updates or facilitate timely, mutual aid. As a result, residents lack a reliable way to stay informed, connected, and supported, precisely when community coordination is most critical.


    How Might We

    How might we reduce isolation and uncertainty for vulnerable residents by enabling safe, local communication and mutual aid during air-quality emergencies?


    Core Value Proposition


    Breath exists to protect connection when environmental conditions force people apart, turning air quality awareness into collective action and mutual support.



    Competitor Analysis

    Current market analysis reveals a gap in applications that combine real-time air quality monitoring with features that promote community engagement and support local health and well-being. While several apps address either environmental data or social interaction, none offer an integrated experience that serves both purposes simultaneously





    Existing apps can be broadly categorized into two groups:  

    1. Air Quality Monitoring & Weather Apps  

    Focus primarily on delivering real-time data such as AQI, pollen levels, and pollution forecasts.  

    Typically lack interactive or social features, limiting user-to-user communication or mutual aid functionality.  

    2. Community Engagement & Support Apps

    Facilitate neighborhood level communication through posts, messaging, and event coordination.

    Do not integrate environmental health data or provide alerts related to air quality conditions.




    Industry Trends

    • Rising Demand for Environmental Awareness: Increasing public concern over climate change, wildfires, and pollution is driving the need for platforms that provide real-time environmental insights.
    • Health-Focused Digital Tools: Users are shifting toward apps that offer personalized, actionable recommendations based on environmental conditions, especially for vulnerable groups.
    • Hyperlocal Relevance: There is growing interest in location-specific data and services, enabling people to make informed decisions about their immediate surroundings.
    • Mutual Aid in Crisis Conditions: During periods of poor air quality, many seek community-based support, such as assistance with errands, child or pet care—demonstrating the need for tools that merge environmental alertswith social utility.

    User Persona



    Solution


    Based on persona analysis and industry research, Breath is designed to foster community connection among users living in the same area, allowing them to share needs and support one another during both good and bad air quality conditions. The app uses real-time AQI data and an intuitive, color-changing interface to help users understand environmental conditions at a glance and respond accordingly.

    Key Features

     


    Information Architecture




    Style Guide


    Final Design - Home Page

    The home page uses a dynamic color system driven by real-time AQI data. When air quality is good, the interface turns Green, when conditions are unhealthy, it shifts to Gray.

    This color system indication provides an immediate, intuitive understanding of environmental conditions and helping users plan their day at a glance. This page also serves as the main community hub, where users can post what they need, offer help, or share local environmental updates. Each post is color-coded by urgency level, allowing users to quickly prioritize responses. Action buttons on individual posts enable users to offer help or request assistance with a single tap, opening a message thread without requiring a written introduction, reducing friction, saving time during crises, and supporting users who may feel hesitant to initiate conversations.






    Final Design - Message  

    The Messages page allows users to communicate directly and efficiently with their neighbors. Conversations are initiated through quick actions on posts, enabling fast, focused exchanges without unnecessary steps ensuring help and information can be shared when time and clarity matter most.






    Final Design - Post

    This screen flow guides users through creating a post in a clear and structured way. Users can select urgency levels, describe their needs or offers, and publish updates quickly, ensuring critical information is shared with the community in an efficient and accessible manner.






    Final Design - User Profile


    The User Profile page allows users to display their needs during periods of poor air quality through predefined, selectable options. This passive system enables users to express emotional or physical support needs without creating a post, helping neighbors identify ways to assist while fostering connection among users with similar experiences. 





    Reflection

    Breath has been a deeply meaningful project for me. It taught me how to bridge environmental awareness with local, human connection. Designing this app challenged me to think beyond visual systems and consider how technology can empower people to support one another, especially during moments of isolation or crisis.


    Next Project: Lost in th Blue



    © 2026 YANING HU - All Rights Reserved.