The document discusses the launch of the 1508 carbon audit tool, aimed at reducing the carbon footprint of websites through low carbon design principles. It outlines a series of workshops, design approaches, and tools to help designers and clients create sustainable digital experiences while also engaging in responsible design practices. The document emphasizes the importance of measuring and improving website performance metrics to achieve sustainability goals.

1. 1508
Launch: 1508
Carbon Audit Tool
Morgenbooster 14.08.2024

2. 1508
Hello ✋
Kristine
UX designer
Per
Developer
Andreas
Designer

3. 1508
Agenda 01 The journey of low carbon design in 1508
02 Design approach
03 Introducing our new tool

4. 1508
Morgenboosters have been presented
Why is the internet emitting CO2 and what is
low carbon design?
01 The journey of low carbon design in 1508
19.04.2023: Don’t Click This 25.10.2023: Lowww: How to design for a low carbon
world wide web
How can the principles of low carbon design be
implemented in a real life case?

5. 1508
Workshop formats have been tested
How might we review, redesign and think
creatively using low carbon design?
01 The journey of low carbon design in 1508
04.12.2023: Responsible Design Thinking course 22.03.2024: Low Carbon Design workshop at UX
Copenhagen
How might we review, redesign and think
creatively using low carbon design?

6. 1508
Low carbon design checklist has
been updated 50 times
01 The journey of low carbon design in 1508

7. 1508
Our clients have launched low
carbon websites
01 The journey of low carbon design in 1508

8. 1508
Our own low carbon website has
been launched
01 The journey of low carbon design in 1508

9. 1508
Workshop formats have been tested
Prioritising what elements to include on
a website when the number of mB
allowed is limited to understand what
has an impact.
01 The journey of low carbon design in 1508
Page weight budgetting Assessment survey
Manually evaluating a website looking
at all relevant elements of it to identify
potential for improvement.
Reversed brainstorming
Ideating on the most polluting solutions
to open up the creative space for
ideating on low carbon design early in
the process.

10. 1508
Many challenges have (not) been overcome
Communicating what has a bigger and
smaller impact when it depends on so
many details.
01 The journey of low carbon design in 1508
Perspective Numbers vs humans
Combining users’ needs, goals and
feelings with meaurable things like
page weight etc.
Early ideation
Maintaining an open creative space
when ideating at a stage where things
can’t be measured.
Making low carbon design a nice
creative constraint instead of an
annoying obstacle.
Loving it

11. 1508
W3Cs Web Sustainability Guidelines
01 The journey of low carbon design in 1508

12. 1508
01 The journey of low carbon design in 1508

13. 1508
What is the purpose?
Reduce the carbon footprint of the
internet
The overall goal is to reduce the energy
consumption of the websites we design
and of all websites in general.
Teach people about the concept of
low carbon design
To give the users an idea about what to
look for when assessing a website as
well as how to interpret it.
Show an example of cool low carbon
design
To be a living example of how designers
can work with low carbon design.
01 The journey of low carbon design in 1508

14. 1508
Who are the users (perhaps)?
Us, for a start
We want to challenge ourselves and be
critical about the websites we design
and develop.
Our clients
We want to give our clients the best
possible advice on how to reduce the
carbon footprint of their websites.
Any designer, developer and editor
We want everyone who has the
mandate to reduce the carbon footprint
of the internet to be able to do that.
01 The journey of low carbon design in 1508

15. 1508
Creating the design with
a low carbon mindset
Going from a constraint to a guiding
principle for digital design.
02 Design approach

16. 1508
Experience what comes first
02 Design approach
Low carbon

17. 1508
Design first
02 Design approach
Design elements
Interactions Video Transitions Images Animations E
ff
ects Fonts

18. 1508
Design first
02 Design approach
Design elements
Interactions Video Transitions Images Animations E
ff
Fonts

19. 1508
Design first and
Low carbon,
also first
02 Design approach

20. 1508
If this then
(not) that
02 Design approach
Having an awareness about the sizes of
di
ff
erent elements

21. 1508
Web sustainability index
02 Design approach
Design goal Showcase that it is doable to create sites that doesn’t
have a static feel while still being planet friendly

22. 1508
02 Design approach
Frontpage Infinite scroll. Greyscale. Easy access to information

23. 1508
02 Design approach
One key visual Re-using our key visual on all subsites

24. 1508
02 Design approach
- Video
+ Animation
- Colours (almost)
+ Type
- Photos
+ Transitions

25. 1508
Introducing our new tool
Why, what and how?
03 Introducing our new tool

26. 1508
03 Introducing our new tool
The famous one
(Website Carbon Calculator)
Carbon calculator Carbon footprint
Why?
The dubious calculators

27. 1508
03 Introducing our new tool
Hosting provider Website Carbon Calculator

28. 1508
03 Introducing our new tool
The Green Web Foundation

29. 1508
03 Introducing our new tool

30. 1508
03 Introducing our new tool

31. 1508
03 Introducing our new tool
Really
...
?
Source:
https://www.datacenterdynamics.com/en/news/amazon-
sta
ff
-say-company-is-distorting-the-truth-on-
renewable-energy-progress/

32. 1508
03 Introducing our new tool
The formula used by most calculators
Source: sustainablewebdesign.org

33. 1508
03 Introducing our new tool
Nerd alert!
1 GB ≈ 0.3 kWh
Source:
https://www.sciencedirect.com/science/article/pii/S019689042300571X
Number of websites on earth: 1,1 billion
Source:
https://www.netcra
ft
.com/blog/july-2024-web-server-survey/
Average page-weight: 2.6 Mb
All front-pages in the world: 2.9 million Gb
Loading all front-pages in the world: 861.252 kWh
Total Co2 emission: 107 tons

34. 1508
03 Introducing our new tool
What does it measure?
PAGE WEIGHT
+ distribution of asset types and their relative weight
PERFORMANCE
Metrics from Page Speed Insight (Google)
BENCHMARK
Compares your measurements with other danish
companies in the sector. (pulled from a list of danish
stock market companies)
EMISSION
Using nowtricity.com, we calculate emissions real
time based on current energy sources in Denmark
RECOMMENDATIONS
User Experience, Hosting, Web Development

35. 1508
03 Introducing our new tool
Wishes for the future
Test with users
We want to test if the tool makes sense to people
outside 1508.
Make it international
Global numbers
Accessibility features
New standards coming soon
Compare subpages
We want the user to be able to compare several
subpages of a website.
Download report
Take it with you

36. 1508
03 Introducing our new tool
websustainabilityindex.com
Please try it out and get back to us with any feedback
you might have!