Nachhaltiges Webdesign: Inspiration aus einem Buch von Tom Greenwood

Nachhaltigkeit im Design? Klingt kompliziert, oder? Als ich das Buch "Nachhaltiges Webdesign" von Tom Greenwood gelesen habe, hatte ich so viele Aha-Momente, dass ich es einfach umsetzen musste. Lass mich dir erzählen, wie ich Webflow und ein paar einfache Prinzipien nutze, um Projekte nicht nur schneller und effizienter, sondern auch umweltfreundlicher zu gestalten.

Illustration von einem Pfeil der nach rechts oben zeigt
Illustration von einem Pfeil der nach rechts oben zeigt
Illustration von einem Pfeil der nach rechts oben zeigt
Illustration von einem Pfeil der nach rechts oben zeigt

Wie ein Rucksack und ein Buch meine Sicht auf nachhaltiges Design komplett verändert haben

Nachhaltigkeit im Webdesign? Klingt erstmal nach einem Konzept, das eher was für Öko-Ingenieure ist, oder? Aber hey, was wäre, wenn ich dir sage, dass "nachhaltig" nicht nur der Umwelt hilft, sondern auch deine Designs und Websites schneller macht? Genau diese Aha-Momente hatte ich, als ich das Buch "Nachhaltiges Webdesign" von Tom Greenwood gelesen habe.

Von dem Moment an, als ich den Vergleich zwischen dem Packen für eine Rucksackreise und dem Erstellen effizienter Websites las, wusste ich: "Das ist es!" In diesem Artikel nehme ich dich mit auf meine Reise, wie das Buch meine Design-Strategien umgekrempelt hat und wie ich Webflow und nachhaltige Prinzipien nutze, um Projekte nicht nur schnell und effizient, sondern auch umweltfreundlicher zu gestalten.

Mein Aha-Moment: Ein Buch und ein Rucksack voller Erkenntnisse

Einer der ersten Aha-Momente beim Lesen von Tom Greenwoods Buch? Der Vergleich, der mich sofort angesprochen hat: Er beschreibt das Erstellen von Webseiten wie das Packen für eine Reise. Das hat mich direkt an meine eigenen Reisen erinnert – sei es beim Backpacking durch Indonesien, beim Wandern in Schweden oder während meiner Zeit auf Hawaii. Ich hatte mehr als einmal den Moment, in dem ich mir mit einem übervollen Rucksack wünschte: "

Warum habe ich bloß so viel eingepackt?"

Wenn man wirklich alles tragen muss, überlegt man sich zweimal, ob die Yogamatte oder der Smoothie-Maker wirklich nötig sind. Und genau so sollte man auch an Webdesign herangehen: Minimalistisch, effizient und mit Bedacht.

Warum habe ich bloß so viel eingepackt?

Genau das ist der Kern von Greenwoods Idee: Wir sollten Websites so bauen, als müssten wir jede einzelne Kilobyte selbst schleppen. In der Webentwicklung, genauso wie beim Backpacken, zählt Effizienz. Was wir brauchen, bleibt. Was überflüssig ist, fliegt raus. Stattdessen packen wir oft viel zu viel Schnickschnack in unsere Websites, einfach weil es „bequem“ ist – genauso wie das Packen für eine Autoreise, bei der wir den Kofferraum vollstopfen, nur weil wir es können.

Wie ich Nachhaltigkeit in meinen Designprozess integriert habe

Greenwoods Buch hat mich nicht nur dazu gebracht, mein Design grundlegend zu überdenken, sondern auch, wie ich Webseiten baue. Die vielleicht größte Veränderung in meinem Prozess war, den „Daten-Fußabdruck“ meiner Projekte zu minimieren – genau wie beim Rucksack packen.

Statt große Bilddateien unreflektiert hochzuladen, habe ich mir Photoshop geschnappt und den „Sweet Spot“ gesucht: Die perfekte Balance zwischen Bildqualität und der kleinstmöglichen Dateigröße. WebP-Konvertierung? Ein Muss! Dank der schnellen und intuitiven Möglichkeiten in Webflow konnte ich diese Praxis direkt umsetzen. Durch Tools wie Uploadcare konnte ich die Bildgrößen sogar um bis zu 80-90% reduzieren, ohne die Bildqualität zu ruinieren.

Wie effektiv das ist? Frag meine Kunden! Die Ladezeiten ihrer Seiten sind drastisch gesunken und die Benutzererfahrung hat sich stark verbessert. Und wir wissen ja: Schnellere Ladezeiten führen zu besseren Conversion Rates. Ich verlinke hier mal meinen Blogartikel über die Vorteile der WebP-Konvertierung in Webflow – glaub mir, es ist ein Game-Changer!

Nachhaltigkeit = Benutzerfreundlichkeit, CO2-Reduktion & Ladezeit

Was mir während meiner eigenen Arbeit immer klarer wurde: Nachhaltigkeit im Webdesign ist mehr als ein Trend. Es ist das unsichtbare Bindeglied zwischen drei essenziellen Aspekten, die sich gegenseitig bedingen:

  • Optimierte Ladezeiten: Weniger Daten bedeuten schnellere Seiten, was sowohl die Benutzerfreundlichkeit als auch die Umweltfreundlichkeit verbessert.
  • CO2-Reduktion: Je weniger Ressourcen eine Website verbraucht (Stichwort: Datenübertragung), desto geringer der Energieverbrauch und der damit verbundene CO2-Ausstoß.
  • Benutzerfreundlichkeit: Durch die Minimierung unnötiger Inhalte wird die Navigation klarer, was den Nutzern hilft, schneller ans Ziel zu kommen – und damit auch den Stromverbrauch senkt.

Tom Greenwood bringt es perfekt auf den Punkt: „Wir gestalten Websites wie eine Autoreise, aber wir sollten denken wie Backpacker.“ Das hat mich besonders inspiriert, meine Projekte von Grund auf anders anzugehen. Jeder Button, jedes Bild, jeder Text wird jetzt hinterfragt: Brauchen wir das wirklich? Oder können wir es weglassen?

Ein Zitat aus dem Buch, das mir besonders im Kopf geblieben ist, lautet:


"Can we live without it?"

Genau das frage ich mich jetzt bei jedem neuen Design- und Website-Projekt.

Webflow – mein nachhaltiger Partner

Einer der Gründe, warum ich mich auf Webflow spezialisiert habe, ist die Synergie zwischen schnellem Arbeiten und nachhaltigen Ergebnissen. Websites sind blitzschnell entwickelt, und durch die Hosting-Optionen sind sie auch extrem effizient. Mit Webflow bin ich in der Lage, Webseiten viel schneller zu erstellen und zu pflegen, ohne dass die Qualität darunter leidet.

Die Automatisierungen, die Webflow bietet, machen das Ganze umso einfacher. Zum Beispiel die Möglichkeit, Bilder direkt in WebP umzuwandeln. Dieser Schritt spart sowohl Zeit als auch Energie und ist ein Paradebeispiel dafür, wie Nachhaltigkeit und Effizienz Hand in Hand gehen können.

Ich habe auch Zitate von Webflow Success Stories, die genau das unterstreichen:

  • "Now that the team has the flexibility and speed with Webflow, they’re able to increase the velocity of their web builds. In 3 months, the team launched more than 6 pages, compared to 3 the entire previous year." Link zur Quelle
  • "Marketing gains the flexibility to deliver web experiences 3x faster." Link zur Quelle

Das zeigt eindrucksvoll, wie Webflow sowohl Effizienz als auch Nachhaltigkeit fördert. Schnelleres Hosting, effizientere Bilder – alles trägt zu einer nachhaltigeren Webseite bei.

Erfolg messen: Tools und Feedback

Erfolge messe ich nicht nur anhand der schnelleren Ladezeiten oder zufriedenen Kunden, sondern auch mit handfesten Tools. Ein Ecograder-Test, Google PageSpeed Insights und der Website Carbon Calculator geben mir eine objektive Einschätzung darüber, wie „grün“ eine Webseite tatsächlich ist.

Erst kürzlich habe ich bei einem Projekt durch die Nutzung von Uploadcare 80-90% der Bildgrößen reduziert und das hat sofortige Wirkung gezeigt: bessere Ladezeiten, weniger Datenverbrauch und eine verbesserte Conversion-Rate. Ich bin stolz darauf, dass sich meine Kunden nicht nur über schnellere Websites freuen, sondern auch ihren Teil zum Umweltschutz beitragen.

Hier ein Ausschnitt aus einem LinkedIn-Post, den ich dazu geschrieben habe:

"As a sustainable Webdesign expert, I’m especially proud of one key achievement: optimizing our platform’s data footprint. Using Uploadcare, we reduced image sizes by up to 80-90% and saved thousands of user photos outside of Webflow, drastically improving page load speeds. This not only enhanced user experience but also minimized the environmental impact by reducing data load."

Fazit: Meine Reise zu einem nachhaltigen Design und Webentwicklung

Das Buch "Nachhaltiges Webdesign" hat mir die Augen geöffnet – ich bin nicht nur Designer und Webentwickler, sondern auch jemand, der einen Unterschied machen kann. Durch kleine, aber gezielte Veränderungen im Designprozess und den Einsatz von Tools wie Webflow und Uploadcare schaffe ich es, Webseiten nicht nur benutzerfreundlicher, sondern auch nachhaltiger zu gestalten.

Das Schöne daran? Nachhaltiges Design ist nicht nur gut für die Umwelt – es ist auch gut fürs Geschäft. Schnellere Seiten bedeuten zufriedene Kunden, bessere SEO und am Ende des Tages: mehr Erfolg.

Oliver Mackeldanz

Ich schätze es sehr, dass du dir die Zeit genommen hast, meinen Blogbeitrag zu lesen. Als Experte für nachhaltiges Webdesign und Webflow-Entwicklung arbeite ich daran, CO2-sparende Websites mit exzellenter Performance zu erstellen. Mein Ziel ist es, mit schnellen Ladezeiten und effizienten Lösungen nachhaltige Erlebnisse zu schaffen. Neben meiner Leidenschaft für Webdesign habe ich eine Vergangenheit als professioneller Basketballspieler in Deutschland – eine Erfahrung, die mich auch heute noch prägt.

Fragen offen?
Lass uns das klären!

Was genau ist nachhaltiges Webdesign?

Nachhaltiges Webdesign zielt darauf ab, den Ressourcenverbrauch von Webseiten zu minimieren und so den CO2-Fußabdruck zu verringern. Es geht um optimierte Ladezeiten, kleinere Dateigrößen und eine effiziente Seitenstruktur. Dabei wird sowohl die User Experience als auch die Performance verbessert.

Wie hilft WebP bei nachhaltigem Webdesign?

WebP ist ein Bildformat, das Bilder um bis zu 34 % kleiner macht, ohne die Qualität zu beeinträchtigen. Kleinere Bilddateien führen zu kürzeren Ladezeiten und weniger Datenübertragung, was sowohl den Energieverbrauch der Server als auch die CO2-Emissionen senkt. Mehr dazu in meinem Blog über die WebP-Konvertierung in Webflow.

Wie kann ich meine Website nachhaltiger gestalten?

Beginne damit, überflüssige Inhalte zu entfernen und die Ladezeiten zu optimieren. Nutze Bildkomprimierung (wie WebP), vermeide unnötige Skripte und achte auf effiziente Hosting-Optionen. Tools wie Google PageSpeed Insights, Ecograder, und Website Carbon Calculator helfen dir, den ökologischen Fußabdruck deiner Seite zu messen und zu verbessern.

Wie kann ich den CO2-Ausstoß meiner Website messen?

Es gibt mehrere Tools, mit denen du den CO2-Fußabdruck deiner Website messen kannst. Website Carbon Calculator und Ecograder sind zwei großartige Optionen, um einen Überblick über den Energieverbrauch und die CO2-Emissionen deiner Website zu bekommen.

Kostenloser
Nachhaltigkeits-Check

Lass uns deine Website unter die Lupe nehmen und  schauen, wie wir deinen digitalen CO2-Fußabdruck minimieren können – ohne Kompromisse bei der Performance und Design.

Kostenlose Analyse sichern