Étude de cas · OBNL et immigration

Vivre en Acadie, une expérience repensée pour les nouveaux arrivants

Chaque visiteur trouve, en quelques clics, l’organisme qui peut l’aider.

Voir le site

01 · Le contexte

Un portail pour s’établir en Acadie

Vivreenacadie.ca accompagne les francophones qui veulent s’établir dans les provinces de l’Atlantique. Le site est porté par la Société Nationale de l’Acadie, dans le cadre d’un programme financé par IRCC.

La section qui oriente les nouveaux arrivants vers les organismes, la plus importante du site, ne remplissait plus son rôle. La SNA nous a confié sa refonte : un nouveau design et une meilleure expérience, pour que chaque visiteur trouve rapidement à qui s’adresser.

Client
Société Nationale de l’Acadie
Secteur
OBNL, immigration francophone
Mandat
Design et expérience utilisateur de la section d’orientation
Livraison
À temps et dans le périmètre prévu
02 · Le défi

Une longue liste, un visiteur perdu

La page de ressources présentait plus d’une centaine d’organismes dans une liste. Pour un nouvel arrivant, savoir lequel contacter relevait du casse-tête.

  • Des situations très différentes. Encore à l’étranger, accepté et en préparation du départ, ou déjà au Canada.
  • Quatre provinces. Les services ne sont pas les mêmes d’une province à l’autre, et certains visiteurs n’ont pas encore choisi.
  • Une logique à inventer. Aucune règle d’orientation n’existait sous une forme exploitable.
  • Des fiches incomplètes. Plusieurs des 105 fiches d’organismes manquaient de coordonnées.
03 · La solution

Un parcours guidé au lieu d’une liste

Le visiteur répond à quelques questions sur sa situation, son étape d’immigration et sa province. Le parcours lui présente ensuite les organismes qui correspondent à son cas, et seulement ceux-là.

Phare sur une côte rocheuse au coucher du soleil

Parcours de 7 questions

Trois situations de départ, puis l’étape d’immigration et la province du visiteur.

Orientation par province

Cinq choix de province, dont « je ne sais pas encore ».

Dix étapes d’immigration

Dix catégories pour classer les services, dont trois nouvelles: emploi, études et familles.

Ce que le mandat a couvert

  • Refonte visuelle du Parcours d’immigration
  • Nouvelle page Ressources sur l’immigration
  • Logique d’orientation conçue à partir de la documentation du client
  • Maquettes approuvées par le client
  • Outil de validation des 105 fiches d’organismes
  • Visualiseur interactif du parcours pour faire approuver la logique
  • Navigation au clavier et messages pour lecteurs d’écran
  • Liste complète des organismes lisible par les moteurs de recherche
04 · Sous le capot

Un parcours que tout le monde peut lire

Le parcours est interactif. Pour que les moteurs de recherche voient quand même les organismes, la page contient aussi leur liste complète, lisible sans interaction.

Une passe d’accessibilité et de référencement a suivi la livraison: 21 corrections, dont 12 en accessibilité et 9 en SEO. La palette de couleurs a été validée au niveau WCAG 2.1 AA avec un outil de contraste bâti pour l’occasion.

Accessibilité WCAG 2.1 AA

Navigation au clavier, focus visible, rôles ARIA et messages d’état dans le questionnaire.

Logique « ou » sur plusieurs étapes

Pour la situation « autre », un service s’affiche s’il correspond à l’une des étapes choisies.

Données structurées

Schémas Organization, WebSite, ItemList, WebPage et Service, et hreflang fr-CA.

Images allégées

Image principale passée de 1,17 Mo à 83 Ko, images d’appel à l’action en WebP.

05 · Le déroulement

L’équipe et la mise en route

Un mandat court, livré à temps et dans le périmètre prévu.

1chargé de projet
1designer UX/UI
1développeur front-end
1développeur, mise en place du dépôt
Ce qui posait problèmeCe qu’on a fait

Aucune règle d’orientation écrite. La logique d’orientation n’existait pas sous une forme exploitable.

Arbre de décision conçu à partir de la documentation existante du client.

Des fiches d’organismes incomplètes. Il manquait des coordonnées dans plusieurs des 105 fiches.

Outil de validation des fiches, ajouté en plus du mandat.

Une logique difficile à valider. Un arbre de questions se relit mal sur papier.

Visualiseur interactif du parcours, pour l’approbation par le client.

Un questionnaire invisible aux moteurs. Un contenu interactif se lit mal par les robots d’indexation.

Liste complète des organismes publiée dans la page.

Autres réalisations

Vos visiteurs se perdent dans votre contenu?

Montrez-nous la page qui pose problème. On vous propose une première piste.