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.
The Outcome
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 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.
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.
