A clean, intuitive app that helps users track their carbon footprint, understand their daily impact, and grow sustainable habits with ease.
Good morning 🌱
2.4
kg CO₂
Today's footprint
↓ 18% vs yesterday
Project Overview
EcoTrack empowers users to measure their carbon emissions from daily activities like transport, electricity usage, food, and more — and provides actionable insights to help them live more sustainably.
App Overview Screenshot
High-fidelity screens · Figma
Daily Footprint Tracking
See your carbon impact in real time on a clean, intuitive dashboard.
Impact Visualization
Understand how your actions affect the environment through clear, engaging graphics.
Learning Hub
Access personalized tips and eco-friendly habits to help you live sustainably.
Progress Profile
Track your long-term growth and stay motivated on your eco journey.
The Problem
People want to reduce their environmental impact but struggle to understand how daily actions affect their carbon footprint — most tools are too complex or unengaging, making sustainable living feel out of reach.
Problem Visualization
Research findings · User pain points
Potential Solution
A clean, intuitive app that helps users track their carbon footprint, understand their daily impact, and grow sustainable habits with ease.
Solution Overview
App concept · Key interactions
Design Thinking Process
01
Empathize
User interviews and surveys to understand environmental awareness and app-usage behavior.
02
Define
Identified core pain points: complexity, lack of engagement, and invisible daily impact.
03
Ideate
Brainstormed features around simplicity, personalization, and habit formation.
04
Prototype
Built mid and high-fidelity wireframes using Inter typeface and a clean green palette.
05
Test
Conducted usability tests, iterated based on friction-point feedback from real users.
Design Thinking Process Diagram
Process overview · Double diamond
Project Timeline
4-week sprint breakdown
User Research
To understand user awareness, challenges, and expectations around tracking their carbon footprint in daily life.
User Research Findings
Survey results · Interview insights
0%
users find existing apps too complex
0+
in-depth user interviews conducted
0%
want real-time daily impact visibility
Competitor Analysis
Joro
Pros
Cons
Capture
Pros
Cons
Aerial
Pros
Cons
UNEP Carbon
Pros
Cons
While these apps offer great features individually, most lack simplicity, daily usability, or engagement. EcoTrack combines the best of all — making sustainability simple, interactive, and personally rewarding.
Qualitative Research
We conducted in-depth user interviews with individuals from our target demographic to gain a deeper understanding of their lifestyle habits, environmental concerns, and expectations from a carbon tracking app. These conversations revealed valuable emotional and behavioral insights that went beyond what quantitative data could uncover.
User Interview Photos & Notes
5 interviews · 2 age groups
User Empathy Mapping
To better understand user emotions, motivations, and frustrations, we created empathy maps based on real interview insights. These maps helped us design features that address true needs — not just actions, but how users think and feel about sustainable living.
Empathy Map Overview
Think · See · Say · Feel · Pain · Gain
Priya, 22
College student · Eco-curious beginner
Think & Feel
"I care about the planet, but I don't know where to begin."
See
Sees influencers posting eco tips but finds most advice inconsistent or unclear.
Say & Do
Tries meatless meals and reusable bags but isn't tracking results.
Pain
Feels small actions aren't making a difference; existing tools are intimidating.
Gain
Wants a friendly guide that tracks her efforts and teaches along the way.
Arjun, 28
Working professional · Active eco-enthusiast
Think & Feel
"I've built good habits — I want to know if they really matter."
See
Sees apps that focus on numbers but lack real guidance or encouragement.
Say & Do
Avoids fast fashion, uses a bike, and talks about eco-living with peers.
Pain
Doesn't see how to measure long-term progress; wants smarter feedback.
Gain
Looking for a sleek, data-light tool that visualizes his actual impact.
Full Empathy Map Canvas
Detailed empathy analysis
User Personas
These personas are fictional representations of our target users, created using real research insights. They help us understand needs, motivations, and pain points to design a more user-centered solution.
Priya Sharma
22 · College Student · Mumbai
Eco-curious beginner who cares about the planet but doesn't know where to start. Wants a friendly, visual app that guides her through sustainable choices without overwhelming her with data.
Arjun Mehta
28 · Product Manager · Bangalore
Active eco-enthusiast who has built green habits but wants data-driven proof of their impact. Looking for a sleek, efficient app that gives meaningful feedback without information overload.
Full Persona Documents
Detailed persona sheets from Figma
Typography
I chose Inter for its clean, modern look and excellent readability on screens. Its versatility helped create a clear visual hierarchy — bold for emphasis, regular weights for smooth, accessible reading across the app.
Primary Typeface
Inter
Typography & Colour Palette Specimen
Full design system · Figma styles
Mid-Fidelity Wireframes
I developed mid-fidelity wireframes to refine the layout, structure, and functionality of the app, focusing on user experience without visual distractions.
Mid-Fidelity Wireframes
6 key screens · Wireframe flow
High-Fidelity Wireframes
I designed high-fidelity wireframes to bring the app to life with detailed visuals, colors, and typography, closely representing the final user interface.
Dashboard Screen
Home · Daily tracker
Carbon Details Screen
Impact breakdown · Charts
Learning Hub Screen
Tips · Eco habits
Add Activity Screen
Log transport · Food · Energy
Progress Screen
Weekly · Monthly charts
Profile Screen
Achievements · Goals
Full App Flow — All Screens
Prototype connections · User flow
User Testing
Test Goal: To evaluate the usability, clarity, and overall experience of the carbon tracking app with real users from the target audience.
Key Insights Gained
How It Helped
Before → After Iteration
The Add Button — From Hidden to Front and Centre
✕ Before
Before: Tab Bar with Hidden Add Button
Original design · Centre tab
The add button was hidden in the centre of the tab bar, making it hard for users to notice and access quickly during daily logging.
✓ After
After: Floating Add Button on Home Screen
Revised design · FAB
Replaced with a prominent floating action button on the home screen for better visibility and quicker daily input without extra navigation.
Carbon Charts — From Technical to Intuitive
✕ Before
Before: Complex Data Visualisation
Original charts · Data-heavy
Carbon data visualizations were too technical, lacked contextual language, and overwhelmed users unfamiliar with CO₂ metrics.
✓ After
After: Simplified & Contextual Charts
Revised charts · Plain language
Simplified visuals with plain-language labels, colour-coded context (good/bad days), and relative comparisons to yesterday.
Key Learnings
Throughout the design process, several iterations and testing phases led to meaningful improvements in both usability and user satisfaction.
Simplicity enhances engagement
Streamlining complex carbon data into clear visuals made the experience approachable for everyday users.
User feedback is invaluable
Direct insights helped identify usability gaps and guided purposeful design decisions.
Micro-interactions matter
Small refinements — like repositioning the add button — led to significantly improved task completion.
Content + Function = Impact
Balancing educational content with actionable features created a product that's both informative and functional.
Iterate with intent
Each design iteration, driven by real user behavior, contributed to a cleaner, more effective solution.