Back

Providing privacyto companies

UX DesignUX ResearchB2BMVP

Client

Code Carbon

Role

Product Designer

Location

Remote

Tools

Figma, Miro

Overview

Code Carbon is an award winning open source software that helps anyone measure CO2 emissions from computing efforts. The task at hand was to prepare an interface that would allow personal dashboards for any account and provide concise data in an informative way.

Code Carbon dashboards

A retro UIthat simplifies flows

I was tasked to provide a new UI and display the data in a way that could be easy to relate, besides deciding how teams would work with their projects and differentiated dashboards as well as the hierarchy in access. The result was a retro UI that simplifies these flows in a very simple and straightforward way.

The Outcome

The process

Understanding needs I started by briefing and interviewing stakeholders to understand what was the type of user that would have an interest in the availability of the dashboards, what was the information that we were able to measure and find ways to better display these snippets so the CO2 produced is clear at plain sight. Sketching alongside team I reunited with the team in several iterations to decide what was the look and feel, the correct flows that were needed and we would also have check ups with developers to make sure what we wanted was something that was feasible to implement. Leaving guides & styling I prepared some styling guidelines for the new look and also shared some streamlined methods to work with in the future.
Understanding needs

Conclusion

To have a good design is to have a good conversation. This is something that needs to come out of the culture of the company behind the product. Good communication allows for faster and better improvements. Understanding what already works and deeply searching the why it works allows us to settle into the context and perform according to the needs we have at hand for both the users and the business.

Conclusion