Nueva crée une présence mondiale sur le web pour la Fondation KliK

Avec la possibilité d'orienter son champ d'activité à l'international dans le cadre de la loi suisse sur le CO2 à partir de 2022 sous l'Accord de Paris, une refonte complète de la présence web de la Fondation pour la protection du climat et la compensation des émissions de CO2 KliK s'imposait. La nouvelle présentation numérique a été entièrement repensée, conçue et réalisée par l'agence zurichoise Nueva.

Sur la base d'une analyse approfondie des sites web existants ainsi que du développement d'une architecture d'information à l'épreuve du temps et d'un design web moderne, Nueva a pu remporter dès 2020 le pitch pour une nouvelle présentation numérique de la Fondation KliK. Depuis, Nueva a développé une vaste plateforme d'actualités, une multitude de pages nationales en différentes langues et une page scrollytelling pour un nouveau journal, y compris la présentation du rapport annuel. Le point culminant de la collaboration a été la nouvelle conception, le design et la réalisation de l'ensemble de la présentation numérique de la fondation.

Selon Nueva, le plus grand défi du projet a été de repenser la structure du site web. Des dizaines de pages, sous-pages et pages d'accueil différentes - des pages d'aperçu sur les activités par pays, du Pérou à la Géorgie, ainsi que les nombreux domaines de prestations comme les camions à hydrogène ou les chauffages mobiles à pellets en Suisse - ont été placées dans un contexte général et reliées entre elles de manière judicieuse.

Optimisé et automatisé vers le tout nouveau CMS Headless

Le texte d'une grande partie des pages a été retravaillé par la Fondation KliK et traduit en différentes langues avant d'être transféré automatiquement dans le tout nouveau CMS Headless Storyblok. En outre, tous les articles d'actualité existants, y compris les images, ont été transférés de l'ancien système vers le nouveau à l'aide d'un importateur de contenu spécialement conçu à cet effet. Cela a permis d'économiser de nombreuses heures de travail et des saisies manuelles fastidieuses. Les pages indexées au fil des ans ont ainsi été soigneusement redirigées vers le nouvel emplacement afin de garantir le bon classement de la fondation dans les moteurs de recherche.

Navigation Mega-Flyout pour une meilleure vue d'ensemble

Le cœur de la nouveau site web est une navigation qui reflète la structure du site et offre aux utilisateurs une vue d'ensemble claire des contenus. Pour aider les utilisateurs à s'orienter, des couleurs de zone ont été utilisées. Les différentes pages du programme ont été uniformisées afin que les informations soient toujours présentées sous le même aspect et dans la même structure. Cela devrait faciliter à l'avenir non seulement l'ajout de nouveaux programmes et de nouvelles pages de pays, mais aussi la recherche d'informations. Les nombreuses pages de renvoi existantes pour les pays et les domaines de prestations ont été intégrées de manière transparente dans le nouveau site web.

Une gamme complète d'éléments de construction pour tous les cas de figure

Pour que le site web réponde aux exigences élevées, divers nouveaux éléments de contenu ont été développés et ajoutés. Il s'agit notamment de différents teasers, de galeries d'images, de lecteurs de PDF, d'un formulaire de contact avec diverses possibilités de réglage et d'un hub de téléchargement clairement structuré. Grâce à l'interface utilisateur intuitive du CMS Storyblok, les contenus tels que les textes, les images ou les vidéos peuvent être facilement édités, mis à jour et gérés dans le temps par le client.

Enfin, les calculateurs de subvention existants, qui permettent de calculer directement et facilement une subvention en ligne, ont été rendus plus clairs et plus intuitifs et directement connectés via l'API. Sur le plan technique, le projet a été mis en œuvre avec le puissant framework Vue 3 Nuxt 3. Celui-ci doit permettre une performance maximale, une intégration SEO et une évolutivité grâce au Server-Side-Rendering.


Responsable à la Fondation KliK : Dr. Marco Berg (directeur général), Yannick Michaelsen (directeur de la communication nationale), Andrea Reiter (directrice de la communication internationale). Responsable chez 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).

Plus d'articles sur le sujet