Website Design für GreenTeam

Video Poster play icon pause icon

Kund:in

co2online

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.



Leistungen
Konzeption
User Experience & User Interface Design
Wireframing
Illustration
Text & Content Creation
Backend Development
Frontend Development
SEO – Suchmaschinenoptimierung
Barrierefreiheit – Accessibility


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?

Video Poster play icon pause icon

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.

Video Poster play icon pause icon
Video Poster play icon pause icon
Video Poster play icon pause icon

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.

Schau dir das Projekt live an