« Zurück zum Magazine

Nachhaltige Websites: 10 inspirierende Best Practices

Der Einfluss von Websites auf die Umwelt ist ein viel diskutiertes Thema. In diesem Artikel sehen wir uns 10 inspirierende Beispiele für nachhaltige Websites an, die Ressourcen effektiv nutzen, Energie sparen und gleichzeitig ein erstklassiges Nutzererlebnis bieten.

Vor kurzem haben wir darüber gesprochen, wie sich nachhaltiges Webdesign zunehmend durchsetzt und wie man eine nachhaltige Website  erstellt. Websites haben einen erheblichen ökologischen Fußabdruck, weshalb effizientes Webdesign für Unternehmen weltweit eine wichtige Rolle spielt (oder spielen sollte!).

Nachhaltiges Webdesign bedeutet, die Auswirkungen einer Website auf die Umwelt einzuschränken und dafür zu sorgen, dass Ressourcen effizient genutzt und Energie gespart wird. Im Grunde geht es darum, Websites zu erstellen, die Rücksicht auf uns Menschen und den Planeten nehmen.

Aber wie sieht eine nachhaltige Website in der Praxis aus? In diesem Artikel findest Du 10 Beispiele für Websites, die wichtige Aspekte nachhaltigen Webdesigns umsetzen.

Verbessere die Nachhaltigkeit Deiner Website mit Ryte!

Kostenlosen Termin anfragen

Wie sehen nachhaltige Websites aus und wie funktionieren sie?

Bevor wir uns ein paar Beispiele für nachhaltige Websites ansehen, wollen wir nochmal kurz auf das Thema nachhaltiges Webdesign eingehen.

Wenn es um Deinen ultimativen Leitfaden für umweltfreundliches Webdesign geht, ist das Sustainable Web Manifesto die beste Anlaufstelle. Anhand der sechs Grundprinzipien kannst Du überprüfen, wie nachhaltig Deine Website ist und in welchen Bereichen Du Dich verbessern kannst:

  • Sauber: Die vom Unternehmen angebotenen und genutzten Dienste müssen mit erneuerbarer Energie betrieben werden.

  • Effizient: Die Dienstleistungen und Produkte, die das Unternehmen anbietet, sollten so wenig materielle Ressourcen und Energie wie möglich verbrauchen.

  • Offen: Die Produkte und Dienstleistungen, die das Unternehmen anbietet, müssen einfach zugänglich sein, damit die Nutzer:innen ihre Daten kontrollieren und Informationen offen austauschen können.

  • Ehrlich: Die angebotenen Dienstleistungen und Produkte dürfen die Nutzerinnen und Nutzer weder inhaltlich noch gestalterisch ausnutzen oder in die Irre führen.

  • Regenerativ: Die von dem Unternehmen angebotenen Produkte und Dienstleistungen sollten eine Wirtschaftsstruktur unterstützen, die sowohl den Planeten als auch die Gesellschaft stärkt.

  • Widerstandsfähig: Die Produkte und Dienstleistungen, die das Unternehmen anbietet, sollten an Orten und zu Zeiten funktionieren, an denen die Menschen sie am meisten brauchen.

Bisher haben mehr als zweitausend Menschen das Manifest unterzeichnet und sich damit verpflichtet, die Prinzipien für nachhaltige Websites bei ihrer Arbeit einzuhalten. Deshalb gibt es im Internet schon viele unglaublich nachhaltige Websites. Vielleicht gehört bald auch Deine Website dazu?

10 Beispiele für nachhaltige Websites

Eine ansprechende, nachhaltige Website zu erstellen, kann eine echte Herausforderung sein. Best Practices können Dir dabei als Inspiration dienen. Im Folgenden findest Du deshalb 10 Beispiele für nachhaltige Websites, die wir bei unserer Recherche gefunden haben. Zu jeder Website erklären wir, was genau sie nachhaltig macht.

Einige dieser Websites haben sich dem Manifest verschrieben, während andere einfach für sich Wert auf eine effiziente, nachhaltige Website legen:

1. Manoverboard

man-overboard

Manoverboard ist ein hervorragendes Beispiel für eine Website mit einem nachhaltigen Design.

Erstens ist die Website selbst unglaublich leicht zugänglich und der Nutzer versteht sofort, was zu tun ist. Außerdem ist die Ladegeschwindigkeit sehr schnell, was zeigt, dass sie so wenig Ressourcen und Energie wie möglich verbraucht.

Sie ist auch authentisch und ehrlich in Bezug auf das, was das Unternehmen mit seiner Arbeit erreichen will. Manoverboard ist eine zertifizierte B-Corp, die sich auf umweltfreundliches Webdesign spezialisiert hat. Es macht also Sinn, dass sie zeigen, was sie am besten können und ihren Werten treu bleiben.

2. Mightybytes

mightybytes

Mightybytes ist ein weiterer Mitstreiter des Sustainable Web Manifesto, der „lebt, was er predigt“.

Als Digitalagentur und zertifizierte B Corp ist ihre Website leicht zugänglich. Kunden wissen sofort, welche Dienstleistungen das Unternehmen anbietet. Außerdem wenden sie die Prinzipien der Nachhaltigkeit auf ihre Dienstleistungen und Produkte an.

Mightybytes ist außerdem absolut ehrlich und authentisch und lässt sich nicht auf ausbeuterische Praktiken ein und führt die Verbraucher nicht in die Irre. Mightybytes spendet über “1% For The Planet” 1 Prozent seines Gewinns an unseren Planeten.

Mightybytes nutzt außerdem Ecograder, ein kostenloses Online-Tool, um seine Website zu verbessern. Dieses Tool reduziert den Stromverbrauch, schränkt den Energieverbrauch ein und vermeidet Abfall.

3. Wholegrain Digital

wholegrain-digital

Es sollte nicht überraschen, dass Wholegrain Digital auf der Liste der Beispiele für nachhaltige Websites steht. Schließlich ist ihr Geschäftsführer, Tom Greenwood, der Autor des Buches über „Nachhaltiges Webdesign“ und leitet das Sustainable Web Manifesto.

Die Website von Wholegrain Digital erfüllt alle Kriterien für nachhaltiges Webdesign. Die Botschaften sind klar und deutlich und führen die Verbraucher keineswegs in die Irre. Die Website ist effizient, wenn es um Geschwindigkeit und Ressourcenverbrauch geht.

Sowohl die Website von Wholegrain Digital als auch die von ihnen erstellten Websites sind übrigens 67 % umweltfreundlicher als der Branchendurchschnitt.

4. Fairtrade

fairtrade

Eine weitere Website, die die Prinzipien des nachhaltigen Designs mit offenen Armen empfangen hat, ist Fairtrade.

Eines der wichtigsten Kriterien, die sie erfüllen, ist die Sicherstellung einer “sauberen” Website, die mit erneuerbarer Energie betrieben wird. Die Green Web Foundation, eine gemeinnützige Organisation, hat zertifiziert, dass die Fairtrade-Website mit grüner Energie betrieben wird.

Außerdem ist die Website für den Normalbürger einfach zugänglich und enthält viele verschiedene Bereiche mit hilfreichen Informationen. Auch die Geschwindigkeit der Website ist effizient, was darauf hindeutet, dass sie wenig Ressourcen verbraucht.

Außerdem wird die Arbeit der Organisation sehr gut erklärt, und die Website enthält keine irreführenden Informationen oder Greenwashing-Taktiken.

5. Pearce Marketing

pearce-marketing

Wie Fairtrade hat auch Pearce Marketing die Ehrenplakette der Green Web Foundation erhalten. Ihre Website wird vollständig mit erneuerbarer Energie betrieben!

Auf der Website von Pearce Marketing wird genau erklärt, was das Unternehmen tut – und zwar klar und deutlich. Das Unternehmen hat auch alle anderen Werte und Prinzipien des Sustainable Web Manifesto umgesetzt.

6. Juiced Media

juiced-media

Ein weiteres hervorragendes Beispiel für eine nachhaltige Website, die allerdings nicht zum Sustainable Web Manifesto gehört, ist Juiced Media.

Ihre Website wird zu 100 % mit erneuerbaren Energien betrieben und ist dabei noch genauso schnell wie vor der Umstellung. Und dabei natürlich um einiges umweltfreundlicher.

Die Website von Juiced Media erfüllt alle Kriterien, die im Sustainable Web Manifesto aufgeführt sind.

7. C40 Cities

c40-cities

Unser nächstes Beispiel für eine emissionsarme, ansprechende und superschnelle Website kommt von C40 Cities.

Mit ihrem neuen, nachhaltigen Design konnten sie den CO2-Ausstoß ihrer Website von 6,7 g auf 0,34 g pro Ansicht senken (das sind mehr als 90 % weniger als vor dem Relaunch).

Außerdem erreicht die Website 98% im Google Lighthouse Accessibility Score und die Seitenladezeit beträgt 1,2 Sekunden.

Auf der Website wurden interaktive Funktionen eingebaut, um Kunden den Zugang zu ihren Services zu erleichtern. Mit dem Stadtplan kann man zum Beispiel ganz einfach mehr über eine bestimmte Stadt herausfinden.

8. Impact Management Plattform

impact-management-platform

Die Impact Management Platform ist eine unglaublich kohlenstoffarme Website mit nur 0,19 g CO2 pro Aufruf. Außerdem verfügt sie über viele Funktionen, die für Accessibility, Effizienz und ein hochwertiges Nutzererlebnis sorgen.

Dazu gehören ein leistungsfähiges Suchsystem und eine benutzerdefinierte Favoritenfunktion. Außerdem gibt es ein dynamisches Menü mit einer intuitiven Content Sidebar und einem interaktiven Rad. Die Website ist sehr leistungsfähig und braucht nur 1,3 Sekunden zum Laden der Seiten.

9. Good Energy

good-energy

Die Website von Good Energy ist eine kohlenstoffarme Website mit Storytelling-Komponenten und interaktiven Karten. Das macht die Website unglaublich ansprechend und zugänglich für die Nutzer:innen.

Die Website wird zu 100 % aus erneuerbaren Energien gespeist und verbraucht nur 0,58 g CO2 pro Seitenaufruf. Sie erreicht 100 % beim Google Lighthouse Accessibility Score und die Ladezeit der Seite beträgt nur 1,2 Sekunden.

10. Aliter Networks

aliter-networks

Die Website von Aliter Networks hat ein C02-sparendes Design und wurde mit einem leistungsstarken, benutzerdefinierten WordPress-Framework erstellt. Sie verfügt über benutzerdefinierte Übergänge und ist mehrsprachig. Die Kohlenstoffmenge pro Seitenaufruf beträgt 0,32 g.

Die Website erreicht beim Google Lighthouse Accessibility Score 100 %. Außerdem liegt die Ladezeit der Seite bei 1,4 Sekunden. Insgesamt handelt es sich um eine kohlenstoffarme Website mit einem “sauberen” und effizienten Design und hoher Leistung.

Nachhaltige Websites – abschließende Gedanken

Hast Du vor, eine nachhaltige Website zu erstellen oder Deine bestehende Website umweltfreundlicher zu gestalten? Dann solltest Du als Erstes einen Website-Audit durchführen um einen Überblick über Deine Website zu bekommen.

Als Nächstes solltest Du einen Blick auf die Prinzipien des Sustainable Web Manifesto werfen, um zu prüfen, ob sie auf Deiner Website umgesetzt werden oder ob etwas fehlt.

Erstelle dann eine Roadmap, um die fehlenden Prinzipien umzusetzen. Das kann bedeuten, dass Du zu umweltfreundlichem Hosting wechselst, die Geschwindigkeit Deiner Website verbesserst, Texte anpasst oder Bilder auswechselst.

Wenn Du auf eine nachhaltige Website umsteigst, wirst Du nicht nur Deinen digitalen Fußabdruck verkleinern, sondern auch das Erlebnis Deiner Kunden verbessern. Es lohnt sich also!

Sprich mit einem Ryte Experten über die Optimierung Deiner Website!

Kostenlosen Termin anfragen

Teste alle Features der Ryte WUX Plattform 10 Tage kostenlos.

Veröffentlicht am Oct 20, 2022 von Matt Tutt