Quambio: Carbon-tracking App

Interaction Design

Quambio - Backpack

New way to track emissions: The Story Behind a Co2 Tracker App

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.

Deconstructing the Carbon Conundrum

Did you know that every second a car emits 8cm cube concentrated CO2? This means that every trip, whether it’s work-related or not, generates hundreds of such cubes.
We were tasked with creating a mobile app that empowered users to break down the complexities of their carbon footprint into bite-sized, actionable insights. This wasn't just about tracking numbers; it was about igniting a spark of conscious consumption and eco-friendly action within each user. 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.

As we delved into the world of our users, we charted their journeys with precision, mapping the pathways that define their interactions with technology. In doing so, we not only identified touchpoints but also dissected and analyzed pain points—those critical moments when user satisfaction encounters friction.

The goal was clear: to create a product that transcends the ordinary, one that resonates with users on a profound level. The Co2 tracker app we envisioned isn't merely a tool; it's a solution crafted with precision, empathy, and a keen understanding of the intricacies that define user experiences.

Where Innovation meets Intuition

We conducted a thorough analysis of the source material and optimised the sign-up and login flow to improve efficiency. Our endeavour commenced with a comprehensive exploration, a profound mapping of user needs, technical possibilities, and design aesthetics.
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.

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

These collaborative efforts gave rise to a blueprint that goes beyond conventional boundaries, incorporating unique features that set the Co2 tracker app apart. Whether it's intuitive user interfaces, real-time data visualization, or personalized insights, every detail was meticulously considered and strategically implemented.

As the blueprint crystallized, it became more than just a technical guide—it became a narrative, a story of innovation and foresight. The Co2 tracker app, in its embryonic stage, embodies the collective spirit of our team, a testament to our commitment to pushing the boundaries of what's possible.

From Wireframes to Reality

We understood that the true strength of any application lies not just in its features but in the ease with which users can navigate and harness its capabilities. With this principle at the forefront, our focus shifted towards crafting an interface that embodies simplicity without compromising on the app's inherent power.
The logo was designed as a representation of the cubes that Quambio uses to calculate rewards and the co2 saved as part of the fitness algorithm. The dot popping out signifies the saving and also creates a relation to the word Q.

The journey began with an emphasis on user-friendliness, a guiding principle that influenced every decision in the development process. We envisioned an interface that acts as a seamless bridge between users and the transformative potential of the Co2 tracker app. Intuitive navigation became a cornerstone, ensuring that users could effortlessly traverse the app's various functionalities without encountering the complexities that often accompany sophisticated applications.

Seamless transitions emerged as a priority, allowing users to seamlessly move through different features and sections of the app without disruption. Each transition was meticulously designed to maintain a fluid and cohesive user experience, creating a sense of continuity that enhances engagement. Whether entering data, exploring insights, or tracking progress, every interaction within the app was purposefully crafted to be not just functional but a joy to experience.

Every element within the app, from the simplicity of data entry to the transparency of progress tracking, underwent careful consideration. The objective was clear: to empower users with a stress-free journey towards embracing a greener lifestyle. Data entry mechanisms were streamlined, minimizing the effort required while maximizing accuracy. Progress tracking, a key motivator for users committed to reducing their carbon footprint, was visualized in an accessible and comprehensible manner, turning sustainability goals into tangible achievements.

In essence, our commitment to simplicity was not a compromise but a deliberate choice to enhance the user experience. The Co2 tracker app, with its intuitive design and seamless functionality, stands as a testament to our dedication to making environmental consciousness accessible to all. It is more than an application; it is a tool that empowers users, guiding them effortlessly towards a sustainable and greener future.

Pixels Come Alive

The optimization of performance became a focal point, with our tech experts delving deep into the intricacies of the app's architecture. The result was an application that seamlessly fused functionality with speed, offering users a responsive and efficient app experience.
Every line of code was scrutinized, refined, and honed to perfection, ensuring that the app not only met but exceeded performance expectations.

Simultaneously, the guardians of our technological realm fortified the Co2 tracker app with robust data security measures. Recognizing the critical importance of safeguarding user information, our team implemented state-of-the-art security protocols at every juncture. The app stands as a digital fortress, providing users with the assurance that their data is not just handled responsibly but is also shielded against potential threats.

A symphony of collaboration unfolded between our visionary designers and agile developers, orchestrating a harmonious fusion of creativity and technical prowess. This synergy was not merely a functional necessity but a strategic decision to infuse innovation into the app's DNA. Designers and developers worked in tandem, seamlessly integrating aesthetics with functionality, resulting in an app that not only performs exceptionally but also captivates users with its visual appeal.

The culmination of these efforts birthed a stable and scalable app, poised to empower millions on their journey towards sustainable living. Stability became the hallmark of our creation, ensuring that users experience a glitch-free and reliable interface. Scalability, on the other hand, speaks to our anticipation of the app's growth and the increasing number of users it aims to impact.

In essence, the challenges encountered during the development of the Co2 tracker app weren't roadblocks but catalysts for innovation. Our tech wizards, through their expertise and perseverance, transformed hurdles into stepping stones, creating an application that stands at the forefront of technological and environmental empowerment. The Co2 tracker app is not just a tool; it is a testament to the indomitable spirit of our team and our commitment to crafting solutions that transcend challenges and make a lasting impact on the world.

Personalising the Footprint with Tailored Insights

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.
Visualize your weekly data on a simple and intuitive dashboard that provides detailed breakdowns of distance, time, and earned cubes.

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.

Quambio stands as a beacon of personalization, acknowledging that each individual's carbon footprint is a distinct expression of their lifestyle and choices. The tool goes beyond generic solutions, delving into the intricacies of user behavior to provide insights that resonate on a personal level. This approach ensures that the guidance offered is not only relevant but also aligns seamlessly with the user's specific habits and sustainability goals.

The core functionality of Quambio revolves around its capacity to delve into individual data with precision. By harnessing the power of data analytics, the tool dissects the intricacies of each user's carbon footprint, unraveling patterns and habits that contribute to their environmental impact. This meticulous analysis serves as the foundation for the customization that sets Quambio apart, ensuring that the insights provided are not only accurate but also deeply personalized.

The creation of Quambio is a testament to our commitment to user-centric design. It is more than a feature; it is a philosophy that embodies the belief that sustainable living is a personal journey, and the path to reducing one's carbon footprint should be as unique as the individual themselves.

Accessibility through a Diverse and Inclusive User Experience

Quambio is designed as a groundbreaking tool with accessibility at its heart. Our commitment to inclusivity permeates every facet of the app, ensuring that it caters to a diverse audience, regardless of their abilities or technical expertise.
In our pursuit of environmental consciousness, we hold the conviction that everyone, irrespective of their background, deserves the power to comprehend and diminish their carbon footprint.

At the forefront of Quambio's design philosophy is a dedication to accessibility that goes beyond the ordinary. Recognizing the importance of clear communication, the app boasts typography that is not only visually appealing but also easily comprehensible. This deliberate choice ensures that information is presented in a way that is accessible to all users, promoting an inclusive experience that transcends language barriers and cognitive differences.

Color contrast options play a pivotal role in making Quambio an accessible and user-friendly platform. The app offers a range of color schemes that go beyond aesthetics, catering to users with visual impairments or color sensitivities. This thoughtful design consideration ensures that every user can engage with the app comfortably, without hindrance or discomfort.

In an era where diverse modes of interaction are imperative, Quambio integrates voice interaction features to enhance accessibility. Users can navigate the app, input data, and receive information seamlessly through voice commands, providing an alternative and inclusive method of engagement. This feature is not merely an addendum but a deliberate choice to break down barriers and make the app accessible to a wider spectrum of users.

Intuitive layouts form the backbone of Quambio's user interface, ensuring that regardless of technical expertise, every user can navigate the app with ease. The layout is designed to guide users naturally through the functionalities, making interactions straightforward and user-friendly. This simplicity is not a compromise on sophistication but a strategic choice to create an environment where accessibility and technological sophistication coexist harmoniously.

Our commitment to accessibility in Quambio extends beyond mere compliance; it is a dedication to creating a space where every individual, regardless of their abilities, can actively participate in the journey towards a greener lifestyle. By intertwining innovative design elements and a focus on inclusivity, Quambio emerges as a tool that transcends traditional barriers, offering a seamless and empowering experience to users from all walks of life. Through its accessible features, clear communication, and intuitive design, Quambio embodies the belief that the power to reduce one's carbon footprint should be within reach of every individual, fostering a collective effort towards a more sustainable and inclusive future.

Quantifying Change: Measuring the Real-World Impact

Since its launch, Quambio has empowered over 2,000 users to track and reduce their carbon footprints. But the impact doesn't stop there. Quambio inspires, educates, and connects a community of eco-conscious individuals, sparking a ripple effect of sustainable change.


  • Interaction Design
  • Style Guide
  • UI/UX Design
  • Product Strategy
  • Prototyping





Other projects

Discover More

Our Features