Nachhaltigkeits-Scores in Designsystemen

2025 ist digitale Nachhaltigkeit ein Business-KPI. Der 'Digital Carbon Footprint' ist Teil des ESG-Reportings großer Unternehmen. Denn das Internet verbraucht mehr Strom als ganze Länder – und Designer können etwas dagegen tun.

• Internet-Stromverbrauch: 416 TWh/Jahr (mehr als UK)
• CO₂ pro Seitenaufruf: 1,76g (Durchschnitt)
• 1 Video-Stream (HD, 1h): ~36g CO₂
• Weltweite ICT-Emissionen: 2-4% (mehr als Luftfahrt!)
• Prognostiziert 2030: 8% aller globalen Emissionen

| Faktor | Anteil | Beeinflussung durch Design | |--------|--------|---------------------------| | Rechenzentren | 15% | Mittel (Bildgrößen, Caching) | | Netzwerke | 20% | Hoch (Datenmenge) | | Endgeräte | 65% | Hoch (Rendering, CPU-Last) |

• Schwarze Pixel = ausgeschaltete Pixel bei OLED
• Energieeinsparung: bis zu 60% bei dunklen UIs
• Apple & Google empfehlen 'Dark First'

• 1 Variable Font = 10+ statische Varianten
• Einsparung: ~100KB pro Seite
• Roboto Flex: 1 File statt 18

• AVIF: 50% kleiner als WebP, 80% kleiner als JPEG
• Bei gleichbleibender Qualität
• Browser-Support 2025: >95%

• Bilder, Videos, Iframes: Erst laden wenn sichtbar
• `loading='lazy'` – ein HTML-Attribut, große Wirkung

• Video-Autoplay: 100x mehr Daten als Standbild
• Click-to-Play reduziert Datenverbrauch um 90%+

• -apple-system, BlinkMacSystemFont, 'Segoe UI'...
• 0 KB Download, perfektes Rendering

• Icon-Font: ~50KB
• 20 SVG-Icons inline: ~5KB

• `@media (prefers-reduced-motion: reduce)`
• Weniger Animation = weniger CPU = weniger Energie

• Jede Komponente hat ein 'Performance-Budget'
• Max. 50KB JavaScript pro Feature
• Lighthouse-Score als Akzeptanzkriterium

• Automatisch ressourcensparende Variante bei:
• • Niedrigem Akku
• • Schlechter Verbindung
• • 'Data Saver' aktiviert

• Serverfarmen mit 100% Erneuerbare
• Minimalistisches UI ohne Tracking
• ~4g CO₂ pro Suche (vs. 7g bei Google)
• 200+ Mio. Bäume gepflanzt

• 'Diese Website läuft auf grünem Strom'
• The Green Web Foundation Zertifizierung

• 'Diese Bestellung verursacht Xg CO₂'
• 'Kompensieren für 0,50€?'
• Patagonia: +23% Kompensations-Opt-Ins

• Schnellere Seiten = bessere Conversion
• Walmart: +2% Conversion pro 1 Sekunde Ladezeit
• Google: Page Speed ist Ranking-Faktor
• Nachhaltigkeit als Markenversprechen (Gen Z!)

Nachhaltigkeit ist kein Kompromiss mehr – sie ist ein Qualitätsmerkmal.