« LG2 a été bien plus qu’une agence pour nous. Son approche collaborative, son expertise en SEO, sa maîtrise technique des données et du CMS, ainsi que son accompagnement en gestion de projet ont été essentiels pour moderniser notre image de marque en ligne. »
Hugo Thibault
Vice-président, Marketing, Gestion FÉRIQUE
Gestion FÉRIQUE est un organisme à but non lucratif (OBNL) qui travaille dans l’intérêt de sa clientèle, en réinvestissant tous ses bénéfices au profit des gens qui détiennent des Fonds FÉRIQUE. En nous confiant le mandat de refonte de son site, l’OBNL souhaitait s’assurer que l’expérience numérique incarne sa mission d’accélérer l’autonomie financière des professionnel·les en génie du Québec.
LG2 a accompagné FÉRIQUE dans la refonte de son site pour simplifier le prochain clic de l’utilisateur·trice, tant sur un téléphone mobile que sur un ordinateur, et mieux positionner l’ensemble de son offre de clients B2C et B2B également. Performance, SEO, stratégie, design d’interaction (UX), direction artistique, design d’interfaces (UI), motion design, contenu, développement front-end et back-end, contrôle qualité et service-conseil, le tout chapeauté par une charge de projets expérimentée.
Une solution technologique à la fois robuste et souple
Avec une institution financière comme client, il fallait trouver une solution technologique assez robuste pour permettre la mise à jour en temps réel de données cruciales en lien avec la performance des fonds, tout en étant assez simple d’utilisation pour favoriser la publication fréquente de contenu de littératie financière. Nous avons opté pour une architecture découplée qui répond à l’ensemble des besoins de FÉRIQUE tout en réduisant la charge de travail de leur équipe TI.
Des données en temps réel et un portail sécurisé
Pour fournir toute l’information requise aux client·es de FÉRIQUE, c’est-à-dire la composition, le prix et les rendements des fonds, nos développeur·euses ont dû relever de nombreux défis, dont :
L’exploitation et la liaison de plusieurs sources de données.
La gestion des mises à jour à échéances variables (15 minutes, 24 heures, mois, trimestres, année, etc.).
La connexion du site à des flux de données en temps réel.
Le développement et l’application de calculs financiers complexes, faits en front-end.
La mise en place des imports automatisés de données à partir d’un FTP avec logs, tout en prévoyant la possibilité de relancer l’import manuellement au besoin.
Notre équipe a aussi dû prévoir une connexion à la section Membres, dédiée uniquement aux client·es, qui requiert des accès protégés pour création d’une demande d’adhésion, validation des accès et renouvellement de l’adhésion.
Les besoins des utilisateur·trices au cœur de la réflexion
La performance du site et les intentions de recherche ont informé la stratégie ainsi que la réflexion entourant l’expérience utilisateur·trices. Le site devait répondre à deux objectifs distincts et complémentaires – vendre et accompagner – pour s’adapter à ses deux types de cibles : les prospects, qui ont tout à découvrir de FÉRIQUE, et les client·es, avec qui il faut entretenir la relation.
Pour bien répondre aux besoins des prospects, l’interactivité, la scannabilité et des outils comme les calculateurs devaient venir soutenir l’expérience pour donner une impression de simplicité à une tâche potentiellement anxiogène.
Pour bien répondre aux besoins des client·es, il fallait concevoir un parcours de fidélisation qui leur permet d’être autonome et qui favorise l’éducation continue.
Un test d’arborescence pour mieux répondre aux besoins
Afin de maximiser l’utilisabilité du site, notre équipe de design d’expérience utilisateur·trices (UX) a proposé un test d’arborescence (tri de cartes) mené auprès de client·es actuel·les de FÉRIQUE. L’activité a été élaborée à partir des tendances dégagées dans l’analyse SEO et nous a permis de simplifier la structure du site et de limiter les points de friction.
Une fois l’arborescence cartographiée, notre designer UX a conçu des composants et des gabarits qui permettent de bâtir les différentes pages du site. En procédant de la sorte, nous avons travaillé efficacement tout en offrant un maximum de flexibilité au client pour mettre en valeur et faire évoluer son contenu pour les années à venir.
Une image de marque modernisée grâce au numérique
Inspiré·es par les insights dégagés, nous nous sommes approprié l’image de marque de FÉRIQUE et avons travaillé à la moderniser en :
Revoyant la palette de couleurs primaires et secondaires afin de la rendre plus harmonieuse et accessible, et conforme aux normes WCAG 2.1 AA.
Ajoutant des illustrations pour rendre des concepts abstraits plus concrets.
Revisitant la direction photo ainsi que la tonalité de marque.
La couleur bleue étant une couleur forte et identitaire pour FÉRIQUE, le choix d’une palette monochrome a apporté plus de richesse et d’équilibre tout en préservant l’énergie de la marque. Afin de rendre la plateforme plus humaine, moderne et harmonieuse, LG2 a collaboré avec un illustrateur indépendant, Luc Melanson, pour représenter des concepts plus abstraits et génériques. Nous avons proposé au client une librairie d’icônes ainsi qu’une direction photo qui viennent complémenter la nouvelle palette de couleurs.
Les typographies ont aussi été harmonisées avec l’utilisation d’une seule police de Google Fonts qui concorde avec la tonalité proposée et, surtout, qui assure une lisibilité optimale des chiffres. Finalement, pour créer plus d’impact, nous avons tiré profit des formes angulaires du F de FÉRIQUE, que l’on peut percevoir dans les transitions et micro-interactions.
Une création de contenu inspirée par les tendances de recherche
Pour s’assurer que l’expérience numérique développée répond aux besoins des utilisateur·trices tout en maximisant son potentiel de référencement, notre équipe de création de contenu numérique a fait des propositions optimisées pour la recherche organique (SEO).
En couplant une expérience de navigation complètement scannable au contenu adapté aux besoins de la cible, nous facilitons l’assimilation de l’information des utilisateur·trices tout en leur offrant l’option de sauter l’information qui leur semble évidente. C’est le génie du design au service de la marque. C’est une stratégie de vente qui repose sur le savoir et l’éducation.
Un site en évolution
Finalement, afin de suivre la performance du site après la mise en ligne, un tableau de bord offrant une vue globale sur les principaux indicateurs de performance a été développé. Ce qui nous permet d’identifier rapidement les opportunités d’optimisation afin de poursuivre la collaboration avec Gestion FÉRIQUE.
Depuis la mise en ligne, 92 % des visiteur·euses se disent satisfait·es ou très satisfait·es de l’expérience, ce qui se reflète dans l’augmentation de 90 % du temps d’engagement et dans celle de 20 % du nombre de sessions par visiteur·trice.
Client
Les professionel·les et les étudiant·es en génie du Québec ont la chance de pouvoir compter sur les Fonds FÉRIQUE pour accélérer leur autonomie financière. L’OBNL Gestion FÉRIQUE parvient à se distinguer de la concurrence, notamment des grandes institutions financières, grâce à la qualité du Service d’investissement FÉRIQUE et à ses ratios de frais de gestion (RFG) parmi les plus bas au Canada, le tout au bénéfice de ses client·es.
