Conception et implémentation d'un site web pour une campagne de durabilité

WirSindZukunft est une campagne visant à inciter les Suisses à être plus respectueux de l’environnement, plus économes en énergie et plus protecteurs de l’environnement dans leur vie quotidienne. La création d’un site web visait à accroître la visibilité de la campagne et comporter un élément interactif pour stimuler davantage l’engagement.

La campagne elle-même a été créée par l’agence marketing et branding Aroma AG.

Expertises mises à profit:

• Design de l’expérience utilisateur et de l’interface (UX/UI Design)
• Conception et réalisation d’un site internet sur Webflow
• Philosophie NoCode

WirSindZukunft nous a contacté en novembre 2020 pour créer un site web dynamique. Le but était de développer la notoriété et l’engagement pour leur campagne sur la durabilité.

Notre Head of Design a commencé par créer une version du site web sur Figma. L’une des principales caractéristiques consistait à disposer d’un site web minimaliste en utilisant des tons contrastés.

L’ajout de gamification a été une part importante de la conception. Les utilisateurs devaient pouvoir gagner des points et les échanger contre des récompenses afin d’encourager leur intérêt pour le développement durable.

Les utilisateurs peuvent ainsi lire des articles, répondre à des sondages, participer à des quiz sur le site et gagner des points à chaque étape.

En répondant à un quiz, un utilisateur peut voir combien de points ont été obtenus en répondant aux questions. Après avoir accumulé un certain nombre de points, il peut les échanger contre une récompense.

Dans l’ensemble, la création du site web a permis de trouver un bon équilibre entre le fait de « jouer » sur le site et celui de s’y informer sur l’importance d’être conscient de l’environnement et proactif dans sa vie quotidienne.

Pour gérer les comptes utilisateurs et les points qu’ils pouvaient gagner en répondant aux questions et sondages, notre Head of Design a favorisé une approche NoCode.

Cette approche a permis au client d’obtenir une solution fonctionnelle rapidement, d’être moins dépendant sur du code à maintenir et de pouvoir se reposer sur des services qui répondent exactement aux besoins de l’application web.

Pour cela il a utilisé Memberstack pour la gestion des comptes utilisateurs, Airtable pour le stockage des points et les meta données ainsi que Make (anciennement Integromat) pour gérer les processus entre tous ces différents services.
Certaines fonctionnalités supplémentaires ont également été ajoutées après le lancement afin d’encore améliorer l’expérience des utilisateurs.

Pour augmenter encore l’engagement, nous avons ajouté des call-to-actions qui incitent les gens à partager des citations de divers articles sur leurs réseaux sociaux.

La mise en place du système de points a été l’outil de motivation parfait pour que les utilisateurs parcourent les pages, lisent autant d’articles que possible et regardent des vidéos pour obtenir des récompenses. Inviter des amis sur la plateforme permettait également d’obtenir plus de points.

En partenariat avec 20minutes, on ne pouvait répondre au quiz qu’en téléchargeant l’application mobile du 20minutes. Une excellente opportunité pour les deux services.

La campagne a gagné en visibilité sur l’application 20minutes, où les lecteurs ont pu découvrir la campagne, et ceux qui ont pris connaissance de la campagne par d’autres moyens ont été incités à télécharger l’application mobile de 20 minutes.

Avec un soft launch le 29 mars, peu de trafic était attendu. En collaborant avec 20minutes pour lancer les articles le 1er avril, les lecteurs ont été redirigés vers le site web de WSZ et le trafic a augmenté au fil du temps.

Au final plusieurs dizaines de milliers d’utilisateurs auront visité sur la plateforme, lu des articles et joué pour obtenir des points à échanger. Un beau succès pour un lancement en douceur !