EcoTracker

EcoTracker — Product Landing Page

A mobile app concept designed to help students understand local air quality, learn what AQI levels mean, and take simple actions that support healthier environmental choices.

Role and scope

• UI/UX design
• Visual direction
• Interaction design
• 3 months

‍

Problem Statement

• How might we help students understand air pollution and take informed action in a way that feels simple, clear, and motivating?

‍

Audience

• The opportunity was to design an experience that helps students:
  • Check local air quality quickly.
  • Understand what AQI levels mean.
  • Learn why air pollution matters.
  • Receive personalized advice.
  • Take one clear action instead of feeling stuck.
  • Build environmental awareness through a community-focused product.

‍

Rsearch

Survey

Interview

We interviewed 7 students to get a sense of their understanding of air pollution, environmental issues, and the way they though about current challenges in our climate.

• Air pollution/environmental issues feel urgent and important to participants.
• Apathy comes from low awareness of the problem and its urgency.
• Participants want clearer info on why the problem exists and why it matters.

Ideation

‍

Design

Early Sketches

‍

Wireframe

‍

‍

Outcome

Simplifies AQI information, explains environmental impact in plain language, and gives users practical steps to make a difference.

• Task success: 58% → 92% (find AQI + understand meaning + take 1 action)
• +AQI comprehension:43% → 86% could correctly explain “Good vs Unhealthy” after viewing the dashboard

‍

Tools

Figma, Balsamiq, Mural, Google Forms, and Zoom recording