Portfolio

Rendre simple la complexité

Conception d’une application
pour un studio de doublage
(projet confidentiel)

Photo de Josh Sorenson sur Unsplash  

Défi : plusieurs projets très techniques intégrés dans un flux de travail bien établi

Le mantra de l’équipe UX-UI était de rendre toutes les interactions aussi efficaces que possible pour les tâches quotidiennes précises et répétitives des équipes de studio. Chaque clic comptait!

Comment nous avons géré le projet

• Nous avons développé notre connaissance du domaine à partir de recherches théoriques et d’entrevues, mais ce n’était pas suffisant. C’est en mettant nos idées à plat sous forme de flows et d’esquisses d’écrans que nous nous nous sommes vraiment forgés notre propre expertise.
• La création des wireframes s’accompagnait toujours de spécifications fonctionnelles très détaillées. Nous avons minutieusement documenté tous les états et comportements de l’interface pour guider le PO et les équipes techniques.

Stratégies gagnantes

• Je suis curieux de nature, c’était pour moi un plaisir de me former sur le doublage en variant les sources : vidéos de professionnels sur YouTube, installation de logiciels de doublage sur mon propre PC, documentaires, etc.
• J’aime explorer les interfaces old school, car il y a toujours de belles idées (souvent oubliées). Linux et des applications de doublage des années 2000 étaient mes sources d’inspiration au même titre que Monday ou Uber!
• Sur ce projet, j’étais en binôme avec une autre designer UX, ce qui nous a permis de nous entraider pour maîtriser la complexité du projet, avec une transparence totale dès le début.
• J’avais aussi un rôle de mentor, j’ai encadré cette designer pour l’aider à explorer de nouvelles méthodologies et à aborder sereinement la complexité technique de cette série de projets. 

Un exemple de cartographie d’écrans et de fonctionnalités.
Cette application a quatre pages… mais beaucoup de modules et de panneaux!

Assurer l’autonomie en ligne des clients

Refonte des plateformes bancaires grand public et entreprise d’une grande banque canadienne

Concepts détaillés du tableau de bord de services en ligne pour entreprises. Les blocs s’adaptent au rôle de l’utilisateur, par exemple une vue prédictive et à haut niveau pour les directeurs, et un suivi granulaire des transactions pour les commis.  

Défi : amener des experts en finance à devenir aussi des experts en expérience client

J’ai travaillé pendant un an et demi sur de nombreux projets de refonte de plateformes bancaires, mais aussi sur des projets de recherche pour mieux comprendre les besoins et les attentes des clients canadiens. J’étais sur place, au sein des équipes projet.

Stratégies gagnantes

• Je suis parti des besoins des clients de la banque pour appréhender les concepts financiers qui me paraissaient très abstraits au début. Par exemple : que doit vérifier un directeur des finances et pourquoi? comment un conseiller financier accueille-t-il un client en succursale?
• J’ai travaillé au sein d’équipes projet multidisciplinaires, et non au sein de l’équipe UX comme c’est souvent le cas. J’ai côtoyé des experts en finance et en gestion du changement – on ne peut rêver mieux pour s’immerger dans un domaine aussi riche que complexe!
• En retour, j’ai pris le temps de démystifier les méthodes et les pratiques de la recherche UX. Toute l’équipe a ainsi participé activement à la mise en place des meilleures tactiques.
• J’ai profité de ma double expertise UX et CX pour travailler sur plusieurs petites missions au sein de différentes équipes. J’ai ainsi bénéficié d’une meilleure vue d’ensemble des projets et de la vision de l’entreprise.

« Wireflow » pour expliquer comment il est possible de découper un long formulaire en plusieurs séries d’étapes très différentes. Ainsi l’utilisateur a l’impression d’enchaîner plusieurs petites tâches faciles.

Wireframes d’une interface de gestion d’utilisateurs.

De Word à Webflow : design de contenu

Création du microsite History of Innovation pour Pratt & Whitney Canada (PWC)

Microsite actuel : history-of-innovation.webflow.io/  

Défi : créer une ligne du temps inspirante à partir de quelques pages de texte sous Word

Pratt & Whitney Canada célébrait trois étapes importantes : les 60 ans du moteur PT6, un milliard d’heures de vol et 95 ans d’existence.

Le brief tenait en quelques mots : créer un microsite immersif qui retrace et promeut l’histoire de l’innovation chez PWC, en mettant en avant les moments clés et les avancées significatives dans l’industrie de l’aviation.

L’équipe projet a proposé de partir d’un gabarit Webflow pour accélérer le développement et offrir une expérience de qualité sur ordinateur, sur téléphone et sur borne interactive.

Le seul matériel dont nous disposions était une banque d’images et trois pages de texte sur Word… et aucune mention d’innovation sur ces trois pages!

Le contenu de départ : comment transformer ce texte en expérience immersive?

Comment nous avons géré le projet

La directrice artistique et moi avons commencé par définir la stratégie la plus efficace : partir de la structure du Word et trouver un gabarit Webflow qui corresponde? ou partir du gabarit Webflow qui nous inspire et y adapter le texte?

Nous avons choisi la deuxième stratégie pour la réussite du projet : miser sur l’expérience et commencer par sélectionner le gabarit le plus adapté à un design de ligne du temps – en l’occurence, Graaf.

J’ai ensuite reproduit en wireframes les modules retenus, que j’ai arrangés de manière à raconter une histoire cohérente, chaque décennie représentant un pas dans l’histoire de l’aviation (merci Figma pour les auto-layouts).

Maintenant que nous avions notre structure, nous pouvions nous attaquer aux textes. L’équipe contenu et moi sommes partis des wireframes pour recréer les gabarits structurés dans un nouveau document Excel : nous avons segmenté les textes existants qui décrivaient les avancées technologiques, puis nous avons identifié les textes à retravailler et ceux qui manquaient (en décrivant l’intention derrière les textes à créer).

Bien guidée, l’équipe de rédaction de PWC a pu facilement « remplir les cases » et fournir de nouveaux textes qui s’inséraient bien dans les gabarits Webflow. J’ai reproduit quelques uns de ces textes dans les wireframes pour que toute l’équipe valide le storytelling global.

Stratégies gagnantes

• La conception s’est faite en équipe multi-disciplinaire dès le début, chaque discipline étant impliquée dans la stratégie globale : un microsite immersif, facile à intégrer, qui raconte l’histoire de l’innovation en mettant en avant des dates clés.
• Malgré le budget limité, nous avons challengé le contenu initial qui nous était imposé mais qui, selon nous, ne mettait pas en avant l’expertise de Pratt & Whitney.
• La créativité est souvent stimulée par les contraintes – ce que j’ai encore vérifié cette fois-ci! 😉 En tant que designer UX, j’ai aimé partir d’une base solide (un modèle Webflow) et « faire rentrer le contenu » dans les modules existants.

Des lunch and learns qui surprennent et inspirent

J’anime régulièrement des présentations internes pour démystifier certaines pratiques UX (surtout celles qui sont contre-intuitives!).

… Et depuis que je suis lead de pratique, nous tirons au sort la prochaine présentation : chacun·e de mes collègues a ainsi l’occasion de communiquer sur ses trouvailles, sur les anecdotes en UX ou psychologie qui ont attiré son attention, sur sa passion du design.

Mon métier est fun autant que passionnant – c’est ce que je veux transmettre.

Et c’est tout?

Non bien sûr. Pour mieux me connaître :