Website Design für GreenTeam

co2online ist eine unabhängige Beratungsplattform für Klimaschutz. Passend zur UEFA EURO 2024 hat co2online das GreenTeam an den Start gebracht. Ein Projekt, dass das Ziel hat, neue Zielgruppen auf das Angebot von co2online.de aufmerksam zu machen. Das Herzstück bildet die Kampagnen Website dasgreenteam.de. Nutzer:innen können hier spielerisch ihre Energie-Spar-Skills testen und bekommen Tipps zum Energiesparen während der EM.

Neben der Website haben wir übrigens auch das Kampagnen Design entwickelt: zum Case.



Challenge

Wir haben versucht, den Ball zwischen inhaltlicher Tiefe und unterhaltsamer Themenvielfalt in der Luft zu halten. Wir finden, das ist uns gelungen! Was meinst du?

Desktop und Smartphone Screens zeigen die verschiedenen Illustrationen und interaktiven Elemente der Webseite

UX & UI Design

Die spielerische Gestaltung wird mit interaktiven Elementen unterstrichen, die die Nutzer:innen durch die Seiten begleiten: Mit interaktiven Illustrationen und dem Newsletter-Countdown steigern wir die Interaktion der Betrachter:innen und damit das Engagement für das GreenTeam.

Screen der thematischen Trainingseinheit

Made with Love & Kirby CMS

Die Umsetzung der Website haben wir mit dem von uns heiß geliebten und super nutzerfreundlichen Kirby CMS gemacht. Mit Kirby können wir unseren Kund:innen eine einfache Verwaltung und flexible Anpassung von Inhalten anbieten und unsere kreativen Ideen 1:1 umsetzen.

Wir haben wiederkehrende Komponenten entwickelt und auf unterschiedlichen Seiten einfach wieder verwendet. Gleichzeitig hatten wir dank Kirby genug Raum für individuelle Lösungen zur Newsletter-Registrierung und zu iframe-Anwendungen. Das war für die interaktiven Elemente wie Mini-Checks und GreenGame relevant. Das Styling des Frontends haben wir mithilfe von tailwind.css umgesetzt und konnten die Website dadurch frei nach unseren Vorstellungen gestalten.

Kirby CMS Backend mit Interface zur einfachen Dateiauswahl
Kirby CMS Backend mit angelegten Eingabefeldern für Webseiteninhalte

Schau dir das Projekt live an

ZN Liebesbrief