Kryzalid
Expertises
Portfolio
Études de cas
Client
ÉDITIONS ALTO
https://editionsalto.com/
Problème
Alto est une maison d'édition québécoise fondée en 2005 qui publie des romans et des nouvelles en provenance du Québec, du Canada et du reste du monde. Il était primordial d’offrir une solution qui répond bien aux changements qui bousculent l’industrie du livre depuis plusieurs années. Nous avons opté pour une expérience de navigation agréable et visuelle afin qu’Alto puisse se démarquer de la compétition qui propose généralement de l’information abrégée et utilitaire. Les objectifs visaient à favoriser la découverte des œuvres, des auteurs et à offrir une boutique où l’expérience d’achat est conviviale et rapide. L'expérience utilisateur étant au cœur du mandat, notre équipe a procédé à la refonte du site en définissant un univers visuel engageant qui incite à l'exploration grâce à un maillage réfléchi entre les contenus et qui met tous les sens en éveil, que ce soit dans sa présentation épurée ou la disposition des informations complémentaires de façon plus attirante et dynamique pour l’usager.
Solution
Nous avons créé pour ce site un thème sur mesure comprenant de multiples gabarits de pages administrés avec WordPress. Le module WooCommerce pour la vente des produits offre la gestion des stocks, des taxes, des coûts de transport, un système de paiement et des statistiques de vente. Afin de simplifier la navigation, le catalogue offre maintenant la possibilité de filtrer les livres par type, formats, provenance et genre à même le menu déroulant; un bel exemple du mariage entre l’expérience utilisateur, le design UI et le développement technique. On trouve sur la page d'une publication les informations utiles à l'achat (description, formats papiers ou numériques), un lien vers un extrait, une citation, les prix reçus, des échos de la presse, un résumé de l'auteur et des titres complémentaires en bas de page. Le fil conducteur dans l'ensemble du site web est sa coloration monochrome qui prend vie grâce à l'ajout d'une couleur unique d'arrière-plan en lien avec chaque livre et facilement administrable. Ce travail collaboratif entre nos designers UX, UI et nos développeurs offre un rendu final vivant et personnalisé. En fait, les membres attachés au projet (y compris nos directeurs artistique et technique) valident les phases du design UX et UI afin de s’assurer que les gabarits correspondent bien aux réalités du développement web et se retrouvent dans le cahier des charges pour que tous les membres puissent s’y référer en tout temps durant le développement et la phase de contrôle qualité avant la mise en ligne.
Résultat
Si on compare les périodes de mars 2021 à février 2022 à la même période de 2022 à 2023, on note une augmentation du nombre de sessions de 1,25 à 1,40 par utilisateur, du nombre de pages de 2,14 à 2,42 par session, de la durée moyenne de 1:24 à 2:00 minutes par session, ainsi qu’un taux de rebond qui a diminué de 71,63% à 64,02%, ce qui démontre un intérêt grandissant des utilisateurs à demeurer sur le site plus longtemps.
Client
ASSOCIATION DES FIRMES DE GÉNIE-CONSEIL - QUÉBEC (AFG)
https://afg.quebec/
Problème
L’Association des firmes de génie-conseil – Québec (AFG) agit à titre de porte-parole de l’industrie du génie-conseil et des services spécialisés dans le domaine de la construction et de l’environnement. Fondée en 1974, elle représente des firmes de toutes tailles, présentes dans toutes les régions du Québec. Sa mission est d'unir les forces de la profession pour élever, développer et faire rayonner le génie-conseil québécois. Notre mission était de procéder à la refonte du site web de l'association afin de projeter une image plus moderne de l’AFG, en plus de faire connaître le rôle et la valeur ajoutée des professionnels du génie-conseil dans les projets, notamment en matière de développement durable.
Solution
Nous avons créé une nouvelle plateforme numérique qui est non seulement fraîche, vivante et intuitive pour les utilisateurs mais qui est du même coup beaucoup plus facile à administrer par l'AFG. Au niveau technique, nous avons développé un thème sur mesure basé sur le gestionnaire de contenu WordPress. Une stratégie SEO a été implémentée afin de valoriser le référencement dans les moteurs de recherche. À la phase de conception UX, des espaces publicitaires standards ont été prévus sur les gabarits de page et un module en permet la gestion dans l'administration. L'implémentation du moteur de recherche AddSearch permet de puiser dans les contenus disponibles sur le site et de proposer à l’utilisateur les meilleurs résultats. Un système de création, d’affichage et de priorisation de messages importants permet d'informer la clientèle rapidement.
Résultat
L’expérience utilisateur étant au cœur de cette refonte, le nouveau site web est plus facilement consultable sur tous types d'appareils (responsive). Les contenus ont été épurés et mieux structurés afin que l’information soit pertinente et facilement accessible. Par exemple, le répertoire des membres, qui contient beaucoup d’information, a été réorganisé afin de faire ressortir l’essentiel au premier coup d'œil et des filtres permettent de rechercher par secteur d'activité, un service ou une localisation. D’autres contenus ont aussi été mis en valeur, comme les chantiers de réflexion, le blogue et les publications.
Client
COLLÈGE STANISLAS
https://stanislas.qc.ca/
Problème
Le Collège Stanislas a été fondé en 1938 à l’initiative d’un ancien président de la Société des nations, le Sénateur Raoul Dandurand. Les programmes dispensés au Collège Stanislas sont ceux du système éducatif français. Ils sont homologués par l’AEFE qui en garantit le bon respect, dans ses contenus et sa philosophie. Ils sont enrichis par des enseignements issus des programmes québécois. Le Collège Stanislas engage tous ses élèves, de la maternelle à l’entrée à l’université, dans leur développement global en vue de leur permettre de développer le potentiel qu’ils ont en eux et de devenir des acteurs positifs pour la société de demain. Le site web ne répondait plus aux besoins du Collège. Réparti sur deux plateformes distinctes (Montréal et Québec), le maillage des informations était difficile et la répétition dans les mises à jours n'était plus viable.
Solution
Rassembler en un seul site web les informations communes au Collège Stanislas, et diviser ce qui a trait à chaque campus dans des onglets à l'intérieur du site web plutôt que de conserver la mécanique actuelle de deux sites web parallèles. Suite à une mise en contexte des orientations du plan stratégique de l’établissement, notre équipe a réalisé des sondages et des consultations avec les équipes de direction, le personnel et les partenaires institutionnels, afin de bien comprendre les besoins des parties prenantes. Cet exercice a permis d'analyser les écarts et les opportunités dans la formulation de nos recommandations pour la refonte de la plateforme web. L'administration du nouveau site web, supportée par le gestionnaire de contenu WordPress, est intuitive et facilite les mises à jour par le personnel du Collège grâce à une gestion complète des usagers, de leurs rôles et droits d’utilisation. Elle offre un niveau de flexibilité idéal pour la gestion de l’arborescence et des différents menus assurant la navigation au sein du site web. L’expérience d’édition de contenu a été totalement repensée pour les pages et les articles à contenu enrichi avec l'éditeur de contenu Gutenberg qui apporte une grande flexibilité. L’éditeur permet de formater les textes à l’aide de styles prédéfinis. Il permet aussi l’ajout facile et rapide de plusieurs types de contenu, incluant des images et des vidéos.
Résultat
La nouvelle architecture d'information tient compte des groupes cibles (nouveaux élèves, élèves et parents actuels, campus) et l'arborescence rassemble les informations communes au Collège et divise ce qui a trait à chaque campus. Entre autres, il était important d'informer adéquatement les futurs parents (cursus, examens, taux de réussite, etc.), mettre en valeur les attraits et les avantages d’étudier au Collège, et informer les visiteurs sur la vision et le plan stratégique de l'établissement. Les contenus ont été étoffés pour les sections Vie en classe et pour les activités parascolaires. Les actualités et les événements peuvent être filtrés facilement, soit par campus, par catégorie, par date, etc. La nouvelle identité visuelle du site web est basée sur l'image de marque du Collège et met en valeur le logo et les armoiries, ainsi que la coloration rouge et bleu présente dans l'ensemble des communications. Une grande vidéo accueille les visiteurs dès leur entrée sur la nouvelle plateforme et le design, simple et élégant, met en valeur la photographie à travers l'ensemble du site web. Les menus déroulant permettent de consulter rapidement toutes les informations relatives à chaque onglet de navigation. Un système d'alertes a été mis en place afin de pouvoir diffuser rapidement les messages urgents. Une place de choix dans le menu principal fait la promotion de la Fondation du Collège Stanislas.