Un site Web interactif pour le plus grand événement communautaire du Canada

Une expérience utilisateur intuitive

Notre principal objectif pour le site du CNE était de créer une expérience harmonieuse pour les utilisateurs ; ceux-ci devaient en mesure de planifier leur visite et d’explorer la programmation complète des 18 jours de l’événement. Pour ce faire, nous avons créé un plan du site qui facilite la découverte de tous les événements, du Cat Show annuel à l’exposition fantaisiste Nook of Gnomes. 

Pour rendre le site plus interactif, nous avons créé un programme personnalisé qui permet aux visiteurs de visualiser facilement tous les événements du jour. L’horaire comporte un filtre React qui trie les événements par expérience et par emplacement, ce qui facilite la recherche des contenus. Une carte a également été intégrée afin de présenter visuellement l’exposition. 

Un côté fantaisiste et coloré

Le public de CNE étant jeune et moderne, nous avons rajouté de la fantaisie sur le site en utilisant les couleurs vives et vibrantes de la marque CNE. Pour créer une histoire visuellement attrayante, tous les boutons et actions disposent de microanimations et les icônes du menu sont assorties d’une illustration. Nous avons également ajouté des éléments ludiques tels que des dégradés et différentes formes partout sur le site afin de le rendre encore plus amusant. 

Pour garantir une accessibilité à tous, nous avons pensé aux utilisateurs qui préfèrent le visionnement sans animations ; nous avons donc limité les mouvements. Pour ce faire, nous nous sommes assurés que la tabulation était possible, tout comme les signaux visuels pour indiquer où les utilisateurs se trouvent sur la page. 

Un système de gestion de contenu convivial (CMS)

Nous voulions que les administrateurs de CNE puissent profiter de la flexibilité et de la facilité de leur CMS WordPress. Avant le remaniement du site, les administrateurs avaient du mal à mettre à jour et à ajouter du contenu de manière autonome. Notre objectif principal a donc été de leur permettre de le faire. 

À l’aide de Gutenberg et de blocs ACF personnalisés, nous nous sommes assurés que le backend correspondait bien au frontend. Ainsi, l’équipe de CNE peut avoir une idée de ce à quoi ressemblera le contenu avant sa mise en ligne. Cela facilite considérablement la création d’une page, quelle que soit l’expérience des membres de l’équipe avec le Web.

La beauté de l’agilité 

Avec un délai serré et des objectifs ambitieux, une bonne organisation était la clé pour garantir la livraison d’un produit réussi. Le projet a débuté en mars avec un produit minimum viable (MVP) détaillé qui devrait être lancé à la fin du mois de mai. En divisant le travail en plusieurs étapes, il nous a été possible de répéter, d’améliorer et de publier de nouvelles fonctionnalités chaque semaine. Cette façon de procéder a amélioré le flux de travail à chaque étape et a fait de la rétroaction constructive et de la collaboration une partie intégrante du succès de ce site.