Nueva schafft globale Webpräsenz für die Stiftung KliK
Mit der Möglichkeit, ihr Tätigkeitsfeld im Rahmen des Schweizer CO2-Gesetzes ab 2022 unter dem Pariser Übereinkommen auch international auszurichten, wurde eine umfassende Neugestaltung der Webpräsenz der Stiftung Klimaschutz und CO2-Kompensation KliK erforderlich. Der neue digitale Auftritt wurde von der Zürcher Agentur Nueva komplett neu konzipiert, gestaltet und umgesetzt.
Basierend auf einer gründlichen Analyse der bestehenden Websites sowie der Entwicklung einer zukunftssicheren Informationsarchitektur und eines zeitgemässen Webdesigns konnte Nueva bereits im Jahr 2020 den Pitch um einen neuzugestaltenden digitalen Auftritt der Stiftung KliK für sich gewinnen. Seitdem hat Nueva eine umfangreiche Newsplattform, eine Vielzahl an Länderseiten in verschiedenen Sprachen und eine Scrollytelling-Page für ein neues Journal samt Präsentation des Jahresberichts entwickelt. Der Höhepunkt der Zusammenarbeit war die Neukonzeption, Gestaltung und Umsetzung des gesamten digitalen Auftritts der Stiftung.
Gemäss Nueva bestand die grösste Herausforderung des Projekts darin, die Strukturierung des Webauftritts neu zu denken. Dutzende verschiedener Seiten, Sub-Seiten und Landingpages – von Überblicksseiten über Länderaktivitäten von Peru bis Georgien sowie die zahlreichen Leistungsbereiche wie Wasserstoff-Lastwagen oder mobile Pelletheizungen im Inland – wurden in einen übergeordneten Kontext gesetzt und sinnvoll miteinander verknüpft.
Optimiert und automatisiert ins brandneue Headless CMS
Ein Grossteil der Seiten wurde von der Stiftung KliK textlich überarbeitet und in diverse Sprachen übersetzt, bevor sie automatisiert in das brandneue Headless CMS Storyblok übertragen wurden. Darüber hinaus wurden alle bestehenden Newsbeiträge einschliesslich der Bilder mit einem eigens dafür entwickelten Content-Importer aus dem alten System in das neue übertragen. So konnten zahlreiche Arbeitsstunden und mühsame manuelle Eingaben eingespart werden. Die im Laufe der Jahre indexierten Seiten wurden dabei sorgfältig an den neuen Ort umgeleitet, um das gute Suchmaschinen-Ranking der Stiftung zu gewährleisten.
Mega-Flyout-Navigation für mehr Übersicht
Das Herzstück der neuen Website ist eine Navigation, die die Seitenstruktur widerspiegelt und den Benutzern einen klaren Überblick über die Inhalte verschafft. Um den User:innen bei der Orientierung zu helfen, wurden Bereichsfarben verwendet. Die einzelnen Programmseiten wurden vereinheitlicht, sodass die Informationen immer im selben Look und in derselben Struktur präsentiert werden. Dies soll in der Zukunft nicht nur das Hinzufügen neuer Programme und Länderseiten, sondern auch das Auffinden von Informationen erleichtern. Die zahlreichen bestehenden Landingpages für Länder und Leistungsbereiche wurden nahtlos in die neue Website integriert.
Umfangreicher Element-Baukausten für alle Fälle
Damit die Website den hohen Anforderungen gerecht wird, wurden diverse neue Content-Elemente entwickelt und hinzugefügt. Dazu gehören verschiedene Teaser, Bildergalerien, PDF-Reader, ein Kontaktformular mit diversen Einstellungsmöglichkeiten und ein übersichtlicher Download Hub. Mit der intuitiven Benutzeroberfläche des CMS Storyblok können Inhalte wie Texte, Bilder oder Videos problemlos durch den Kunden bearbeitet, aktualisiert und zeitlich gesteuert werden.
Schliesslich wurden die bestehenden Beitragsrechner, welche die direkte und einfache Berechnung eines Förderbeitrags online ermöglichen, übersichtlicher und intuitiver gestaltet und direkt via API angebunden. Technisch wurde das Projekt mit dem leistungsstarken Vue 3 Framework Nuxt 3 umgesetzt. Dies soll durch Server-Side-Rendering höchste Performance, SEO Integration und Skalierbarkeit ermöglichen.
Verantwortlich bei der Stiftung KliK: Dr. Marco Berg (Geschäftsführer), Yannick Michaelsen (Leiter Kommunikation Inland), Andrea Reiter (Director International Communications). Verantwortlich bei Nueva: Remo Brunner (Managing Partner), Nicole Tobler (Project Manager), Yuki Tschopp, Jonas Hermann, Alexander Cox (UX & Design) Jonas Müller (Head of Technology) Luca Margadant, Philip Koch, Taisiia Efremova (Frontend Developer).
