🌬️ AirWatch App

Wireframes & Screen Descriptions · Neighborhood Pollution Reporter

Screen 1A · Home – Address Entry
9:41 AM ⬛⬛⬛ 🔋
Hello! 👋
Where are you located?
Enter your address and we'll check the air quality in your neighborhood right now.
📍 Your Address
e.g. 123 Maple Street, Anaheim
🔍 Check My Air Quality
💡 We'll show you a live map of your area with current pollution levels after you search!
🏠Home
📊AQI
🔔Alerts
📋Reports

Screen 1A: Home – Address Entry

The first screen users see. It has a friendly sky illustration to match the theme of air quality. Users type their street address and tap the button to look up their neighborhood.

  • App name + logo at the top
  • Cheerful illustration (sun + clouds)
  • Address search box with placeholder text
  • Big "Check My Air Quality" button
  • A helpful hint about what happens next
Screen 1B · Home – Map View (after search)
9:43 AM ⬛⬛⬛ 🔋
Showing results for
123 Maple Street, Anaheim, CA
LIVE
AQI
42
Current AQI
Maple St Area · Updated now
42 🟢
📊 View Full AQI Details →
🏠Home
📊AQI
🔔Alerts
📋Reports

Screen 1B: Home – Map (after search)

After the user enters their address and taps the button, the screen transforms into a neighborhood map view centered on their location.

  • Searchable map with grid-style streets
  • Green pin showing the user's exact location with the AQI number
  • Colored circle showing the affected zone
  • Bottom panel with a quick AQI summary
  • "View Full AQI Details" button to go to Screen 2
Screen 2 · AQI Details & Report
9:44 AM ⬛⬛⬛ 🔋
📍 Air Quality Index
123 Maple St, Anaheim
42
✅ Good
Air quality is satisfactory. Safe for all groups to enjoy outdoors!
0 Good51 Mod.101 USG151 Bad201+
💨
PM2.5
8 µg/m³
🌫️
PM10
18 µg/m³
🌡️
Temp
72°F
💧
Humidity
58%
📝 Issue a Pollution Report
📋 Submit a Report
Unusual smell / smoke
Visible haze or fog
Vehicle exhaust nearby
Factory or industrial smell
✅ Submit Report to Community
🏠Home
📊AQI
🔔Alerts
📋Reports

Screen 2: AQI Details & Community Report

This screen shows the full air quality breakdown for the user's neighborhood. A color-coded header makes the AQI status easy to understand at a glance.

  • Big AQI number + status label (Good / Moderate / Unhealthy)
  • Visual color scale showing where the current level falls
  • Detail cards: PM2.5, PM10, Temperature, Humidity
  • "Issue a Report" button triggers a slide-up checklist
  • Community report form with checkboxes (smoke, haze, exhaust, etc.)
Screen 3 · Air Quality Alert
2:17 PM ⬛⬛⬛ 🔋
⚠️
Air Quality Alert!
Unhealthy levels detected in your area
🔴 Current AQI – Maple St Area
168
Unhealthy
Normal limit: below 100
📈 +68 above safe level · Detected at 2:12 PM
💡 Protect Yourself – Tips
Stay indoors and keep windows closed
Avoid outdoor exercise or playtime
Wear an N95 mask if going outside
Check on elderly neighbors & young kids
🏘️ Community Reports Nearby
3 neighbors have reported visible haze · 1 reported smoke smell
📝 Add My Report
🔔 Set Up Notifications for Next Time
🏠Home
📊AQI
🔔Alerts
📋Reports

Screen 3: Air Quality Alert

This screen appears automatically when the AQI rises above the safe level (100). The red color scheme immediately signals danger to the user.

  • Bold warning icon and alert headline
  • Current AQI in large red numbers with comparison to safe limit
  • Safety tips card (stay indoors, wear mask, etc.)
  • Community reports panel — shows how many neighbors reported issues
  • Buttons to add your own report or set up future notifications
AirWatch · 7th Grade App Prototype · 2026 · Built with ❤️ for the neighborhood