Introduction
The objective of this e-learning module is to promote eco-design of digital services by taking into account the perspective of a low-tech internet.
Contents
Lesson 1
-
Does “Digital” equal “Green” ?
- Notion 1 - What´s the environmental impact of the digital world?
- Notion 2 - Sizing up Internet´s carbon emissions.
- Notion 3 - What is the environmental impact of our working habits? (devices)
- Notion 4 - What is the environmental impact of our working habits? (services)
- Notion 5 - Design is where sustainability happens.
- Notion 6 - Review of the main concepts.
Lesson 2
-
Understanding digital sobriety
- Notion 7 - What does digital sobriety mean?
- Notion 8 - Blue and green economies
- Notion 9 - How can a digital sobriety concept be introduced in companies?
- Notion 10 - How to reduce your carbon footprint as a user by improving your working habits
- Notion 11 - What devices can we give preference to?
- Notion 12 - The main challenges to digital sobriety
- Notion 13 - Key facts about digital pollution and benefits for your business!
- Notion 14 - What are the benefits of digital sobriety for customers?
- Notion 15 - Review of the notion
Lesson 3
-
The main principles of sustainable web design
- Notion 16 - What is sustainable web design and its main principles?
- Notion 17 - Become a Carbon-Aware Designer
- Notion 18 - Web design strategies also involve the Content & Marketing department
- Notion 19 - Evaluate & recognize a sustainable website from an unsustainable one (case analysis: 1 to 3) • a website with cluttered JavaScript • a website with heavy media • a non-responsive website
- Notion 20 - You’re ready: The Sustainable Web Manifesto.
- Notion 21 - Review of sustainable web design and its main principles
Lesson 4
-
Getting started with your eco web design: choose the right web host
- Notion 22 - How your website is supported: Domain- Host – Server – Data centre.
- Notion 23 - What is green web hosting and which criteria you should look for when choosing a green web host?
- Notion 24 - PUE rating and efficient web applications.
- Notion 25 - Best eco-friendly hosting to consider.
- Notion 26 - Self-hosting, a good idea?
- Notion 27 - Review/assessment
Lesson 6
-
Content first
- Notion 33 - Content strategy (objectives, audience, and purpose).
- Notion 34 - Think inclusive and equitable design (JEDI practises).
- Notion 35 - Why and how you should avoid Dark Patterns.
- Notion 36 - Accessible content.
- Notion 37 - Content´s expiry date.
- Notion 38 - SEO and keywords.
- Notion 39 - Case analysis: Less is more. (https://a-k-apart.com/)
- Notion 40 - Review / assessment
Lesson 7
-
Web fonts, colour pattern and sustainability
Lesson 8
-
Image optimization and lazy loading
- Notion 47 - The difference between raster & vector images.
- Notion 48 - Select the correct file type.
- Notion 49 - Adjust the quality of an image.
- Notion 50 - Understand image compression.
- Notion 51 - Use CSS sprites.
- Notion 52 - What’s the new WebP format?
- Notion 53 - Tools for image optimization.
- Notion 54 - Review/assessment
Lesson 9
-
Optimizing audio & video for the web
Lesson 10
-
Mobile first as a sustainable strategy
Lesson 11
-
Collecting data from visitors
Lesson 13
-
Website technologies
- Notion 77 - Static and dynamic webpage: what are the differences?
- Notion 78 - How databases work and what their ecological impact is
- Notion 79 - Is a static website a solution for web eco-design?
- Notion 80 - What is a CMS?
- Notion 81 - What is WordPress?
- Notion 82 - Why optimize your WordPress?
- Notion 83 - How to optimize WordPress?
- Notion 84 - How to turn WordPress into a static website
- Notion 85 - Check your understanding of the main concepts of the lesson.
Lesson 14
-
To go further, some code practices
- Notion 86 - Introduction to eco web design code practices with The Good Manager project
- Notion 87 - Clean code for energy efficiency
- Notion 88 - Asynchronous code: do more, in less time
- Notion 89 - More efficient and less resource-intensive servers
- Notion 90 - Manage your server workload
- Notion 91 - Using external libraries: the example of Bootstrap CDNs
- Notion 92 - Code practices review
Lesson 16
-
Tools to check your website sustainability score
- Notion 97 - How to calculate a website’s carbon footprint
- Notion 98 - How to determine whether a website uses a green web host
- Notion 99 - Can you evaluate the carbon footprint and hosting sustainability of a website yourself?
- Notion 100 - How to check for other web sustainability metrics
- Notion 101 - Can you evaluate other sustainability metrics of a website yourself?