Comment simplifier la gestion de contenu d’un grand site institutionnel grâce à une approche modulaire

Refonte du site de l’Ordre des CRHA

Projet de transformation numérique pour une organisation d’envergure

Contexte

L’Ordre des conseillers en ressources humaines agréés (CRHA) a mandaté notre équipe pour une refonte complète de son site web, un projet stratégique visant à améliorer l’accessibilité de l’information, l’expérience utilisateur et la performance du site, tout en modernisant l’écosystème numérique.

Ce mandat s’inscrit dans la continuité de ma contribution auprès d’organisations d’impact : ordres professionnels, fédérations, fondations et grands OBNL.

Objectifs du projet

• Repenser l’architecture de l’information pour mieux servir les membres CRHA/CRIA, les employeurs et le grand public

• Offrir une expérience fluide et accessible sur tous les appareils

• Permettre une gestion éditoriale souple pour l’équipe interne

• Intégrer un backend robuste malgré plusieurs dépendances externes

Approche et livrables

Stratégie de contenu et UX

Nous avons structuré l’information selon les besoins des différents publics cibles. Grâce à une interface modulaire et claire, le site assure une lecture fluide et une navigation intuitive, autant sur desktop que mobile.

Conception modulaire

• Blocs d’édition sur mesure

• Compositions de blocs (block patterns)

• Flexibilité maximale pour créer des pages dynamiques avec un minimum d’efforts

Recherche et navigation

• Répertoire de membres

• Performance de recherche optimisée dès les premiers tests

• Navigation rapide dans un contenu riche et structuré

Développement et intégrations techniques

Backend et performance

• Extension développée sur mesure pour l'Ordre des CRHA

• Importation automatisée de centaines de fichiers PDF sans perte de données

• Environnement de staging et système de versioning pour des déploiements sans friction.

La portion backend du projet comportait des impondérables — notamment la collaboration avec Sidlee pour remplacer le CMS qui était en place (Sitecore) et établir les redirections nécessaires au bon fonctionnement des systèmes utilisés quotidiennement par les membres de l'Ordre.

Afin de supporter le passé, nous avons procédé au développement d'un importateur pour réintégrer automatiquement le contenu de tous les communiqués de presse et des mémoires de la Salle de presse. Nous avons aussi créé des outils pour faciliter l'intégration de contenu pour plusieurs types de répertoires (conseil d'administration, comités régionaux, médiateurs accrédités, etc.)

Faits saillants

Équipe projet

• Stratégie et gestion de projet : Isabelle Emond

• Design UX/UI : Nancie Dezainde

• Développement front-end : Nicolas Bazinet

• Développement back-end : Jean-Philippe Gauthier (JPG Dev)

Remerciements

Un immense merci à l’équipe de l’Ordre des CRHA pour sa confiance.

View fullsize

View fullsize

View fullsize

Comment passer des messages de sécurité aux membres de la Fédération Québécoise de Kite

Mandat

Refonte du site Web de la FQK et refonte de l’outil de planification de sortie (carte des sites de pratiques)

La Fédération Québécoise de Kite (FQK) est un jeune organisme reconnu par le gouvernement à titre d’Organisme national de loisir (ONL). Au Québec, elle assume un rôle de leader dans la promotion et l’encadrement de la pratique récréative, sécuritaire et éthique des sports de glisse aérotractés.

Sa mission est de consolider, développer et faire la promotion des sports de glisse aérotractés, dont le kite et la wing, au bénéfice de ses adeptes et des sites de pratique du Québec.

La stratégie

Transformer le site Web de la Fédération Québécoise de Kite en une ressource indispensable pour les membres, favorisant ainsi l'engagement, la communication de messages de sécurité et l’augmentation de ses membres. 

Penser le nouveau site Web pour répondre aux besoins des membres plutôt qu’aux besoins administratifs, c’est-à-dire mettre les priorités des membres devant les besoins organisationnels.  

Les objectifs principaux de la refonte ont été les suivants:

1. Améliorer l'autonomie de l’organisation. 

2. Résoudre les problèmes d'UX. 

3. Penser aux membres qui consultent la carte en mobile fisrt.

4. Garder une compatibilité avec les projets interfédération de géomatique.

Détail des objectifs:

• Augmenter la fréquentation du site Web et l'engagement des membres : en adoptant une approche axée sur l'outil indispensable pour planifier une sortie. Le site Web devient la destination incontournable des membres pour trouver des informations sur les spots de kite, organiser leurs sorties et s’assurer que le lieu corresponde à leur niveau. 

• Renforcer la communication des messages de sécurité : intégrer les messages de sécurité dans diverses sections du site tels que les descriptions des spots, les articles de blogue et les pages d'informations, permet de sensibiliser les membres aux bonnes pratiques dans une optique positive et non coercitive. 

• Promouvoir les écoles et les bonnes pratiques : le site Web devient une plateforme idéale pour mettre en avant les écoles de kite certifiées FQK, diffuser des contenus éducatifs sur les bonnes pratiques et sensibiliser à l'importance de la sécurité.

• Faciliter l'acquisition de nouveaux membres : en offrant une valeur ajoutée aux membres existants et en attirant de nouveaux visiteurs grâce à ses nouvelles fonctionnalités et outils pratiques, le site Web contribue à l'essor de la fédération.

Quoi de neuf: 

• Performance accrue : un site Web plus rapide et optimisé qui offre maintenant une meilleure expérience utilisateur et encourage les visites répétées, entre autres, grâce à l'amélioration significative de la durée du chargement des pages. 

• Refonte de carte des sites de pratique : une carte des spots de kite en version mobile, avec des informations sur les directions des vents, les accès et les réglementations, permettent aux membres de planifier leurs sorties en toute confiance, en plus d’offrir enfin une expérience mobile. 

• Ajout d’un cadran de directions des vents ; 

• Ajout d’un système de filtre de niveau de pratique ;

• Possibilité de modifier rapidement toutes les options de vues, filtres, légendes, etc., telles que “directions des vents”, “surface”, “discipline”, “informations”, “rechercher ma localisation”, “rechercher une adresse”

• Possibilité de modifier le niveau d’agrandissement de départ et le centre de la carte ;

• Possibilité d’ajouter des photos des sites (ce qui n’était pas le cas avant) ;

• Ajout d’une barre de recherche ;

• Ajout d’un carrousel photo.

• Système de gestion de contenu (CMS) performant : un CMS performant et beaucoup plus facile dans la gestion et la mise à jour du contenu. La FQK souffrait beaucoup du manque d’autonomie et de son CMS inadéquat.

• Section blogue bonifiée : des articles de blogue beaucoup plus imagés sur des sujets liés au kite, à la sécurité et aux bonnes pratiques qui attirent les membres et renforcent leur engagement. 

• Ajout de photo pleine grandeur et ajout de carrousel 

• Possibilité d’écrire des articles plus étoffés et plus imagés

Voici ce qui a été modifié en back-end et sur la base de données

• La librairie Leaflet, pour permettre de “skinner” l’interface à l’image de la marque FQK.

• L’interface est passée de l’anglais au français.

• Les icônes “boussole” et “maison” ont été retirées, car elle n’étaient pas utiles.

• L'icône “sélection” a été retirée, car elle créait la confusion et n’avait pas d’utilité.

• L’icône “couche”, dans le bas, a été retirée pour faciliter la navigation mobile. C’était également un doublon.

• L’icône “pour vous y rendre”, dans le bas, a été retirée pour faciliter la navigation mobile. Il n’était pas possible d’utiliser la fonctionnalité, de toute façon.

• Les nombreuses couches météo ont été épurées, pour n’en conserver qu’une.

• La couche “météo” n’est plus activée par défaut (les nombreuses flèches blanches).

Choix de technologie

Développement sur Wordpress, avec un thème custom codé sur mesure

• Thème custom permettant littéralement de tout faire. Pas de limitation avec un site builder. Facilement extensible pour les besoins futurs.

• Adieu aux limitations des plateformes comme Divi, Elementor ou Bakery.

• Contrôle complet et simple du site, avec un CMS sur mesure. 

• Compatibilité parfaite avec Learndash : intégration fluide avec leur plateforme de formation. 
  

Ce faisant, la FKQ avec son nouveau site Web réaffirme son rôle de leader dans le domaine du kitesurf, au Québec, et se positionne comme un outil indispensable pour tous les passionnés de kite et de wing au Québec.

L’équipe

L’expertise de précieux collaborateurs a été requise afin de faire de ce projet une réussite :

Conception et réalisation du projet Web par Isabelle Emond et l’équipe suivante:

Direction de compte et direction de création : Isabelle Emond

Développement Web et intégration : Dominique Fournier

Expérience utilisateur UX/UI et Design Web : Nancie Dezainde

Illustrations et création d’icônes : Maude Jacob-Daignault

Rédaction du contenu web :  FQK

Révision du contenu : Marie-Hélène Lagacé

Géomatique: Judith Landry et Stéfane Richard

Comment vulgariser un produit-service en intelligence artificielle pour rejoindre des publics aux besoins très différents

Contexte

Les messages de Niosense étaient trop pointus et n’étaient pas centrés sur les besoins des utilisateurs. Ils s’adressent à deux clientèles cibles radicalement différentes, les villes et les compagnies de transport. Nous avons rédigé des messages plus clairs et directs susceptibles de les rejoindre toutes les deux. Nous avons proposé une grille très épuré et produits des illustrations et des schémas sur mesure afin de vulgariser l’information.

Le mandat

Alignement stratégique, ajustement des messages et création du site Web. 

Si Niosense s’est donné comme mission de rendre la circulation plus fluide et plus sécuritaire tout en réduisant les émissions de GES, nous nous sommes donné le défi de rendre les messages concis et clairs  et la navigation la plus simple possible. 

• Démontrer clairement et directement le bénéfice de Niosense pour la clientèle.

• Avoir une articulation pour les inbounds avec un site Web adapté représentant bien les propositions de valeur pour les clients cibles (villes, compagnies de transport).

Site Web et production d’illustrations sur mesure

La refonte du site web de Niosense présentait un défi de taille: vulgariser un contenu complexe et technique de façon simple et efficace dans un environnement visuel invitant et moderne. L’utilisation d’une grille claire et épurée, la création d’illustrations et d’animations personnalisées, la sélection d’images pertinentes, le développement d’une palette de couleurs inspirantes ainsi qu’un raffinement du logo existant ont permis de relever ce défi.

La performance est l’un des aspects cruciaux que nous avons gardé en tête tout au long du développement. Proposer une solution pour faire économiser du temps aux camionneurs ne tient pas la route si le site web de l’entreprise est lent. Nous nous sommes donc assuré d’obtenir le temps de chargement le plus rapide que possible.

L’équipe

L’expertise de précieux collaborateurs a été requise afin de faire de ce projet une réussite:

Client : Niosense
Service-conseil et gestion de projet: Isabelle Emond
Stratégie et positionnement d’affaires: Isabelle Demers
Design Web : Sarah Gobeil
Expérience utilisateur UX/UI: Sarah Gobeil
Programmation : Nicolas Bazinet
Animations: Dominique Fournier
Illustrations: Mélanie Baillairgé
Rédaction: Charles Chartrand

Redonner vie au site de Chaîne de vie

Mission : créer un organe vital de diffusion d’information afin de lancer la discussion en famille !

Refonte Web Chaîne de vie par Isabelle Emond et son équipe

L’opération consistait à fusionner deux sites sous une même URL et à dynamiser le site de plusieurs façons : améliorer l’image de marque, utiliser des illustrations pour exprimer des concepts plus complexes tout en touchant la sensibilité des gens, atténuer l’image d’entreprise traditionnelle de manière à porter les messages avec émotion, ajouter un module de don et intégrer des dispositifs destinés à faciliter l’inscription au Défi Chaîne de vie, dont le paiement en ligne facile et la production et l’envoi de reçus fiscaux automatique. Une section privée a été également conçue afin que les enseignants puissent trouver tout le matériel nécessaire pour enseigner le programme Chaîne de vie.

Section Se sensibiliser Chaine de vie

« C’est en éduquant les jeunes au don d’organes et en les encourageant à en discuter en famille qu’on réussira à créer une réelle culture du don au sein de la population québécoise. » Des jeunes sensibilisés = des familles informées = plus de vies sauvées

Crédits 

Conception et réalisation du projet Web réalisées par Isabelle Emond en collaboration avec:

Direction de compte : Isabelle Emond
Design Web : Nancie Dezainde
Expérience utilisateur UX/UI : Nancie Dezainde
Création d’icônes : Valérie Beaulieu
Illustrations : Valérie Beaulieu montage et coloration à partir d’illustration iStockphoto
Intégration et interactivité : Nicolas Bazinet
Programmation : Jean-Philippe Beaulieu
Textes et photos : Chaîne de vie
Traduction : Judith Rohlf

Site Web Bretelles sur Shopify

Décabaniser les produits d’érable en modernisant leur mise en marché

BRIEF

Depuis quelques décennies, la mise en marché des produits d’érable a peu évolué, outre quelques produits haut de gamme dans la catégorie cadeau, l’offre aux consommateurs est demeurée sensiblement la même… Cette situation confine donc l’érable en large partie aux créneaux du petit déjeuner, de la saison des sucres et du tourisme. Or, la catégorie de l’érable peut offrir tellement plus en mettant de l’avant ses attributs culinaires et nutritifs ainsi qu’en offrant des produits qui l’utilise et le mette en valeur. D’abord et avant tout, l’érable est un ingrédient sucrant naturel, local, pur, éco-responsable, qualitatif et délicieux. C’est un produit actuel dont le plein potentiel demeure à être développé…

Bretelles brise le moule en créant une gamme de produits ludique et rassembleuse mettant en valeur l’utilisation de l’érable au quotidien.

- Polygraphe


Réalisation

• Site Web qui utilise la plateforme Shopify

• Séance photo des produits

• Portraits des entrepreneurs

Crédits

Projet signé par Isabelle Emond

Direction de compte:  Isabelle Emond

Direction de création: Marie-Claude Fortin

Direction Artistique: Edith Morin 

Photographe: Phil Bernard

Set Designer: Evelyne Morin

Front-end: Dominique Fournier

Rédaction: Isabelle Meplon

Adaptation: Tina Wayland 

Relecture: Anne-Marie Desbiens 

Un merci tout particulier à l’équipe de Polygraphe 🤍

Valoriser 10 ans de travail bénévole

PROJET DE REFONTE WEB

Dans le cadre de son 10e Anniversaire, l’organisme a profité de l’occasion pour faire sa réflexion stratégique et préciser ses champs d’intervention. Elle souhaitait mettre ses outils de communication en harmonie avec la nouvelle direction.

"A l'aube de notre dixième anniversaire, nous souhaitions trouver une agence qui puisse nous aider dans le design de nos nouveaux outils de communication et la refonte de notre site web. Isabelle Emond nous a été recommandé fortement compte tenu des champs d'intérêts pour le voyage, l'humanitaire et la folle envie d'aider ici comme ailleurs.

Isabelle et son équipe ont su écouter, faciliter et créer ce nouvel écrin qui représente Monde par la main avec beaucoup de sensibilité. Je suis reconnaissant d'avoir eu la chance de travailler avec Isabelle et son équipe. Un cadeau d'anniversaire à notre image !" - Daniel Lalande, président de Monde par la main - Give a Hand

Les objectifs

1. Attirer des donateurs de plus grande envergure dans le but d’accroître les investissements auprès des communautés.

2. Créer un impact plus important auprès des partenaires.

3. Communiquer clairement l’arrimage, la pertinence et la qualité des projets soutenus.

4. Toucher avec des codes autres que ceux de la culpabilité

5. Donner l’autonomie à l’équipe de faire ses mises à jour sur une console de gestion de contenu (CMS)

Ce qui a été fait

Mettre les humains, les projets, les partenaires terrain & les bénévoles au cœur du site

Développer une identité plus organique, sensible et plus féminine. Donner une meilleure vitrine aux projets soutenu par Monde par la Main.

Utiliser l’illustration artistique pour se distancer des codes corporatifs

Élaborer le nouveau site Web et ses outils de communication

Actions Web;

·      Plus grande vitrine pour les projets

·      Mise en valeur de l’équipe

·      Création d’illustrations sur mesure

·      Réécriture de l’ensemble des contenus.

·      Ajustement du logo

L’équipe 

L’expertise de précieux collaborateurs a été requise afin de faire de ce projet une réussite :

Conception et réalisation du projet Web par Isabelle Emond et son équipe:

• Direction de compte et direction de création: Isabelle Emond

• Expérience utilisateur UX/UI et Design Web: Nancie Dezainde

• Illustrations et création d’icônes: Mélanie Baillairgé

• Développement Web et Intégration: Dominique Fournier

• Rédaction: Daniel Lalande

• Révision: Monique Pelletier, Johanne de Champlain

• Adaptation vers l’anglais: Denise Lalande, Melissa Bensiali-Hadaud

Photos

• Photos des projets: Les partenaires de Monde par la main

• Photos: Nicole Périat

“Bravo Monde par la main!
Dix ans de travail bénévole, 65 projets porteurs d’espoir, dans 25 pays pour améliorer la vie de 30 000 personnes ”

— Isabelle Emond

Faire ressortir le caractère unique de l’offre d’une entreprise en recrutement

Refonte site Web de Groom

Repositionnement d’affaires, stratégie d’image de marque et refonte Web.

Le contexte

Groom & Associés est une agence de recrutement et de dotation pancanadienne, active depuis plus de 25 ans. Fondée par Karen Groom, l’entreprise familiale a su développer une expertise spécifique dans le domaine technologique, de l’ingénierie, des sciences et des sciences de la vie et dessert principalement le marché des grandes PME, pour des postes de professionnels séniors et de cadres intermédiaires et supérieurs.  

“Pour avoir travaillé près de 11 ans dans l’entreprise familiale fondée par mon père, comme designer et ensuite directrice du développement, j’étais bien placée pour comprendre la dynamique et les défis quotidiens de Groom.”

Les enjeux 

Peu de caractéristiques distinctives. Le domaine des agences de recrutement est hautement compétitif et, mis à part les segments visés et le type de recrutement offert, peu de caractéristiques sont distinctives. Aussi, l’éthique de travail, les valeurs de l’entreprise, son mode de fonctionnement et la vision des dirigeants sont des éléments qui doivent absolument être mis de l’avant dans une démarche visant à mieux positionner l’offre et faire ressortir sa promesse unique qui la différencie de la compétition.

Un site B2B qui agit comme un site B2C. La courbe de croissance du volume de fréquentation du site web n’est pas concordante avec le taux de conversion des clients visés. L’offre et le look & feel générique du site Web font en sorte que la clientèle ciblée ne se retrouve pas et est noyée par la clientèle de masse.

Audit initial : quelques constatations. L’audit initial du site Web a abouti à quelques évidences et questions - voici les plus critique :

Look & feel “confusing”. Un écart existant entre l'apparence et la convivialité haut de gamme et un large éventail de services, y compris la promotion de postes génériques ou d’entrée.

Ambiance bancaire. Apparence similaire au secteur bancaire, sans lien avec l'audience recherchée.

Générique. Le large spectre des services laisse au visiteur le sentiment d’être devant une offre fourre-tout (jack of all trade-master of none), surtout face à la concurrence, ce qui expliquerait aussi le faible taux de conversion.

Structure complexe. Navigation complexe, d'innombrables options de clic laissant au client trop d'options …

Contenu lourd. Un site Web avec une abondance de texte, de nombreuses redondances, obligeant le public à lire le menu en détail pour comprendre l'offre et ses avantages concurrentiels, au lieu de la ressentir, de la comprendre plus intuitivement.

L’importance de faire une bonne première impression. Laissons-nous les visiteurs avec la bonne impression de la promesse et de l’ADN de l’organisation? L’aspect générique de l’offre et du site laisse penser le contraire étant donné le comportement des visiteurs sur le site. 

Le coté sombre d’avoir autant de visiteurs. Le nombre élevé de visiteurs contribue-t-il de manière positive à la reconnaissance de la marque? Ou est-ce que cela évoque plutôt une entreprise avec des services qu’ils ne comprennent pas ou dont ils n’ont pas besoin?

Viser la bonne cible?. Combien de visiteurs sont réellement des chercheurs d’emploi, des professionnels des ressources humaines débutants ou professionnels, des décideurs et des professionnels du recrutement?

Une grande ou une petite organisation?. Le nom de marque (Groom & Associates) et l’emplacement des nombreux bureaux donnent à penser que l’organisation est imposante et nationale.  

Les défis

Permettre aux différentes clientèles du site, particulièrement les grandes entreprises, de retrouver avec facilité, rapidité et ergonomie toutes les informations pertinentes, notamment quant aux services offerts et spécialités visées.

Différencier la marque dans l’écosystème compétitif des agences de recrutement

Les solutions

Mettre les clients et les segments visés au centre de l’offre :

• Définir de façon claire le positionnement d’affaires unique de l'entreprise, développer une identité visuelle distincte et améliorer l’expérience de navigation afin de soutenir les efforts de l’équipe de vente.

• Élaborer le nouveau site Web et ses outils de communication :

• Répondre à un objectif principal : attirer les clients (employeurs) représentant les segments de marché ciblés (industries) qui cherchent à combler des besoins (dotation) d’expertise professionnels spécifiques.
  

Pour ce faire : revoir entièrement le site Web sans perdre les acquis du référencement :

• Développer la structure, le look et le contenu de façon à informer et attirer chacun des publics cibles selon leurs sources de motivations.

• Revoir plusieurs aspects visuels : logo, identité visuelle de la marque, signature graphique, etc. afin que la perception renforce la promesse.

• Mettre de l’avant le blogue afin de continuer à contribuer à générer des leads qualifiés.

“Vouloir s’adresser à tout le monde, c’est ne parler à personne ! Souvent, les entreprises hésitent à faire des changements (choix de marché) de peur de perdre leurs acquis. On les comprend. Mais se distinguer dans le marché demande de trouver notre unicité, et celle-ci ne peut être générique. La stratégie client doit avoir le courage de choisir sa niche, quitte à se diversifier ensuite.”

— Isabelle Demers

Les actions réalisées

• Une stratégie de positionnement incluant l’ADN de la marque

• Faire le choix de certaines spécialités (secteurs d’activités) et en retrancher d’autres

• Une mise à jour de l’identité visuelle

• Simplification du nom et des messages

• L’élaboration d’une promesse distinctive

• Une nouvelle signature: « We recruit experts »

• La refonte complète du Site Web

• Une stratégie qui renforce la promesse

• Une stratégie pour rester Top of mind

• Stratégie de contenu pour mieux rejoindre les cibles

• Des recommandations UX et SEO pour convertir davantage

Actions Web

• Ajout de call to action clair

• Ajout de formulaire de prise de contact et traçabilité de celui-ci

• Formulaires faciles et mesurables pour la conversion

• Édition d’un White Paper

• Amélioration des contenus du blogue et illustration des articles

• Présentation des employés (ajouter l’élément humain)

• Grandes images

• Mobile friendly

L’équipe

L’expertise de précieux collaborateurs a été requise afin de faire de ce projet une réussite :

Direction de compte gestion de projets : Isabelle Emond
Stratégie et positionnement d’affaires : Isabelle Demers, idmrs
Design Web : Nancie Dezainde
Expérience utilisateur UX/UI:  Nancie Dezainde
Illustrations et création d’icônes : Mélanie Baillairgé
Lead développement : Dominique Fournier
Programmation : Jean-Philippe Beaulieu
Stratégie de référencement : David Carle
Rédaction : Terry Paquet
Traduction vers le français : Anne-Marie Desbiens
Photos des employés : Phil Bernard

Comment aider des retraités à se lancer dans l’entrepreneuriat social?

L’idée qu’entreprendre est réservé à de jeunes génies audacieux est révolue! Lancer une entreprise est-il réservé aux jeunes ? Pas du tout, m’a rappelé l’organisme Présâges, avec son projet Mûr.e pour entreprendre.

Nous avons crée une plateforme Web où le concept «entreprendre à la retraite» est abordé de façon plus large, notamment pour diriger les retraités vers l’entrepreneuriat social.  

Afin de mettre en valeur l’entrepreneuriat social à la retraite, nous avons conçu un site permettant de: 

• S’informer

• S’outiller

• Entreprendre et 

• Mobiliser un écosystème

“« Notre mandat, c’était de rejoindre les retraités autrement, en évitant les représentations “bucoliques’ de la retraite ou de l’âge mûr. Pour créer un univers propre au projet et sortir des représentations traditionnelles des personnes plus âgées, j’ai opté pour l’illustration. »”

Le design Web proposé par Laura Lee et les illustrations d’Alyssa Gonzalez apportent une fraîcheur au site en insufflant créativité et ingéniosité dans les pages. La nature collective et communautaire du projet est aussi mise en valeur dans chacune des pages Web où s’activent des personnes mûres, au profil diversifié.

“« C’est un projet fantastique ! Il s’inscrit parfaitement dans le type de projets porteurs et de clients avec lesquels je veux travailler. C’est-à-dire des gens qui proposent des solutions collectives et durables aux divers défis de nos communautés en pleine transformation. »”

— Isabelle Emond

---

Crédit:

Client: Présâges
Consultante marketing et gestionnaire Web: Isabelle Emond
Design Web: Laura Lee Moreau
Illustrations principales: Alyssa Gonzalez
Intégration du design et programmation: Dominique Fournier
Traduction: Tina Wayland

Refonte du site Web de l’Ordre professionnel de la physiothérapie du Québec

Le mandat

Accompagner l’OPPQ à respecter les normes de l’industrie en ce qui a trait au UX/UI et aux bonnes pratiques Web.

Le nouveau site Web devait répondre aux grands objectifs suivants:

1. L’amélioration de l’aspect visuel

   • Revoir entièrement le visuel du site Web afin de le moderniser et de l’adapter aux publics cibles.

   • Mettre en valeur les sections clés du site Web, qu’elles soient destinées au grand public ou encore aux membres de l’Ordre.

     • Blogue

     • Moteur de recherche Trouvez un professionnel

     • Catalogue de formation

     • La section membres

     • Mon Compte
       

2. L’amélioration de l’aspect ergonomique pour faciliter l’usage:

   • À la fois pour que l’OPPQ puisse gérer la plateforme et modifier le contenu de son site Web plus facilement et de façon plus autonome, mais aussi pour que les internautes naviguent intuitivement à travers le site Web;

   • Reprendre les contenus et les fonctionnalités existants sur le site Web actuel et les rendre plus attractifs et performants;

   • Améliorer et perfectionner la navigation.
     

3. Répondre à toutes les normes de référencement (SEO) et aux bonnes pratiques SEO. Le site Web devait préserver ses bons résultats en matière de référencement, mais devait également être réfléchi afin d’améliorer davantage son positionnement. Une version responsive de qualité était obligatoire pour atteindre cet objectif.
   

4. Permettre à l’équipe des communications de l’OPPQ d’être plus autonome dans la mise en page, l’intégration et la mise à jour de ses contenus. De nouvelles fonctionnalités devaient venir compléter l’interface du CMS pour permettre une gestion plus rapide et plus efficace des contenus.

“J’ai conduit ce projet avec l’intention profonde d’instaurer un climat d’échange et d’ouverture afin que les visions de tout un chacun puissent s’harmoniser dans l’intérêt du projet. ”

— Isabelle Emond

Navigation et ergonomie

Une attention particulière a été accordée aux usagers. Nous nous sommes demandés quand recherchent-ils l’information, sur quelle plateforme et pourquoi? 

C’est avec l’architecte d’information et directrice artistique Nancie Dezainde que j’ai décidé de travailler ce volet. Elle a été responsable de la réalisation de l’arborescence, de l'ensemble des maquettes fonctionnelles et visuelles.  

“En plus d’être efficaces et compétents, vous avez su être attentifs aux moindres détails tout en améliorant en permanence le site Web. Le résultat est extraordinaire et je vous en remercie grandement. Vous êtes une équipe de feu !”

— Marine Pannier, Conseillère en communication Web et réseaux sociaux OPPQ

“Nous souhaitions que les utilisateurs comprennent ce qu’est la physiothérapie, comment elle peut les aider dans leur quotidien, quels sont leurs droits et comment l’OPPQ peut les protéger. Nous voulions qu’ils aient confiance en nous pour les protéger, mais aussi envers la compétence des professionnels de la physiothérapie.

Certes, ce sentiment passe par une information bien écrite, détaillée et surtout vulgarisée, mais elle passe également par une ergonomie bien réfléchie qui met l’information en valeur.”

— Marine Pannier

Optimisation SEO

La quantité de contenu textuel sur l’ancien site était un défi autant qu’une force, en termes de SEO acquis. J’ai confié le plan de transition à mon spécialiste en acquisition SEO David Carle.

Identifier les précieux leads à conserver et maximiser le potentiel du référencement organique fût sa priorité afin de s’assurer de ne rien perdre en termes d’acquis lors de la réécriture des contenus.

David Carle a mis en pratique son expertise pour trois tâches précises :

• Conserver les acquis SEO chèrement obtenus.

• Préparer une stratégie d’optimisation pour le nouveau site, ainsi qu’une stratégie de contenu pour le blogue du site.

• Rédiger un plan pour les redirections et offrir des conseils en continue sur la création de contenus stratégiques.

Pour la rédaction, nous avons formé l'équipe des communications et les avons incité à prioriser la réécriture de certains contenu. 

Intégration HTML et développement back-end

Parce que tous les utilisateurs y gagnent! Le client, ses membres, le grand public. Quoi de plus frustrant que d’attendre après le chargement d’une page ou d’une section pour obtenir une réponse pourtant simple à afficher ? Problème majeur auquel nous nous sommes attaqué dès le début du projet.

Grâce à une super équipe de développeur, l’OPPQ a pu tester et apprécier sa nouvelle console de gestion.

• Nicolas Bazinet, lead développer et intégrateur front-end

• Jean-Philippe Beaulieu, Développeur PHP Sénior.

Améliorations majeures

1. Amélioration considérable du moteur de recherche « trouver un professionnel »

2. Publication des petites annonces en ligne et paiement en ligne.

3. Bonification du fonctionnement du blogue

   • Ajout de nouvelles en vedette

   • Inscription au blogue et abonnement à une infolettre

   • Infolettre avec Flux RSS

4. Amélioration de la section des formations continues.

5. Travail majeur sur l’environnement sécurisé pour les membres – Mon compte.

Technologie

Développée en HTML avec une console Wordpress le site Web permet au client de mettre à jour ses contenus facilement et en toute autonomie. De plus, les administrateurs ont accès à plusieurs style crée sur mesure. 

Pour terminer, je m’étais fait la promesse d’avoir du plaisir à réaliser ce mandat – c’était explicitement un critère de sélection – et c’est réussi. Une bonne écoute, une capacité d’ouverture et une réactivité à tout épreuve sont autant d’atouts que j’ai su mettre en œuvre pour maintenir un climat harmonieux dans un projet!

 

CRÉDITS

Client: l’Ordre professionnel de la physiothérapie du Québec
Stratégie et service-conseil, gestion de projets: Isabelle Emond
Design Web: Nancie Dezainde
Expérience utilisateur UX/UI: Nancie Dezainde
Illustrations et création d’icônes: Mélanie Baillairgé
Lead développement: Nicolas Bazinet
Intégration de gabarit: Dominic Mercier
Programmation: Jean-Philippe Beaulieu
Intégration de contenus: Marine Pannier, Nicolas Bazinet, Dominique Fournier
Stratégie de référencement: David Carle
Formation client pour la rédaction des contenus: Jean-Claude Surprenant 

Remerciement

Je remercie chaleureusement toute l’équipe des communications de l’OPPQ qui est composée de la Directrice des communications, Emmanuelle Giraud, de la conseillère en communication interne, Sandra Chabannel et Marie-Claude Clermont et de la conseillère en communication Web et réseaux sociaux, Marine Pannier.

Regain de jeunesse pour la Fondation pour aînés!

C’est avec un immense plaisir que je vous présente le nouveau site Web de la Fondation Berthiaume-Du Tremblay.

Défi
_

Auparavant plutôt discrète, la Fondation Berthiaume-Du Tremblay – pourtant bien connue dans le quartier Ahuntsic – devait travailler à sa notoriété si elle voulait rayonner au-delà de son territoire. Ses nouveaux objectifs stratégiques devaient être alignés à son nouveau positionnement, soit chef de file dans l’amélioration du bien vieillir au Québec, et communiquer ses attributs de marque par le biais de ses outils de communication : un organisme dynamique, engagé et actuel.

Grands objectifs
_

Accroître sa notoriété, faire connaître l’étendue de sa mission et démontrer son écosystème dynamique.

• Attirer des donateurs potentiels
• Susciter l’intérêt d’un(e) président(e) de campagne
• Générer de nouveaux partenariats
• Influencer le milieu et les instances politiques (municipales et gouvernementales)

Solutions
_

Lors du brief initial et devant les défis à relever, il était impératif de concevoir un site Web qui exprime la forte personnalité de Mme Berthiaume-Du Tremblay et son esprit entrepreneurial. C’est par le biais d’illustrations uniques, de qualité et évoquant l’imaginaire, que la fondation se démarquerait.

Axes de création
_

1. Revoir sa façon de communiquer en privilégiant un format et des contenus plus actuels et plus concrets.

2. Humaniser la communication en privilégiant une relation directe avec l’usager et en adoptant une structure allégée convenant au Web.

3. Créer du contenu visuel pour mieux faire passer le message.

Actions
_

Le cœur du site repose sur la création d’illustrations riches, personnalisées et évocatrices – un bon moyen d’être actuel et de présenter du contenu de qualité à partager sur les réseaux. C’est l’illustratrice Lily Panholzer qui en signe la conception. (Voir en ligne)

• Faire vivre la mission de la fondation par le biais de ses projets
• Étayer l’information et les messages-clés et les faire ressortir 
• Ajouter une vitrine pour les partenaires, offrant une reconnaissance concrète et mieux intégrée.

Le projet se décline en différentes pièces de communication et actions de communication, notamment :

• Feuillet et dépliant d’information
• Trousse pour la campagne de dons

L’équipe
_

J’ai eu recours à l’expertise de précieux collaborateurs afin de faire de ce projet une réussite. Sous ma supervision, chacun a pris en charge l’un des éléments suivants :

• Vigie sur la marque et direction artistique, illustration de Mme Berthiaume Du-Tremblay et motifs floraux: Mélanie Baillairgé, Directrice artistique sénior
• Illustrations principales: Lily Panholzer
• Design Web:  Laura Lee Moreau de Gé-o-de
• Rédaction: Anne-Marie Desbiens
• Intégration du design et programmation: Dominique Fournier
• Traduction et adaptation: Tina Wayland
• Merci à Geneviève Grenier d’avoir conduit le projet en harmonie avec les axes stratégiques de développement de la fondation.

Bonne visite!