Jahresbericht als attraktives Online-Journal mit vielen Effekten
Die Stiftung KliK für Klimaschutz und CO₂-Kompensation veröffentlicht jedes Jahr einen gedruckten Jahresbericht. Im Jahr 2023 wurde der Bericht erstmals auch als interaktive Webseite umgesetzt. Ergänzt mit Beiträgen, Interviews, und viel Wissenswertem aus den nationalen und internationalen Tätigkeitsfeldern der Stiftung KliK. Das Projekt haben wir in Zusammenarbeit mit Studio Way (Design) umgesetzt.
Die 2012 von der Erdöl-Vereinigung (heute Avenergy Suisse) gegründete Stiftung Klimaschutz und CO₂-Kompensation KliK ist die branchenweite CO₂-Kompensationsgemeinschaft für fossile Brennstoffe im Rahmen des CO₂-Gesetzes.
Zahlen und Fakten mittels Scrollytelling
Die bisherige Webseite des Jahresberichts der Stiftung erhielt ein Redesign. Neu werden alle Jahresberichte unter journal.klik.ch auf ansprechende Art und Weise präsentiert. Auf der Microsite werden die Nutzer mittels Scrollytelling geleitet und dabei spielend an die Inhalte herangeführt. Das Studio für Kommunikationsdesign, Studio Way, wurde beauftragt, das Printdesign des Jahresberichts der Stiftung KliK neu zu gestalten. Um sicherzustellen, dass Web- und Printdesign aus einer Hand kommen, haben sie neben dem Printdesign auch das Webdesign erstellt, das wir dann mit unsereren Frontend-Spezialisten in die Realität umsetzen durften.
Eine Microsite mit Magazin-Charakter
Es wurde eine fesselnde Microsite entwickelt, die zum Verweilen einlädt. Die Seite ist in einen internationalen und nationalen Bereich sowie Zahlen und Fakten unterteilt. Grosse Bilder und fesselnde Grafiken ergänzen die Texte und informieren die Nutzer über die Aktivitäten der Stiftung im vergangenen Jahr.
Nuxt 3, Storyblok und GSAP
Wie bei allen anderen Microsites, die wir für die Stiftung KliK umgesetzt haben, wurde auch die Journal-Seite mittels Nuxt 3 und dem CMS Storyblok entwickelt. Auf diese Weise können neue Journale ganz einfach von den Content-Managern der Stiftung im CMS selbst erstellt und mit dem neuen Content abgefüllt werden. Die Animationen basieren auf GSAP.
Toilets For All
Scrollytelling Website