Blog / Sustainable web design

How does design affect carbon footprint? - Presentation, Zablocie Design Park, Oct 27 (meetup).

dodo-pictogram

Author

Tomasz Osowski

Updated

Read time

As Dodonut, we draw knowledge from free resources available online. We want to share all this knowledge so that more people can think about creating a sustainable web. Therefore, when we received an invitation to the Zablocie Design Park event, we were more than happy to prepare a presentation on sustainability.

Tom, our Lead Designer, delivered a speech entitled "How design affects carbon footprint". Unfortunately, the lecture at the event was in Polish. As soon as the video is out, we will make sure to share the link with you. Auto-translation may help you understand the concept.

In the meantime, we give you a presentation with a wealth of footnotes and exciting resources that can be useful, even without additional commentary.

How does design affect carbon footprint?
How does design affect carbon footprint?

Here is the link to our presentation (Figma link)

All the references are below:

  1. Fig 1 The left graph illustrates emissions since we started mining coal, and the right chart shows the greenhouse effect.
    1. globalchange.gov, October 26, 2022,
    2. dodonut.com/zdp/01
  2. Fig 2. How much will the temperature increase by 2100?
    1. B. Gates - "How to avoid a climate disaster?", 2021
    2. dodonut.com/zdp/02
  3. Increase in average temperature by only 4 degrees °C
    1. "What is a four °C world?", Carbonbrief.org , November 22, 2012
    2. dodonut.com/zdp/03
  4. It is estimated that by 2040 the Internet will account for 14% of energy demand.
    1. L. Belkhir, A. Elmeligi, "Assessing ICT global emissions footprint: Trends to 2040 & recommendations", in: "Journal of Cleaner ProductionVol. 177, 10 March 2018
    2. dodonut.com/zdp/04
  5. What is sustainability?
    1. "What is Sustainability?", sustain.ucla.edu, October 26, 2022
    2. dodonut.com/zdp/05
  6. We won't replace airplanes with hot air balloons
    1. "Why don't we have electric aircraft?", sustain.ucla.edu, September 20, 2019
    2. dodonut.com/zdp/06
  7. Slack Sustainability UX
    1. Slack - Sustainable UX
    2. dodonut.com/zdp/07
  8. SDGs
    1. "Do you know all 17 SDGs?", sdgs.un.org, October 26, 2022,
    2. dodonut.com/zdp/08
  9. How do we generate a digital footprint?
    1. "What is the website carbon footprint?", August 31, 2022, dodonut.com
    2. dodonut.com/zdp/09
  10. 20kb less
    1. Danny van Kooten, “CO2 emissions on the web”, dannyvankooten.com, August 31, 2022
    2. dodonut.com/zdp/10
  11. Fig 3. Efficiency of power grids g/kWh
    1. Greenhouse gas emission intensity of electricity generation, eea.Europa.eu
    2. dodonut.com/zdp/11
  12. A printed agenda Carbon Footprint
    1. H. Pihkola, M. Nors, M. Kujanpää I in., "Carbon footprint and environmental impacts of print products from cradle to grave", 2010
    2. dodonut.com/zdp/12
  13. Digital Beacon results for DesignWays.io.
    1. Digitalbeacon score for the Agenda website, October 26, 2022 digitalbeacon.co
    2. dodonut.com/zdp/13
  14. Fig 4. Traffic on designways.io during the conference period
    1. Public profile of designways.io on September 19-20, 2022 on Statsy.com, October 26, 2022
    2. dodonut.com/zdp/14
  15. Digital Beacon results for DesignWays.io
    1. Digitalbeacon score for Infoshare.pl website, October 26, 2022, digitalbeacon.co
    2. dodonut.com/zdp/15
  16. Useful tools for measurement
    1. Tools list
    2. More at dodonut.com/zdp/16
  17. A book - Designing for Sustainability
    1. T. Frick, "Designing for Sustainability", Oreilly 2016
    2. dodonut.com/zdp/17
  18. A book - Sustainable Web Design
    1. T. Greenwood, "Sustainable Web Design", A book Apart 2021
    2. dodonut.com/zdp/18
  19. A book - G. McGovern, "World Wide Waste", Silver Beach 2020
    1. G. McGovern, "World Wide Waste", Silver Beach 2020
    2. dodonut.com/zdp/19
  20. Median page weight
    1. Total page size, httparchive.org, October 26, 2022
    2. dodonut.com/zdp/20
  21. Case study Alpro Foundation
    1. Case study Alpro Foundation, dodonut.com, October 26 2022
    2. dodonut.com/zdp/21
  22. Limit analytics
    1. Ch. Butterworth, "Guide to using analytics for performance and privacy", Wholegraindigital.com, February 28, 2020
    2. dodonut.com/zdp/22
  23. Formats matter
    1. Estimation was done using https://ezgif.com/jpg-to-avif
    2. dodonut.com/zdp/23
  24. The dark mode is no bull (usually)
    1. L. Tung, "Google: Here's why dark mode massively extends your OLED phone's battery life", www.zdnet.com, Nov. 9, 2018
    2. dodonut.com/zdp/24

Conclusion

We hope you find this helpful. We are working on a References page with all the resources we use in our work. We believe a repository of valuable articles like "Why 4 degrees" will be useful for many of you. It will be launched soon!

Resources

This article emits ~0.04g of CO2.

Newsletter

Let’s create
digital together

Latest Articles

Discover ideas and insights from our journey to make the web greener and create better digital experiences.

See all 8 articles

Create website that works for both people and the planet.