Gute Seiten

Cleaner Web - Ein Siegel für klimafreundliche Websites

2022-03-30T13:45:53+00:00

Was wir schon öfters diskutiert haben: Uns Öko-Freelancer:innen und nachhaltigen Agenturen würde es die Arbeit erleichtern, wenn es eine glaubwürdige Auszeichnung gäbe, sobald ein Digitalprojekt klimafreundlich ist. So eine Art Naturland- oder demeter-Siegel für digitale Produkte.

Das würde einerseits mehr Bewusstsein für den analogen Fußabdruck digitaler Produkte schaffen. Andererseits hebt es diejenigen Websites, die sich wirklich um Datensparsamkeit bemühen, von den vielen anderen ab.

Jetzt haben sich ein paar mutige Menschen auf den Weg gemacht, genau so ein Siegel zu schaffen: °Cleaner Web. Wir haben die Mitgründerin Hannah Magin von allcodesarebeautiful gefragt, was °Cleaner Web genau ist und was sie damit vorhaben.

Wieso hat das Internet ein Nachhaltigkeitsproblem?

Weil es horrende Mengen an Energie braucht. Das Internet ist einer der größten Stromverbraucher – und damit Treibhausgas-Produzenten – der Welt. Fast 7 % des globalen Stromverbrauchs werden durch Datentransfer und Datenspeicherung im Internet verbraucht. Wir alle wollen das Internet weiterhin nutzen. Daher ist es wichtig, sich diesem Nachhaltigkeitsproblem zu widmen.

Und wie wollt ihr das lösen?

Wir möchten einen Nachhaltigkeitsstandard im deutschsprachigen Raum etablieren. Dafür haben wir Schlüsselfaktoren entwickelt, die auf alle Webseiten anwendbar sind. Fast jede Website kann mit teilweise sehr einfachen Mitteln ihren Datenverbrauch um mindestens 50 % drosseln. Meistens ist es sogar möglich, noch mehr einzusparen. Wenn alle Websites weniger Datenmüll produzieren, braucht das Internet auch weniger Strom und wird demnach nachhaltiger.

Warum so und nicht anders? Bringt das wirklich was?

Wir arbeiten schon lange im Web und haben uns intensiv mit dem Thema low-carbon-websites auseinandergesetzt. Deshalb wissen wir, worauf es ankommt und welche Maßnahmen wirklich helfen. Mit °Cleaner Web setzen wir genau da an, wo Veränderung nötig ist: Wir reduzieren Klimabelastungen im großen Stil und begrenzen sie über klare Budgets. Außerdem supporten wir Organisationen und Personen, die eh schon klimabewusst sind. Damit schonen wir von allen Seiten das Klima und vermeiden gemeinsam reale Schäden.

Sind Siegel nicht eigentlich Staatsangelegenheit?

Es gibt Standards, die vom Staat vorgegeben werden – wie etwa die Vorgaben für Barrierefreiheit auf Websites. Die Vergabe von Siegeln liegt aber durchaus häufig in den Händen von Initiativen, Vereinen oder Unternehmen, wie beispielsweise das bekannte Fair-Trade-Siegel.

Langfristig streben wir jedoch einen Nachhaltigkeitsstandard für Websites an – also dass Website-Betreiber:innen gesetzlich dazu verpflichtet werden, Nachhaltigkeit mitzudenken. Unser langfristiges Ziel ist daher eigentlich, dass es uns als Prüfstelle nicht mehr braucht :)

Und für mich als Verbraucher heißt das wieder: Siegel-Flut, es gibt ja jetzt auch schon welche.

Für die Nachhaltigkeit von Websites mit Fokus nicht nur auf grünes Hosting gibt es unseres Wissens allerdings im deutschsprachigen Raum nur °Cleaner Web – was darauf hinweist, dass hier noch viel Nachholbedarf im gesellschaftlichen Diskurs besteht.

Was macht das Cleaner-Web-Siegel gegenüber anderen Labels und Siegel besonders?

Das °Cleaner-Web-Siegel ist das einzige, das sich auf klimafreundliche Websites spezialisiert hat. Unser Background aus der Website-Entwicklung beschert uns hier immer aktuellstes Wissen über Trends und Web-Standards und unsere Verbundenheit mit der Community stellt sicher, dass wir hier wirklich nah an der Realität arbeiten.

Unsere Prüffaktoren umfassen sechs grobe Bereiche, die sicherstellen, dass wir wirklich in die Tiefe gehen können mit unserer Analyse:

Datenmenge
Inhalte der Website
Datenübertragung
Aufwand am Endgerät
Server und Performance
Green Hosting

Nach der Prüfung erhalten die Auditierten immer praktisch anwendbare Tipps, was sie an ihrer Website verbessern sollten. Und wenn die Umsetzung zu kompliziert ist, können wir Entwickler:innen vermitteln, die es angehen können. Wir wollen eine Hands-On-Mentalität und echten Wandel, keine bloßen Lippenbekenntnisse erreichen.

Seid ihr zufrieden mit eurem Tool? Was plant ihr für die Zukunft und wie kann man euch unterstützen?

Wir stehen noch recht am Anfang unserer Aufklärungskampagne und unseres Prototypen. In der Zukunft planen wir umfassende Features, wie ein automatisiertes Backend, das regelmäßige Audits ausspielen kann und das direkt mit der Website verbunden ist. Für jetzt sind wir aber glücklich mit dem technisch schon sehr versierten Audit-Tool, was wir entwickelt haben. Viele Website-Betreibende interessieren sich bereits für das Nachhaltigkeitssiegel und wir vernetzen uns mit ihnen. Wenn uns aber Programmierer:innen bei der technischen Weiterentwicklung unseres Angebot unterstützen möchte, sind wir sehr interessiert. Außerdem strecken wir gerade unsere Fühler für mögliche Förderungen aus. Wer also einen heißen Tipp hat, – schreib uns. ;)

Wir finden das natürlich super und haben uns mit den guten Seiten auch schon zertifizieren lassen.

UX/UI Design für CGWire - Showcase von Ev Henke

2021-12-09T15:45:53+00:00

CGWire entwickelt ein Open Source Production Management Tool für Animationsstudios und hat sich zum Ziel gesetzt, die Koordination von Animationsfilmen und Filmproduktionen zu erleichtern. Für die Weiterentwicklung der Plattform hat CGWire regelmäßig Bedarf an UX und UI Design, aber auch immer wieder an Unterstützung in Sachen Branding und Kommunikationsdesign.

Vor dem Projekt

1. Wer ist der Kunde?

CGWire ist ein kleines selbst finanziertes Startup. Das Kernteam besteht momentan aus 4 Personen, und arbeitet komplett remote.

2. Wie ist CGWIRE auf dich aufmerksam geworden?

Ich kenne den Gründer Frank aus meinem persönlichen Umfeld. Vor einigen Jahren, kurz nachdem er CGWire gründete, hat mich Frank gefragt, ob ich ihm bei ein paar Illustrationen für seine Webseite helfen könnte. Seitdem unterstütze ich CGWire regelmäßig in verschiedenen Bereichen von Branding über Kommunikationsdesign und lllustrationen bis hin zu Konzept und UI Design der Plattform. Zuletzt habe ich an einer SVG-Animation für die Landing Page gearbeitet.

3. Wie habt ihr euch auf das Ziel der Zusammenarbeit verständigt?

Durch die langjährige Zusammenarbeit finden die meisten Absprachen recht unkompliziert und auf eher unformelle Weise statt. Das ist allerdings nur bei überschaubaren Projekten möglich und erfordert viel gegenseitiges Vertrauen.

Für ein größeres Feature Redesign haben wir zu Projektbeginn aber auch schon mal einen remote Kickoff Workshop gemacht, zu welchem wir den COO von Blender eingeladen haben. Blender nutzt für seine Eigenproduktionen ebenfalls das Production Management Tool von CGWire und konnte uns wertvolles Feedback zu den bestehenden Features geben.

Bei der letzten Zusammenarbeit mit CGWire war zunächst das Ziel, eine bestehende Grafik der Landing Page zu aktualisieren. Das wir am Ende die Grafik als Animation umsetzen war eher eine spontane Idee, die Frank kam, als er meinen ersten Design Vorschlag gesehen hat. Damit, dass die Umsetzung dann so leicht als SVG-Animation umsetzbar ist, hätte er zu dem Zeitpunkt gar nicht gerechnet.

Während des Projekts

4. Wie hat sich euer Team zusammengesetzt?

Bisher habe ich für CGWire alleine als Designerin gearbeitet, bin dabei aber immer in engem Austausch und Abstimmung mit dem Kernteam.

5. Wie habt ihr euch organisiert?

Da CGWire eine Management- und Kommunikationsplattform entwickelt, liegt es Nahe, das eigene Tool auch für Design-Abstimmungen zu verwenden. Die Plattform ist zwar auf die Prozesse und Abwicklungen der Animations- und Filmproduktion zugeschnitten, prinzipiell erlaubt sie aber Koordination, Kommunikation, Abstimmung und Zusammenarbeit innerhalb von Teams für jegliche Art von Projekten. Über das Tool können auch Zeiten erfasst und Projektpläne erstellt werden. Die Nutzung der Plattform hilft dabei, das Tool besser kennenzulernen, aber vor allem auch Schwachstellen und Verbesserungspotentiale aufzudecken, und das Nutzererlebnis aus erster Hand zu erfahren.

Neben der eigenen Plattform nutzen wir auch Email oder Telefon als Kommunikationskanäle und Skype für Videokonferenzen.

6. Welche Tools hast du für deine Arbeit genutzt?

Die meisten UI Designs für CGWire setze ich in Figma um, durch welches eine direkte Abnahme und Handoff für die Frontend-Entwickling möglich ist.

Illustrationen dagegen erstelle ich vorwiegend in Illustrator. Ich versuche Illustrationen, Icons und andere Grafikelemente grundsätzlich als Vektordateien umzusetzen und diese auch im Vektorformat für die Einbindung auf der Webseite oder im jeweiligen Produkt zur Verfügung zu stellen. Vektordateien haben den Vorteil, dass sie im Vergleich zu mittelgroßen Rastergrafiken meistens deutlich kleiner sind und verlustfrei skalieren. Das hält Webseiten schlank bei gleichbleibender Qualität. Vektorgrafiken haben zusätzlich den Vorteil, dass sie direkt über den Code angesteuert und angepasst und dadurch auch animiert werden können. Die SVG-Animation für CGWire habe ich ebenfalls in Illustrator erstellt und die Animation anschließend im Texteditor handanimiert.

Nach dem Projekt

7. Was lief gut bei diesem Projekt?

Da CGWire komplett remote arbeitet sind alle gut auf diese Art von Zusammenarbeit eingespielt. Das Arbeiten in einem kleinen Team ermöglicht ausserdem eine hohe Flexibilität und direkte Abstimmungem ohne lange Wege. Dadurch sind auch kurzfristige Änderungen möglich und das Ausprobieren von Ideen wie die Umsetzung der Animation, die an erster Stelle gar nicht vorgesehen war.

8. Was hat dich bei diesem Projekt überrascht?

Es ist immer überraschend, wie klein Vektorgrafiken im Vergleich zu mittelgroßen Rastergrafiken sind. Die finale SVG-Animation ist gerade einmal 90 KB gross und damit wesentlich kleiner als die meisten Standbilder.

9. Was hast du bei bei diesem Projekt gelernt?

Es bleibt immer aufs Neue lohnenswert, neue Techniken und Methoden auszuprobieren. Vor dem Projekt hatte ich nur wenig Erfahrung mit CSS Animationen und war mir nicht sicher, welche Einschränkungen aber auch Möglichkeiten SVG-Animationen mit sich bringen.

Gerade wenn SVG-Animationen handgecodet sind, stößt man mit dieser Methode natürlich schnell an Grenzen. Insbesondere wenn komplexere Animationen oder Effekte gefragt sind, da nur gewisse Parameter animiert werden können. Für kleine illustrative Animationen sind SVG-Animationen aber sicherlich eine effektive Methode, die eine hohe Abbildungsqualität bei überraschend kleiner Dateigröße bieten. Durch die direkte Einbindung in den Code können SVGs außerdem von Screenreadern gelesen werden und sind dadurch barrierefrei.

Komplexere Animationen können mit spezieller Animations-Software wie After Effects umgesetzt werden. Mit Hilfe eines Plugins können SVG-Animationen offenbar aus After Effects exportiert und anschließend in Webanwendungen integriert werden. Das würde auch die Einbindung von komplexeren Animationen mit den Vorteilen von SVG Grafiken ermöglichen. Dieses Plugin habe ich selber noch nicht ausprobiert, aber vielleicht beim nächsten Mal?

Zum Profil von Ev Henke

nachhaltiges-webdesign.jetzt - Showcase von Gerrit Schuster

2021-12-08T06:45:53+00:00

nachhaltiges-webdesign.jetzt ist eine Sammlung von Methoden zur Gestaltung von nachhaltigen Websites. Damit liegt dieses Projekt sicherlich auf der Wellenlänge der meisten Menschen, die auf den Guten Seiten landen.

Außerdem ist nachhaltiges-webdesign.jetzt ein Projekt, das Gerrit Schuster ohne Kundenauftrag und damit auch ohne direkte Vergütung realisiert hat. Viele Selbstständige sind ja auch selbstständig geworden, um selbstbestimmt zu arbeiten. Das funktioniert bei eigenen Projekten am besten.

Trotzdem ist es gar nicht so einfach, sich als Selbstständige:r den Raum für eigene Projekte zu nehmen. Eigene Projekte sind meistens nicht die Arbeitszeit wert, zumindest wenn man sie kurzfristig und rein monetär mit Kundenprojekten vergleicht. Deswegen wollen wir hier auch Leuten eine Bühne bieten, die es trotzdem machen.

Vor dem Projekt

1. Wie bist du auf die Idee zu nachhaltiges-webdesign.jetzt gekommen?

In einem Gespräch mit der großartigen Sabine von from-scratch. Wir haben uns über Herzensprojekte unterhalten und ich habe ihr von meiner fast mythischen Faszination für rechte Winkel erzählt. Ich wollte also eine Website dazu machen. Als “Fingerübung” und zum Teilen meiner Gedankenwelt. www.nachhaltiges-webdesign.jetzt hat sich einfach ganz frech vorgedrängelt.

2. Idee gibt es oft viele. Warum hast dich entschieden, gerade nachhaltiges-webdesign.jetzt umzusetzen?

Ein Teil von mir ist sehr bodenständig. Dinge müssen nützlich sein, denn wer hat schon Zeit, mit Unnützem den Tag zu vertrödeln? Solchen Gedanken gebe ich nicht immer nach. Ich liebe es tatsächlich, Tage zu vertrödeln.

Aber hier hat der Nutz-Gedanke gewonnen: Nachhaltiges Webdesign gewinnt langsam an Aufmerksamkeit. Dass das Internet einen gigantischen Fußabdruck hinterlässt, kommt an. Menschen (und immer mehr Webdesigner*innen im Speziellen) sind offen, diese Prinzipien in ihren Workflow zu integrieren. Jemand hat mir nach dem Launch geschrieben: “This is hot!” Genau.

3. Was sind deine Ziele mit dem Projekt?

Gar nicht selbstlos: Mich als Experte im Feld positionieren. Ich bin ja sowas von ein Quereinsteiger: Waldkindergärtner?! Die letzten zwei Jahre habe ich wenig Websites gebaut und stattdessen viel viel gelernt, gelesen, größere Kreise nach Außen und auch nach Innen gezogen, meine Arbeit mit meinem Menschsein verbunden. www.nachhaltiges-webdesign.jetzt ist das momentane Resultat dieser Reise.

Schon bei der Arbeit an der Seite habe ich weitere Aspekte entdeckt und sie als Ziele integriert: neue Lernfelder entdecken, Wachstum einladen - Menschen einladen, teilen, geben. Auch wenn es danach aussieht, als würde ich “meine” Wissenssammlung frei hergeben, erhalte ich viel mehr als das zurück. (Und nebenbei sind 100 nachhaltige Webdesigner*innen 100 Mal besser als einer.)

Während des Projekts

4. Ganz grob geschätzt: Wie viel Aufwand steckt hinter nachhaltiges-webdesign.jetzt?

Na meine zwei Jahre sammeln habe ich ja schon angesprochen. Das Konzept und die Methodenauswahl habe ich im August fest gezurrt. Auch das Herzstück: die Kategorisierung. Im September und Oktober der Ritt, um die Texte zu schreiben. Anfang November das Programmieren in drei Tagen. (Aber Funktionalitäten hatte ich vorher immer schon mitgedacht.)

Meine Mutter meint ganz stolz, dass in dem Ding mein ganzes Leben stecken würde: Bauernhofkind, Architektur, Permakultur, Reisen und Abenteuer, Erziehungswissenschaften, Naturverbundenheit. Kann ich mitgehen.

5. Wie hast du dich selbst organisiert, um am Ball zu bleiben?

Ich hatte einen großen Auftrag bekommen (den größten meiner bisherigen Freelancer-Karriere.) Der sollte im Oktober starten. Also habe ich den Launch des Projekts im ersten Quartal des kommenden Jahres verortet. Dann ging aber etwas schief und die Zuarbeit zögerte sich hinaus. Und da hab ich so ein inneres Wettrennen veranstaltet: “Schaff ich es, bevor die Zuarbeit eintudelt?” Dieser selbstgemachte Druck hat ungemein motiviert. (Danke an meine wundervolle Gefährtin, die das mitgetragen hat.)

Meine Tools seit jeher, vom Vater aufgesogen: Bleistift und Papier. Nichts lässt mich freier spielen: Ich bleibe, so lange es ertragbar ist, bei Bleistift und Papier. Das Projekt war die wildeste Zettelwirtschaft.

6. Was ist der Technologie-Stack hinter nachaltiges-webdesign.jetzt?

WordPress mit einem schmalen Pagebuilder, der mich selbst CSS schreiben lässt. Ich bin kein Programmierer. Ich hatte tatsächlich zuerst begonnen, die Seiten selbst zu programmieren. Auf semantischen und minimalistischen Code fahre ich total ab. Aber es dauerte zu lange und war zu frustrierend. Ich darf entweder noch lernen, oder Kooperationen eingehen, oder beides kombiniert.

Die Motivation ist, dass meine Seite jetzt 50 kB schwer ist. (Standardseiten kommen leicht auf 2000 kB) Aber ich schleppe noch immer 40 kB von WordPress mit, die ich nicht brauche. 80% Reduktion? 10 kB Powerpaket nachhaltiges-webdesign.jetzt! Das muss noch kommen.

Nach dem Projekt

7. Was lief gut bei diesem Projekt?

Schön war für mich, wie warm und teilweise euphorisch meine kleine Community das erste Ergebnis aufgenommen hat. Ich bin kein ausgeprägter Netzwerker. Ich bin relativ neu in diesem Feld Zuhause. Das hat mich sehr berührt.

Es existieren ja schon ähnliche Sachen da draußen. Die großartigen Arbeiten von Tim Frick und Tom Greenwood und ihren Teams und so vielen weiteren. Das Layout ist auch nicht vom Himmel gefallen, sondern von Jon Yablonski abgeluchst. Nichts desto trotz hat das Projekt etwas eigenes bekommen.

Ich freue mich, wie simpel und tief es geworden ist und wie leicht es mir fiel, Klarheit herzustellen und damit Schönheit aufzuspüren und zur Geltung zu bringen. Ich will die Gründe dafür gar nicht überanalysieren. Manchmal kann ich mir für eine Weile gar nicht anschauen, was ich fabriziert habe. Hier ist es anders.

8. Was hast du bei diesem Projekt gelernt?

Das ich was kann und meine Arbeit geschätzt wird. Und dann noch etwas wichtigeres, das ich gerade entdecke: Es hat mir die Tür aufgemacht zu einem tieferen Verständnis.

Webdesign allein gesehen hat, böse gesagt, einen lachhaften Einfluss darauf, unseren negativen Fußabdruck zu verringern. 80% Datenverkehr im Netz ist Videostreaming. Eine Durchschnittsdeutscher verursacht gut 11 Tonnen CO2 im Jahr. 6% davon macht der Stromverbrauch aus. (34% der Konsum!) Was wir an Kilobyte-knauseriger CO2-Verringerung rausholen, wird durch Rebound-Effekte mehr als aufgefressen.

Deswegen sind die Methoden zum “positiven Fußabdruck maximieren” so wichtig. Wir werden so viel wirkmächtiger, wenn wir die Felder, die unsere Arbeit unmittelbar berührt, bereichern: Business-Modelle, Privatsphäre, Empowerment, Ethik, Inklusion, Kooperation …

9. Was sind deine nächsten Schritte mit nachhaltiges-webdesign.jetzt?

Genau da weiter nachspüren und entdecken. Ich liebe datensparsame Websites, ich kann selbst der größte Kilobyte-Knauserer sein. Aber es geht für mich darum, als ganzer Mensch im Wandel zu stehen, nicht mit Scheuklappen einen Job zu machen. www.nachhaltiges-webdesign.jetzt kann noch an vielen Stellen gewinnen. Ein paar neue Methoden integrieren und dann nützlicher werden, einfacher, direkter, kooperativer, relevanter. Aber jetzt ist erstmal der Auftrag dran. Die Zuarbeit ist eingetroffen.

Zum Profil von Gerrit Schuster

Ein Aufbruch in Richtung einer nachhaltigen Digitalisierung?

2021-12-07T22:45:53+00:00

Der Koalitionsvertrag der Ampel-Regierung hat ein für uns spannendes Unterkapitel. Tatsächlich widmet der 177 Seiten-Wälzer “Mehr Fortschritt wagen” des “Bündnis für Freiheit, Gerechtigkeit und Nachhaltigkeit” unserem Thema “Nachhaltigkeit in der Digitalisierung” neun Zeilen.

Das Unterkapitel im Wortlaut

Wir wollen die Potentiale der Digitalisierung für mehr Nachhaltigkeit nutzen. Durch die Förderung digitaler Zwillinge (z. B. die Arbeit an einem virtuellen Modell eines analogen Produktes) helfen wir den Verbrauch an Ressourcen zu reduzieren. Wir werden Rechenzentren in Deutschland auf ökologische Nachhaltigkeit und Klimaschutz ausrichten, u. a. durch Nutzung der Abwärme. Neue Rechenzentren sind ab 2027 klimaneutral zu betreiben. Öffentliche Rechenzentren führen bis 2025 ein Umweltmanagementsystem nach EMAS (Eco Management and Audit Scheme) ein. Für IT Beschaffungen des Bundes werden Zertifizierungen wie z. B. der Blaue Engel Standard. Ersatzteile und Softwareupdates für IT‐Geräte müssen für die übliche Nutzungsdauer verpflichtend verfügbar sein. Dies ist den Nutzerinnen und Nutzern transparent zu machen.

Wer es nochmal im Zusammenhang nachlesen möchte, findet es auf Seite 18 im Koalitionsvertrag.

Nachhaltigkeit in der Digitalisierung weiter gefasst

Neun Zeilen sind ein Anfang. Die Möglichkeit, Nachhaltigkeit und Digitalisierung zusammenzudenken, sieht in Zukunft auch die Bundesregierung.

Wobei die hier stillschweigend verwendete Definition von Nachhaltigkeit eine sehr enge zu sein scheint. Nachhaltigkeit in der Digitalisierung verfolgt hier vor allem Klimaneutralität als Ziel.

Das ist ein wenig ambitionslos. Wobei wir dafür vollstes Verständnis aufbringen. Sich in einer größeren Gruppe auf eine ambitionierte Definition von “Nachhaltigkeit in der Digitalisierung” zu einigen, ist mühsam. Das ist ein Grund, warum wir Minimalbedingungen (Effiziente Websites und Commitment zu Datenschutz) definiert haben und darüber hinaus jede:r Dienstleister:in selbst formuliert, inwiefern das eigene Angebot nachhaltig ist.

Wie man Nachhaltigkeit in der Digitalisierung umfassender verstehen könnte, lässt sich in einem anderen Wälzer gut nachlesen. Steffen Lange und Tilman Santarius argumentieren in ihrem Buch Smarte grüne Welt? für drei Leitprinzipien einer nachhaltigen Digitalisierung:

Digitale Suffizienz: So viel Digitalisierung wie nötig, so wenig wie möglich.
Konsequenter Datenschutz: Wessen Daten? Unsere Daten!
Gemeinwohlorientierung: Kollaborativ statt kapitalistisch.

Auch zu dieser weiter gefassten digitalen Nachhaltigkeit gibt es den ein oder anderen Anknüpfungspunkt im Koalitionsvertrag zu entdecken. So schimmert die Gemeinwohlorientierung in der Bevorzugung von Open Source bei Entwicklungsaufträgen durch (Seite 15).

Aber natürlich finden sich in einem Dokument von SPD, FDP und den Grünen nicht alle Punkte, die unter den gelisteten Dienstleister:innen eines doch eher nischigen Verzeichnisses eine lockere Mehrheit hätten. So bleibt die Suche nach einem konsequenten Datenschutz mit beispielsweise einem Verbot von Dark Pattern vergeblich.

Vielleicht ein bisschen Rückenwind

Insgesamt gibt es genug Mut machende Zeilen, um auf ein wenig Rückenwind in den nächsten Jahren zu hoffen. Der Koalitionsvertrag ist ja auch ein Zeichen davon, dass der Wunsch nach einer nachhaltige Digitalisierung in den letzten Jahren ein Stück weiter Richtung Mainstream gerutscht ist. Und wenn dann mehr und mehr Auftraggeber:innen die geplanten Digitalprojekte nachhaltig umsetzen wollen, finden sie die passenden Agenturen und Freelancerinnen bei uns.

Klimawahlcheck - Showcase von den Techgenossen

2021-12-06T15:45:53+00:00

Für welchen Klimaschutz stehen die Parteien bei der Bundestagswahl 2021? Mit dem Klimawahlcheck können Wähler*innen die Klimapositionen der großen Parteien einsehen und mit einer Selbsteinschätzung abgleichen. Denn Klimawandel ist politisch und die Bundestagswahl richtungsentscheidend.

Vor dem Projekt

1. Wer war die Kundin?

Die Klima-Allianz Deutschland in Kooperation mit GermanZero und dem NaBu haben das Projekt initiiert und fungierten als unsere Stakeholder. Insgesamt repäsentieren diese Organisatione übrigens rund 25 Millionen Menschen - also eine große Reichweite für Klimarelevanz.

2. Wie ist die Klimaallianz auf euch aufmerksam geworden?

Die Klima-Allianz kam auf uns zu, da wir seit Jahren unseren Klimawahlhelfer für Kommunal- und Landtagswahlen am Start haben, der aus unserem Engagement für „München muss handeln“ und inzwischen für die Friday for Future-Bewegung zu etlichen Kommunal- und Landtagswahlen im Einsatz war. Da war die Zusammenarbeit für die Bundestagswahl nur folgerichtig.

Dazu kommt sicher unsere Erfahrung in der Projektarbeit mit klimabewussten Partnern und Auftraggebern. Schließlich ist uns Nachhaltigkeit in und durch Software-Entwicklung sehr wichtig.

3. Wie habt ihr euch auf das Ziel der Zusammenarbeit verständigt?

Zu Beginn der Zusammenarbeit haben wir uns als Ziel gesetzt, fristtreu ein Online-Tool zu haben, das die Klimawahl-Kampagne unterstützt. Die Idee war zunächst sehr vage, so eine Art “Wahl-o-Mat für Klimathemen”.

Es gab kein Briefing. Das machen wir eigentlich nie. Vielmehr setzen wir auf gemeinsame Workshops, wie Userstorymappings, Design-Sprints, User-Research und Co-Creation, um gemeinsam zu schärfen, wie und für wen eine digitale Tool-Idee Wert stiftet.

Konkret ergab sich aus den Workshops, dass Wähler mit einer interaktiven Benutzung ganz klar die Parteipositionen bei Klimaschutzthemen unterscheiden können. Damit richtete sich der Klimawahlcheck vor allem an Wähler, die nicht ohnehin schon klimabewusst wählen würden, sondern an die, die sich ehrlich und fundiert informieren möchten.

Während des Projekts

4. Wie hat sich euer Team zusammengesetzt?

Wir Techgenossen haben zu viert an dem Projekt mitgearbeitet. Oskar und Stefan als Softeareentwickler, Jens und Vicky als Produktentwickler. Doppelbesetzungen haben sich in unserer Arbeit sehr bewährt.

Softwareseitig sorgt das sogenannte Pairing dafür, dass die Software von vorherein eine bessere Qualität hat. Auf diese Weise gelingt es uns, Zeit und Geld zu sparen, auch wenn sich das zunächst paradox anhört.

Und in punkto Produktentwicklung sorgen zwei Produktentwickler für Multiperspektivität, mal ganz abgesehen von Wissensteilung, Ausfallsicherheit und mehr Erfahrung an Bord.

5. Wie habt ihr euch organisiert?

Insbesondere bei so vielen Stakeholdern – später haben noch weitere Agenturen Inhalte, UI-Design sowie SEA dazu geliefert – ist gute Orga sehr wichtig. Hierfür haben sich „Wochensprints“ bewährt, also wöchentliche Absprachen mit allen ihn sogenannten Weekly-Besprechungen. Für die asynchrone Kommunikation, für Transparenz im Projektverlauf und für die Doku nutzten wir das Projektmamangement-Tool “Basecamp”.

6. Was ist der Technologie-Stack hinter klimawahlcheck.org?

Die Applikation ist in einem Kubernetes-Cluster deployt und deshalb ausfallsicher. Wir verwenden Ruby on Rails in Linux Containern für das Backend. Im Frondend haben wir auf das besonders leichtgewichtige AlpineJS für dynamische Komponenten gesetzt. Eine Besonderheit in dem Projekt war das besondere Augenmerk auf den Datenschutz. So werden die Selbsteinschätzungen der User auf keinem Server gespeichert, sondern alle persönlichen Angaben, die User machen, werden in ihren Browsern ausschließlich lokal gespeichert und mit Javascript entsprechend berechnet dargestellt.

Nach dem Projekt

7. Was lief gut bei diesem Projekt?

Natürlich das Ergebnis. Wir haben alle Ziele erfüllt und finden das Tool sehr überzeugend.

Sehr gut lief aus unserer Sicht aber vor allem, dass sich unsere Auftraggeber getraut haben mit uns den nutzerzentrierten und agilen Produktweg zu gehen: Wir hatten mehrere Prototypen, Produktthesen und Nutzertestreihen.

Diesen Fokus und die Nutzerzentrierung merkt man dem Tool an. Er hat es auch vor Featuritis bewahrt.

8. Was hat euch bei diesem Projekt überrascht?

Überrascht hat uns der tatsächliche Aufwand auf der Zielgeraden. Wenn man 80 Prozent hat und es dann für das I-Tüpfelchen und den Feinschliff noch mal hektisch wird, fühlten wir uns wieder in alte Agentur-Tage zurückversetzt.

Überraschend positiv war hier aber nicht nur die enorme Hilfsbereitschaft und Agilität aller Beteiligten, sondern vor allem, wie solidarisch und konstruktiv man mit verschiedenen Stakeholdern und Agenturen zusammenarbeiten kann, wenn das gemeinsame Ziel passt.

9. Was habt ihr bei diesem Projekt gelernt?

Zum einen, dass wir als Techgenossen auf dem richtigen Weg sind. Unsere Herangehensweise hat sich erneut bewährt. Besonders hat das eine Retrospektive gezeigt, welche wir am Ende des Projektes durchgeführt haben. Denn dabei besteht für alle Beteiligten die Möglichkeit, etwas für künftige Vorhaben zu lernen.

Gelernt haben wir auch, dass unsere Prinzipien , gerade in Projekten mit vielen verschiedenen Beteiligten, immer wieder besprochen und deutlich gemacht werden müssen. Dazu gehören z.B. das Pull-Prinzip, kurze Review-Zyklen und Deployments, die Art wie wir unsere Leistungen abrechnen.

Schau es Dir an: Klimawahlcheck

Hier geht es zum Profil der Techgenossen