Website Design for GreenTeam

Desktop Screen der Startseite mit einer Illustration in den Markenfarben Neongrün und Petrol

Client

co2online

co2online is an independent advisory platform for climate protection. To match the UEFA EURO 2024, co2online has launched the GreenTeam. The aim of this project is to draw the attention of new target groups to the services offered by co2online.de. The heart of the project is the campaign website dasgreenteam.de. Users can playfully test their energy-saving skills and get tips on how to save energy during the European Championships.

In addition to the website, we also developed the campaign design: zum Case.


Services
Concept
Wireframing
Text & Content Creation
Frontend Development
Accessibility
User Experience & User Interface Design
Illustration
Backend Development
SEO - Search Engine Optimization

Challenge

We have tried to keep the ball in the air between depth of content and an entertaining variety of topics. We think we've succeeded! What do you think?

Desktop and smartphone screens show the various illustrations and interactive elements of the website
Smartphone screens with illustrations on the topic of
Desktop screen of the start page with the header illustration of a joyful soccer player and a soccer ball bouncing away

UX & UI Design

The playful design is emphasized with interactive elements that guide users through the pages: With interactive illustrations and the newsletter countdown, we increase viewer interaction and boost engagement with the GreenTeam.

Screen of the thematic training unit
Interactive illustration on the website. On the household objects shown are buttons for more information and energy-saving tips
Users can test their energy-saving behavior with a quiz on the website
The newsletter registration option shows the number of users who have already registered in the form of a counter. The number is also shown in an abstract representation of the seats in a stadium

Made with Love & Kirby CMS

We implemented the website with our beloved and super user-friendly Kirby CMS. With Kirby, we can offer our customers easy management and flexible content customization and implement our creative ideas 1:1.

We developed recurring components and then simply reused them on different pages. At the same time, thanks to Kirby, we had enough room for individual solutions for the newsletter registration and iframe applications. This was relevant for the interactive elements such as 'Mini-Checks' and 'GreenGame'. We implemented the styling of the front end with the help of tailwind.css and were then able to customize the website as needed.

Kirby CMS backend with interface for easy file selection
Kirby CMS backend with created input fields for website content
View the project live
dasgreenteam.de

What else we are pros at ...

New landing page screen for desktop and mobile screens, black text with navigation in the middle of the page and minimalist, monochrome background
Komplizen Film
Komplizen Film
More
Various campaign materials, posters, stickers, coasters and digital formats
Bezirksamt Neukölln
Bezirksamt Neukölln
More
Portfolio
Everything at once, please! The overview
Portfolio