Naos : aligner 4 marques à la création d’une plateforme pédagogique et transparente pour leurs consommateur·rice·s

Naos : aligner 4 marques à la création d’une plateforme pédagogique et transparente pour leurs consommateur·rice·s

2018 - 2019 | COLLAB w/ NOVIUS | Lancement | Conseils stratégiques et conception

Naos : comment aligner 4 marques à la création d'une plateforme commune, pédagogique et transparente pour leurs consommateur·rice·s

CLIENT

Naos Groupe : Bioderma, Esthederm, État Pur

SECTEUR

Parapharmacie

DURÉE

1 année

GRAPHISME (UI)

Agence Novius - Frédéric Jacquemoud

Contexte

Le groupe Naos souhaitait créer une plateforme capable de vulgariser la composition de ses produits auprès de ses consommateurs·rices.

Mon rôle

UX Designer au sein d’une équipe projet composée de :

  • 4 UX designers et 1 UI designer (de l’agence Novius dont je faisais partie)
  • équipes marketing, équipes produits et directions des marques du groupe Naos, y compris le PDG.

Enjeux

Le projet devait donc réunir les marques de groupe : équipes marketing et directions autour d’une vision commune, encore floue et à structurer de A à Z.

Approche

Tout construire de A à Z, signifiait avoir une vision commune.

01

Analyse et Exploration

Benchmark, étude de marché, idéation et inspirations

02

Ateliers collectifs

Co-animation de +10 ateliers de co-conception collaboratifs :

  • Idéation
  • Business goals
  • Persona
  • Parcours (flow chart)
  • Arborescence (tri de cartes)
  • Tri et priorisation des fonctionnalités et contenus clés (buy a feature)
  • Stratégie éditoriale
  • Storytelling
  • Data et KPI (à collecter et à surveiller/analyser)
  • Sketching / Zoning

03

Conception et tests

Structuration des parcours de navigation et de l’arborescence finale. Puis conception : wireframes et prototypes interctifs du futur site web afin de mener des tests utilisateur·rice·s et d'améliorer le prototype en continue.

04

Cahier des charges

Formalisation progressive et parrallèle de la vision produit numérique final (cahier des charges et users stories).

Résultats obtenus

Création d’une plateforme durable (toujours utilisée +5 ans après son lancement) : Ask Naos

Vulgarisation de contenus scientifiques complexes

Tu as une expérience web en tête et tu aimerais qu'on t'aide à la réaliser ?

Aujourd’hui, ton site peut prendre vie comme tu l'imagines. C'est du sur-mesure, alors n'hésites pas à me parler de tes idées.

Si tu as aimé le projet Naos, tu devrais adorer ce site aussi...

Comment les Noces d’Ella a obtenu un site qu’elle partage fièrement car il est totalement aligné avec ses valeurs et engagements éthiques et éco-responsables ?

Éco-conception

Articles - Quels gestes écologiques adopter pour réduire l’empreinte carbone de son site web

Quels gestes écologiques adopter pour réduire l’empreinte carbone de son site web ?

Convertir des clients aux valeurs éthiques et éco-responsables en définissant la bonne mission et les bons objectifs pour ton site

Est-ce bien utile d’avoir des couleurs éco-responsable sur son site ?

Techniques SEO : 3 piliers essentiels pour un site WordPress éthique et durable

Vidéotron : quand la pandémie les a forcé à refondre leur site vitrine en expérience e-commerce

Vidéotron : quand la pandémie les a forcé à refondre leur site vitrine en expérience e-commerce

2020 - 2021 | COLLAB w/ MALTEM CANADA| Conseils stratégiques et conception

Vidéotron : quand la pandémie les a forcé à refondre leur site vitrine en expérience e-commerce

Société de télécommunication Québécoise.

Un contexte planétaire inédit qui rabat les cartes de ce géant de la télécommunication Québecoise

En pleine pandémie COVID-19, Vidéotron a dû transformer son site vitrine en plateforme e-commerce afin de permettre l’achat en ligne de toute sa gamme produits et forfaits.

Mon rôle

Référente UX sur la partie téléphonie mobile grand public. Travail en binôme avec une UX Designer junior ainsi que :

  • un binôme UI (lead + junior),
  • une chercheuse UX,
  • un rédacteur UX,
  • les products owners et équipes produit
  • les équipes de développement (externalisé).

Enjeux

Concevoir des parcours d’achat complexes, cohérents et accessibles dans un environnement multi-produits impliquant plusieurs équipes UX/UI travaillant simultanément sur différentes offres et produits : Internet, TV, téléphonie mobile, téléphonie fixe, etc

Mon approche

Extraits de l'audit du site de Margoo

Intégration à une équipe UX/UI pluridisciplinaire déjà mobilisée sur la transformation digitale du site

Conception des parcours d’achat mobile et forfaits pour les particuliers

Structuration de parcours cohérents avec les autres produits du site (Internet, TV, téléphonie)

Extraits de l'audit du site de Margoo

Création de wireframes et prototypes interactifs en mobile-first

Animation d’ateliers de co-conception pour fluidifier la collaboration entre équipes designer

Préparation des tests utilisateurs et analyse des retours terrain afin d’améliorer les parcours à chaque itération

Extrait du rapport

Présenté aux différentes directions de la banque ainsi qu'aux vice-président·e·s

Résultats obtenus

Parcours d’achat désormais accessible en ligne

Simplification de parcours complexes liés aux forfaits et options télécoms + bundle d’offres

Contribution à la transformation d’un service historiquement pensé pour la vente en boutique vers une expérience digitale

Si tu as aimé le cas de la BDC,
tu devrais également adorer découvrir celui-ci...

Image représentant le site Margoo

Comment l’audit complet du site publique de la BDC a mené à une restructuration complète du menu de navigation en place depuis plusieurs années ?

Exemple du revamp de la charte graphique de Margoo, avant et après
CDPQ : faire du design centré sur l’humain un langage commun à toute une organisation

CDPQ : faire du design centré sur l’humain un langage commun à toute une organisation

2024 - 2025 | COLLAB w/ MALTEM CANADA | Formation d'entreprise

CDPQ : Faire du design centré sur l'humain un langage commun à toute une organisation

CDPQ est la Caisse de dépôt et placement du Québec, une société gouvernementale.

Lancement d'un Centre d'Action Climatique

Voici comment une formation e-learning sur-mesure a permis de faire du design centré sur l’humain, un réflexe collectif (et plus seulement le sujet de l’équipe UX).

Particularités du projet

  • Stratégie et cadrage du programme de formation
  • Création d’un parcours e-learning UX sur-mesure
  • Production de +40 leçons vidéos et supports pédagogiques
  • Structuration des parcours par métiers et niveaux
  • Direction des tournages et coordination de production
  • Projet mené 100 % à distance en méthodologie agile

Contexte

La CDPQ souhaitait former +500 collaborateur·rice·s aux pratiques de design centré sur l’humain très différents : Product Owners, développeur·euse·s, équipes produit, analystes d’affaires, équipes marketing, gestionnaires, etc.

L’objectif n’était pas simplement de “former à l’UX”, mais de créer un langage commun entre les équipes et clarifier les rôles liés au design.

Enjeux

Plusieurs problématiques freinaient les collaborations internes :

  • des niveaux de maturité UX très variés,
  • des rôles UX/UI souvent confondus,
  • une équipe design sollicitée trop tard,
  • des Product Owners peu autonome pour prendre des décisions centrées utilisateur·rice·s sur certains sujets.

Le défi : rendre les méthodologies UX concrètes, accessibles et applicables à grande échelle, dans un environnement corporate structuré.

Mon approche

Pour transformer les méthodologies UX en réflexes concrets au quotidien, j’ai conçu avec et pour eux, un programme de formation progressif et adapté aux réalités terrains de la CDPQ.

Extraits de l'audit du site de Margoo

Cadrer les besoins et structurer le projet

Analyse des enjeux internes, définition des objectifs pédagogiques et cadrage complet du projet.

Concevoir un programme e-learning sur-mesure

Création d’un parcours de formation composé de 6 modules et +40 leçons adaptées aux différents métiers et niveaux de maturité UX dans l’organisation.

Adapter les contenus à la réalité interne de la CDPQ

Immersion dans les pratiques des équipes pour créer des contenus directement liés à leur quotidien, leurs outils et leurs méthodologies.

Extraits de l'audit du site de Margoo

Créer des supports clairs et accessibles

Rédaction des scripts, conception des présentations et création de contenus pédagogiques, clairs et inclusifs.

Extraits de l'audit du site de Margoo

Piloter la production des vidéos e-learning

Organisation des tournages, coordination des étapes de production et supervision du montage des vidéos.

Structurer des parcours par métiers

Mise en place de parcours “obligatoires” et “facultatifs” selon les rôles métiers afin de rendre chaque apprentissage réellement utile.

Extraits de l'audit du site de Margoo

Coordonner le projet en agile

Construction d’une roadmap de production sur 6 mois avec livraisons progressives, en collaboration avec les équipes internes et la cheffe de projet.

Extrait du rapport

Présenté aux différentes directions de la banque ainsi qu'aux vice-président·e·s

Résultats obtenus

Le programme a permis à la CDPQ de structurer la montée en compétence UX à grande échelle et de faire du design centré sur l’humain une responsabilité plus collective.

Former +500 collaborateur·rice·s en autonomie

Produire +800 minutes de contenus pédagogiques

Déployer 6 modules de formation et +40 leçons vidéos

Si tu as aimé le cas de la BDC,
tu devrais également adorer découvrir celui-ci...

Image représentant le site Margoo

Comment l’audit complet du site publique de la BDC a mené à une restructuration complète du menu de navigation en place depuis plusieurs années ?

Exemple du revamp de la charte graphique de Margoo, avant et après