Nicolas Ferney

Manulife

Manulife

Manulife

Refonte du portail conseillers

Refonte du portail conseillers

Refonte du portail conseillers

A mockup of a Macbook placed on a table
A mockup of a Macbook placed on a table

Problème vs. résultat

Problème vs. résultat

Problème vs. résultat

Problème vs. résultat

L’assureur canadien venait de déployer son site corporate avec une nouvelle identité et l’accessibilité était au cœur de toutes les préoccupations. Le portail conseillers avait quand à lui été construit au fil de l’eau sans réelle réflexion sur l’architecture de l’information ou la moindre notion de parcours client. Après trois mois de recherches, d’ateliers, de prototypages et de tests, je fus à-même de proposer un nouveau look and feel pour le portail conseiller, tout en participant à l’élaboration et au raffinement du design system.

L’assureur canadien venait de déployer son site corporate avec une nouvelle identité et l’accessibilité était au cœur de toutes les préoccupations. Le portail conseillers avait quand à lui été construit au fil de l’eau sans réelle réflexion sur l’architecture de l’information ou la moindre notion de parcours client. Après trois mois de recherches, d’ateliers, de prototypages et de tests, je fus à-même de proposer un nouveau look and feel pour le portail conseiller, tout en participant à l’élaboration et au raffinement du design system.

L’assureur canadien venait de déployer son site corporate avec une nouvelle identité et l’accessibilité était au cœur de toutes les préoccupations. Le portail conseillers avait quand à lui été construit au fil de l’eau sans réelle réflexion sur l’architecture de l’information ou la moindre notion de parcours client. Après trois mois de recherches, d’ateliers, de prototypages et de tests, je fus à-même de proposer un nouveau look and feel pour le portail conseiller, tout en participant à l’élaboration et au raffinement du design system.

L’assureur canadien venait de déployer son site corporate avec une nouvelle identité et l’accessibilité était au cœur de toutes les préoccupations. Le portail conseillers avait quand à lui été construit au fil de l’eau sans réelle réflexion sur l’architecture de l’information ou la moindre notion de parcours client. Après trois mois de recherches, d’ateliers, de prototypages et de tests, je fus à-même de proposer un nouveau look and feel pour le portail conseiller, tout en participant à l’élaboration et au raffinement du design system.

Client

Client

Manulife

Manulife

Rôle

Rôle

Product Designer

Product Designer

Année

Année

2019

2019

Services

Services

Product Design

Product Design

-63%
-63%

Erreurs/tâches

Erreurs/tâches

+36%
+36%

leads générés

leads générés

Client

Manulife

Rôle

Product Designer

Année

2019

Services

Product Design

-63%

Erreurs/tâches

+36%

leads générés

Client

Client

Client

Manulife

Manulife

Manulife

Rôle

Rôle

Rôle

Product Designer

Product Designer

Product Designer

Année

Année

Année

2019

2019

2019

Services

Services

Services

Product Design

Product Design

Product Design

72%
72%
72%

Taux de réussite

Taux de réussite

Taux de réussite

37s
37s
37s

Temps moy./tâche

Temps moy./tâche

Temps moy./tâche

ÉTAPE 1

ÉTAPE 1

ÉTAPE 1

ÉTAPE 1

Revue de l'achitecture de l'information

Revue de l'achitecture de l'information

Revue de l'achitecture de l'information

Revue de l'achitecture de l'information

L'exercice de tri de cartes était particulièrement adapté pour définir l'architecture du nouveau site. Cet exercice devait être réalisé à la fois pour la partie assurance et pour la section de gestion financière/patrimoniale du site.

ÉTAPE 2

ÉTAPE 2

ÉTAPE 2

ÉTAPE 2

Idéation et rough sketching

Idéation et rough sketching

Idéation et rough sketching

Idéation et rough sketching

J'ai organisé une session d'idéation pour définir une nouvelle mise en page pour les produits de gestion de patrimoine et d'assurance. Après cette session, nous avions quelques croquis disponibles qui nécessitaient un peu de peaufinage dans Axure RP.

ÉTAPE 3

ÉTAPE 3

ÉTAPE 3

ÉTAPE 3

Wireframes

Wireframes

Wireframes

Wireframes

Le wireframing a été une phase très utile pour les parties prenantes et le reste de l'équipe, car c'était un moyen rapide, propre et facile de représenter l'interface utilisateur future. Un prototype basse fidélité a été mis à disposition à des fins de test, ce qui nous a permis de passer en toute confiance à la phase de conception de l'interface utilisateur (UI).

ÉTAPE 4

ÉTAPE 4

ÉTAPE 4

ÉTAPE 4

Maquettes Haute Fidélité

Maquettes Haute Fidélité

Maquettes Haute Fidélité

Maquettes Haute Fidélité

Après une phase de prototypage basse fidélité, des tests utilisateurs et quelques ajustements, les modèles finaux de la page produit et de la page d'accueil étaient enfin prêts ! Pour les allocations d'actifs, nous avons dû ajouter plusieurs illustrations et réviser le texte pour obtenir ce résultat final.