My Website

CO2 Tracker App

The Brief

Quambio: A Positive First Step to Sustainable Living Through CO2 Offsetting and Interaction Design

This content is the property of Quambio and any unauthorized distribution or publication is strictly prohibited. Quambio has provided explicit approval for showcasing this work as part of their trusted relationship with Analogy


Design Language
Ux Design
UI Design
Product Strategy
Style Guide
Android and iOS Design


2020 – 2021

Download the App


A New Way To Track You Emissions

Quambio helps you track the CO2 emissions of your transports and swap reductions for product rebates and services while being part of a community of like-minded people motivated by environmental issues.

Designed for positive feedback

Did you know that every second a car emits enough CO2 to fill a cube with 8cm sides? This means that every trip, whether it’s work-related or not, generates hundreds of such cubes. In fact, every 100km a car emits as much CO2 as an adult tree can remove from the atmosphere in a year.

With Quambio, you can make a difference. Our app encourages you to leave your car behind for short trips to work, the grocery store, or anywhere else in town. Whether you choose to walk, bike, or use an electric scooter, it all adds up to a more sustainable future. Download Quambio today and start making a positive impact.

User flow diagram showing the start to end process of the Quambio app

Simplifying The Product Flow

We conducted a thorough analysis of the source material and optimized the sign-up and login flow to improve efficiency. 

The Design team also studied competitor apps to gain insight into the optimal placement of menus and items, resulting in a faster and more streamlined user experience.


Mapping And Detailing Features

When starting a project from scratch, it’s essential to have a comprehensive understanding of each feature set and how they interact with one another across the backend, frontend, and design interactions. 

Our team utilized classification methods to map out these features and outlined how they would connect with each other to establish the product architecture.

Table showcasing the list of features for the Quambio app
2 UI wireframes of Quambio, a CO2 tracking app, featuring the signup page onboarding and dashboard page

Wireframing Interactions

To ensure the validity and effectiveness of our product interactions, we conduct extensive ideations using both paper and digital wireframes.

Core Features

The Dashboard

Visualize your weekly data on a simple and intuitive dashboard that provides detailed breakdowns of distance, time, and earned cubes. 

Analogy designed the overall shape of the graph with the core brand element of the cube in mind, resulting in a simplistic silhouette that visually represents data in a clean and relevant manner.

2 UI design iPhone mockup showcasing Quambio, a CO2 tracking app, featuring the dashboard visualization page in dark mode and light mode
2 UI design iPhone mockup showcasing Quambio, a CO2 tracking app, work out page in the gold color scheme both in light and dark mode
Core Features

Activity Tracker

By providing the option to choose between cycle and walk modes, users have the ability to accurately measure the amount of carbon emissions saved by opting for sustainable modes of transportation. This feature not only promotes environmentally-friendly behavior but also helps users understand the tangible benefits of making more sustainable choices.

By tracking their carbon footprint, users can see the positive impact of their actions and make informed decisions to further reduce their environmental impact.

Core Features


Take a positive and rewarding approach to reducing CO2 emissions by earning cube points for every kilometer you walk or cycle with Quambio. We understand that making sustainable choices can be challenging, which is why we’ve designed our app to incentivize users to adopt sustainable transportation habits. 

By earning cube points for walking or cycling, users can track and monitor their progress, stay motivated, and ultimately make a positive impact on the environment. Our app provides a platform for users to join a community of like-minded individuals who are motivated to make sustainable choices and take action to reduce their carbon footprint.

2 UI design iPhone mockup showcasing Quambio, a CO2 tracking app, featuring the workout end page in dark mode and light mode
3 UI design iPhone mockup showcasing Quambio, a CO2 tracking app, featuring the home page and workout end page
Core Features

Adaptive Themes

Quambio’s innovative theme system provides users with a fun and engaging way to track their progress towards reducing CO2 emissions. As users increase their overall CO2 savings, the app automatically updates its theme, unlocking new and special themes for users to enjoy. 

This feature provides users with added motivation to reach their sustainability goals and make a positive impact on the environment.

Core Features


Take part in challenges with like-minded people and take part in company-sponsored and group challenges through the Quambio app. By building a community and working together towards a shared goal, you can make a bigger impact in reducing CO2 emissions.

Compete with your friends and coworkers to see who can make the most significant progress and earn rewards for completing and achieving the goals of the challenges.

By participating in these challenges, you can stay motivated and engaged in your sustainable lifestyle while contributing to a larger cause.

3 UI design iPhone mockup showcasing Quambio, a CO2 tracking app, featuring the challenges page

Tell us about your project

This form is for prospective clients only.  For opportunities at Analogy please visit the careers page