Project Scope
The goal of this project - crafted for a B2B SAAS startup specializing in carbon accounting solutions - was to design an intuitive and user-friendly dashboard that provides insights into a company's carbon emissions. The dashboard should effectively communicate crucial KPIs, including total emissions, emissions per employee, and emissions in each category.
My Role
I was the sole Product Designer for this project and was responsible for working on sketches, wireframes and final designs.
Goals
My goal with my final design was to deliver a user-friendly experience while keeping all crucial information easily accessible and understandable. I successfully achieved that by relying on UX principles and performing iterations until reaching desirable results.
User Priorities
• Being able to easily understand the information provided.
• Have access to different categories in which the carbon emissions of the company are divided into.
• Have a clear vision of impacts and possible ways to reduce them.
Design Choices
• I opted for a dark-themed design, in order to align with the company's goal of being more sustainable.
• Used charts to better display the information - making it easier to understand.
• Expanded the dashboard into different tabs, giving the user the chance to explore sub-categories while providing more insights.
Early Skecthes
Wireframes
Final Designs
Overview
The goal of this tab was to have an overview of all the categories. Each category can be filtered by date, to provide easy access to information from different timeframes. I also added a monthly recap section where all the information from the current month can be easily accessed. The sub-menu on top provides access to the other dashboard tabs, that go in depth into each category. Every page also features a side-menu that allows users to access other pages of the platform.
Total Emissions
The Total Emissions tab focuses on providing an overview of all the emissions categories, combined. The user can see information on the total emissions, emissions avoided and also information on a reduction plan tailored for their company.
Emissions Per Employee
The Emissions Per Employee tab provides information about emissions per employee of the company. In order to go more into detail, I divided the emissions into different departments in the company, allowing for easy understanding of employees from what department are contributing with more and less carbon emissions.
Emissions in Each Category
The Emissions in Each Category tab allows the user to better understand how each category - Energy Consumption, Transportation, Manufacturing Processes - contributes to the company's carbon emissions. All the information is displayed on charts for easy visual understanding. The Latest Emissions section would also provide updates on real time about emissions from each category displayed.
You can access the Figma file here if you want to see all the details of the design.
