Carbon Footprint Calculator

Carbon Footprint Calculator

Carbon Footprint Calculator

02
DURATION

4 days

TOOLS

Team research, wireframing, UX/UI design

GOAL

Create an inviting app experience that motivates users to explore their carbon footprint and environmental impact.

INTRO

go greener is a mobile app concept designed to make personal carbon footprint calculation more engaging, informative, and visually appealing than existing browser-based tools.

Übersichtsscreen, in dem bereits angelegte Reisen aufgelistet sind
Übersichtsscreen der ausgewählten Reise mit verschiedenen Abschnitten zu Buchungen, Informationen etc.
Reiseplan mit anstehenden Akitivitäten und Kalender
PROBLEM & DESIGN CHALLENGE

Existing carbon footprint tools are typically browser-based and often present information in a dry, text-heavy format that feels discouraging rather than motivating. They calculate a result, but provide little context or ongoing engagement beyond the number itself.

The challenge was to reimagine carbon footprint calculation as a playful, informative mobile experience that encourages users to reflect and take small action steps.

USER NEEDS & MOTIVATION

Our design intent was to reach a broad age range of users and help them explore environmental impact without judgment or a “preachy” tone.

KEY CHALLENGES

Be visually welcoming and intuitive

Be visually welcoming and intuitive

Present carbon footprint results in a relatable way

Present carbon footprint results in a relatable way

Offer actionable tips for behavior change

Offer actionable tips for behavior change

Provide ongoing value beyond the final score (e.g., educational content and suggestions)

Provide ongoing value beyond the final score (e.g., educational content and suggestions)

The intake questions

The intake questions

Feedback screens comparing personal footprint to national and global averages

Feedback screens comparing personal footprint to national and global averages

DESIGN PROCESS & KEY DECISIONS

User Flow & Question Structure

To avoid overwhelming users, the questionnaire was divided into thematic categories (e.g., travel, household, nutrition) with progress indicators. Users could pause at any time, reducing friction compared to long, single-session surveys.


Wireframes

We developed low-fidelity wireframes showing:

These wireframes helped us iterate quickly and refine core interactions before visual design.


Visual Style & Engagement

We aimed for a friendly and inviting visual language that supports exploration rather than judgment. Screens were designed to balance clarity (numeric results and comparisons) with inspiration (tips and contextual content).

Although this was a concept project without live user testing, the design still reflects a user-centered approach. User context was translated into clear, manageable flows that help reduce cognitive effort — a core UX principle. At the same time, the concept brings visual engagement to an otherwise dry topic through an approachable UI and motivational content, addressing a common shortcoming found in many existing tools.

Key learnings
The project showed that short, thematic question flows can significantly reduce user drop-off compared to long, unstructured questionnaires. It also highlighted how integrating educational content can increase the perceived value of the product beyond simple calculation.

Next steps
If the project were continued, the next step would be to run usability tests to refine language and flow based on real user feedback. I would also explore adding personal goal features, such as tracking one’s footprint over time, and look into social comparison or goal sharing to support long-term engagement.

SOLUTION HIGHLIGHTS

gogreener offers

Educational content placements

Educational content placements

A categorized questionnaire that feels approachable and manageable

A categorized questionnaire that feels approachable and manageable

Result screens with comparisons to German and global averages

Result screens with comparisons to German and global averages

Contextual tips showing actionable ways to reduce personal CO₂ emissions

Contextual tips showing actionable ways to reduce personal CO₂ emissions

A content section / blog integrated into the app to motivate deeper learning and longer engagement

A content section / blog integrated into the app to motivate deeper learning and longer engagement

OUTCOME & VALUE
LEARNING & NEXT STEPS

Create a free website with Framer, the website builder loved by startups, designers and agencies.