Screen Time App Isometric Mockup

Screen Time

Interactive visualisation of the CO2 emissions caused by personal digital use.
This project was aimed at kids and teenagers for an interactive workshop, designed to introduce the younger demographic to the intertwined concepts of digitalization and sustainability. To demystify this complex subject, we utilized relatable analogies, drawing upon Crowther Lab's comprehensive research, to accurately depict the environmental consequences.

The core idea of our tool is straightforward: Users input their daily hours on various apps, and our application estimates the annual CO2 emissions generated. These emissions are then equated to the number of trees required to offset this carbon footprint, emphasizing the age factor, since older trees are more effective in carbon absorption. Additionally, a unique feature allows users to modify the tree age, underscoring the importance of not just planting new trees, but preserving and safeguarding our existing forests.

By showcasing a prominent CO2 score, we hope to foster conversations among peers, as they compare their digital carbon footprints. The design aesthetics are a nod to the early days of digitalization, bridging the subject matter and the visual style.

Rolle

Interaction Designer, User Experience Designer, User Interface Designer, Developer

Team

Eleonora Bonorva, Thore Reigber, Miguel Seabra

Tools

Miro, Figma, Premiere Pro, HTML, CSS, Javascript

Collaboration

Crowther Lab
Pond
HSL: 159, 76, 67
RGB: 106, 235, 189
HEX: #6AEBBD
Royal Blue
HSL: 266, 73, 62
RGB: 230, 100, 64
HEX: #4664FF
Soft Lilac
HSL: 300, 100, 91
RGB: 255, 211, 255
HEX: #FFD3FF
Olive Yellow
HSL: 61, 69, 60
RGB: 221, 223, 83
HEX: #DDDF53
Alpha Lyrae - Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
FK Raster Grotesk - Sharp
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Screen Time User Interface