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

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

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!

Comment favoriser le contact entre des acheteurs et des entrepreneurs généraux en construction?

Refonte complète du site Web de La Grande Tournée des Maisons Neuves.

Le client

APCHQ Mauricie-Lanaudière* pour son événement La Grande Tournée des Maisons Neuves.

Le défi

L’événement appelle les gens à se déplacer et à prendre la route. Il était donc indispensable que le site puisse s’adapter aux contraintes du mobile, en misant sur une navigation plus rapide et intuitive. 

En plus d’être non responsive, l’ancienne version du site Web était également difficile à naviguer et les informations importantes (i.e. où, quand, comment, pourquoi, pour qui, qu’est-ce que l’événement) n’étaient pas mises en évidence. Le site ne répondait donc pas aux intentions de recherche des visiteurs. 

Le véritable défi était de corriger les lacunes du site existant tout en respectant le budget alloué. Pour y parvenir, nous avons travaillé sur les aspects qui devaient absolument être améliorés.

La recherche d’une solution 

Nous avons effectué plusieurs modifications pour que le site puisse respecter les bonnes pratiques du Web. Notre objectif était d’augmenter la participation à l’événement et la visibilité des entrepreneurs et de leurs constructions neuves.

C’est pourquoi nous avons mis en place des stratégies pour attirer plus de visiteurs et avons revu du même coup l’architecture d’information. Parmi les stratégies employées, notons entre autres l’organisation d’un concours et l’implantation d’un outil de rappel pour s’assurer que les personnes intéressées par l’événement n’oublient pas d’y assister.

La solution

Toutes les sections ont été revues afin de fournir l’information appropriée aux visiteurs et de nouvelles fonctionnalités retiendront assurément l’attention de ceux-ci. 

• La section L’événement répond de façon claire et précise aux fameuses questions « où » « quand », « comment », « pourquoi », « pour qui », « qu’est-ce que l’événement »;
• La section Maisons et condos est facile d’utilisation pour tous; 
  • L’ajout d’un outil Favoris, est très utile pour repérer les propriétés qu’on souhaite visiter et ainsi se tracer un itinéraire pour mieux profiter de l’événement;
  • Nous avons révisé les filtres de recherche et les avons améliorés;
  • Il est maintenant possible de filtrer la liste des résultats en fonction du prix ou de la distance (par rapport à la position de l’utilisateur) – très pratique lorsque l’utilisateur est déjà en route et consulte le site à partir de son cellulaire!
• Nous pensons que ce qui importe le plus pour l’utilisateur c’est de voir des photos avant de se déplacer, c’est pourquoi nous avons amélioré la navigation par photos.
• La section Entrepreneurs met en valeur les membres de l’APCHQ;
• Le Guide de l'acheteur, illustré et divisé en chapitres, est un outil formidable pour ceux qui sont au début du processus d’achat d’une habitation.

Des efforts de rédaction ont également été nécessaires afin de préciser certains détails, comme expliquer davantage comment il était possible de participer à l’événement. 

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 : 

• Conception graphique Web et Architecture et expérience UX: Étienne Delagrave;
• Rédaction Web: Jean-Claude Surprenant;
• Intégration du design et programmation: Nicolas Bazinet.

Les résultats

1.  Constitution d’une base de données.
2. Augmentation de la reconnaissance de marque et renforcement de sa cohérence avec le nom APCHQ (une initiative de l’APCHQ Mauricie-Lanaudière).
3.  Adhésion aux standards Web.
4. Meilleure qualité visuelle dans l’ensemble.

Curieux de voir quelles pourraient être les répercussions d’une telle stratégie sur la notoriété de votre entreprise? Mettez-moi à l’essai!
*L’APCHQ est l’Association des professionnels de la construction et de l’habitation du Québec.