Julia Sinner — Visual Design

CO2L
Case Study

A scene from the CO2L app showing the start screen of the app.
CO2L is a carbon footprint calculator that allows users to identify their own CO2 emissions. Through an interactive query, they receive their personal results.
The aim is to convey the subject matter with a positive visual appearance and a casual tone of voice, making it motivating and entertaining.

After extensive research and analysis of other footprint calculators, I have created screen designs for the mobile version of the calculator. The final product is an attractive and user-friendly calculator that presents the topic of carbon footprint in a new light.
2023
Figma
UX/UI Design Bootcamp
A floating smartphone that displays a screen with a question about personal nutrition. A floating smartphone that displays a screen with a question about personal nutrition.
Challenge
Our challenge was to design a new CO2 footprint calculator app through a detailed analysis of existing apps, identifying their features, functionalities, and shortcomings.
Solution
I designed an app that stands out among competitors, focusing on fun and ease of use. While the design is intended to motivate, the questions are clear and understandable, making the learning process both informative and enjoyable.
Competitive analysis
After conducting a SWOT analysis on CO2 footprint calculators, I noticed most calculators are effective in raising environmental awareness but often fall short in providing engaging interfaces and personalization, reducing their attractiveness. However, I see a significant opportunity to enhance the user experience by incorporating gamification and improving personalization.
Strengths
Light purple arrow pointing to the right.
Raises environmental awareness
Light purple arrow pointing to the right.
Provides easy access for users
Light purple arrow pointing to the right.
Offers rich information on emissions
Light purple arrow pointing to the right.
Acts as a catalyst for sustainable behavior
Weaknesses
Light purple arrow pointing to the right.
Lacks entertaining and engaging user experience
Light purple arrow pointing to the right.
Offers limited personalization
Light purple arrow pointing to the right.
Can overwhelm users with complexity
Light purple arrow pointing to the right.
Limited global and cultural adaptability
Opportunities
Light purple arrow pointing to the right.
Gamification to enhance fun and engagement
Light purple arrow pointing to the right.
Advanced personalization for relevance
Light purple arrow pointing to the right.
Educational integration for broader reach
Light purple arrow pointing to the right.
Seamless integration with smart devices and platforms
Threats
Light purple arrow pointing to the right.
Growing competition in the market
Light purple arrow pointing to the right.
Potential user disinterest due to dry presentation
Light purple arrow pointing to the right.
Technological advancements requiring continuous updates
Light purple arrow pointing to the right.
User trust and data credibility issues
A smartphone with a screen from the app with an introduction to the next category Travel. A smartphone with a screen from the app with an introduction to the next category Travel.
Design System
Components that were created for the design of the interface. Typography used in the CO2L app.Display of the colors used in the CO2L app.
UI Design
Two floating smartphones showing subpages of the app: A question during the process and the page with the final result.Two floating smartphones showing subpages of the app: A question during the process and the page with the final result.
A selection of screen designs from the CO2L app.