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 | Conseils stratégiques et conception

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

Naos est le groupe qui possède les marques Bioderma, Esthederm et État Pur.

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

Le groupe Naos souhaitait créer une plateforme capable de vulgariser la composition de ses produits cosmétiques auprès du grand public.

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.

Mon approche

Extraits de l'audit du site de Margoo

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

Co-animation de +10 ateliers 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

Structuration des parcours et de l’arborescence

Extraits de l'audit du site de Margoo

Conception : wireframes et prototypes interctifs

Tests utilisateur·rice·s et amélioration continue

Formalisation de la vision produit numérique final (Cahier des charges et users stories)

Extrait du rapport

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

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

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
UPF Boutique

UPF Boutique

2026 | UPGRADE DE SITE | Amélioration progressive, sans tout refaire

UPF Boutique : Faire évoluer un site de vente en ligne de vêtements et maillots anti-uv déjà performant, sans repartir de zéro

CLIENT

UPF BOUTIQUE

SECTEUR

Boutique en ligne · Mode · Santé

DURÉE

3 mois d'améliorations progressives

C'est grâce à l'offre d'amélioration progressive UPGRADE qu'UPF Boutique à obtenu un site complètement transformé (sans tout refaire)

01

Prise de contact

En 2026, la fondatrice d'UPF Boutique me contacte à nouveau pour faire évoluer son site e-commerce (que j'avais déjà transformé en 2020).

Le site continue de vendre, les fondations sont solides et les parcours principaux fonctionnent toujours.

02

Constat

Pendant près de six ans, le site est resté pratiquement inchangé.

Le thème n'a jamais été mis à jour, certaines fonctionnalités sont devenues obsolètes et plusieurs bugs visuels sont apparus au fil des années. Les usages du e-commerce ont évolué, mais le site, lui, est resté figé. Il ne reflète donc absolument plus la qualité de la marque, son positionnement ni ses ambitions.

03

Proposition

La cliente ne cherche pas une révolution. Elle souhaite simplement redonner un nouveau souffle à son site, moderniser son image et le préparer aux prochaines années de développement.

Nous faisons donc le choix de faire évoluer le site progressivement grâce à des améliorations ciblées, sans perturber les ventes ni perdre tout ce qui fonctionne déjà. Capitaliser sur l'existant plutôt que de repartir de zéro.

04

Résultat

Six ans après sa première refonte, UPF Boutique retrouve une image à la hauteur de ses ambitions.

Le site gagne en modernité, en cohérence et en désirabilité, tout en conservant les bases qui faisaient déjà sa force. L'expérience devient plus fluide, les produits sont mieux valorisés et la marque affirme désormais un univers plus premium, plus actuel et plus aligné avec ses valeurs.

Voir le site

Cette première phase est consacrée à la transformation esthétique du site. Une seconde étude de cas présentera les optimisations techniques et la mise en conformité en accessibilité numérique.

Contexte et besoin

Lorsque la fondatrice d'UPF Boutique me contacte, elle ressent un décalage entre la qualité de sa marque, de son travail et l'image renvoyée par son site.

Elle ressentait qu'elle avait :

  • un site qui continue de vendre, mais qui semble figé dans le temps après plusieurs années sans véritable évolution ;
  • une identité visuelle qui ne reflète plus le positionnement premium qu'elle souhaite incarner ;
  • une expérience e-commerce qui n'exploite plus les possibilités offertes par les outils actuels ;
  • le besoin de moderniser son site sans prendre le risque de repartir de zéro et de perturber une boutique déjà performante.

    Objectifs du projet

    L’objectif principal était de :

    Moderniser l'image de la marque sans remettre en question les fondations du site

    Offrir une expérience e-commerce plus fluide, inspirante et actuelle

    Renforcer la cohérence entre l'univers de la marque, ses valeurs et son site

    Préparer le site à évoluer plus durablement grâce à une base plus moderne et plus pérenne.

    “témoignage bientôt disponible”

    Audrey Daly, Fondatrice d'UPF Boutique

    Mon approche

    Toutes les entreprises n'ont pas besoin d'une refonte complète. Lorsque les fondations sont solides, il est souvent plus pertinent de faire évoluer un site par étapes que de repartir de zéro. Avant toute intervention, j'ai donc cherché à comprendre où se situaient les véritables leviers d'amélioration afin de concentrer les efforts là où ils auraient le plus d'impact.

    01

    Identifier les optimisations à plus fort impact

    Avant toute intervention, j'ai réalisé un audit complet du site afin d'identifier les évolutions les plus pertinentes. Le diagnostic a confirmé que les fondations étaient solides : l'enjeu n'était donc pas de repartir de zéro, mais de capitaliser sur ce qui fonctionne et améliorer le reste.

    02

    Repositionner l'image de la marque

    J'ai fait évoluer la direction créative et les messages clés pour moderniser l'image d'UPF Boutique, renforcer son positionnement premium et créer un univers plus cohérent, plus actuel et plus accessible.

    03

    Moderniser l'expérience e-commerce

    Le site a été mis à jour vers la dernière version de son thème Shopify afin de profiter des nouvelles fonctionnalités. J'ai également repensé les principales sections, les parcours de navigation et l'organisation des collections pour offrir une expérience plus fluide et plus inspirante.

    04

    Optimiser les performances durablement

    Plus de 500 images ont été optimisées pour améliorer les temps de chargement et réduire l'impact environnemental du site. Cette première phase pose également les bases des prochaines évolutions, notamment la mise en conformité en accessibilité numérique.

    RÉSULTATS OBTENUS

    UPF Boutique a désormais un site tout neuf

    Image

    Une image de marque modernisée, plus premium et davantage alignée avec les valeurs de l'entreprise.

    E-commerce

    Une expérience e-commerce plus fluide, immersive et agréable, qui met davantage les produits en valeur.

    Performant

    Un site plus performant et plus simple à faire évoluer grâce à la mise à jour du thème.

    Éco-responsable

    Un site plus léger grâce à l'optimisation de plus de 500 images et à une structure modernisée.

    Évolutif

    Des bases solides pour poursuivre sereinement la transformation du site, avec une seconde phase dédiée à l'accessibilité numérique et à la conformité.

    Parfois, les meilleures transformations ne consistent pas à tout reconstruire, mais à révéler le potentiel de ce qui existe déjà.

    • 1 site Shopify modernisé sans interruption des ventes
    • 6 années d'évolution rattrapées
    • +500 images optimisées et converties
    • 1 thème mis à jour de la V2 à la V7
    • Des dizaines de sections, messages et collections produits repensées

    Guide de style web

    Pour une identité de marque éthique, éco-responsable et accessible.

    Un coup d'oeil sur la page d'accueil

    Comment transformer un e-commerce fonctionnel en une véritable expérience de marque.

    01

    On ne vend plus un produit, on vend une émotion.

    L'évolution la plus marquante de ce projet n'est pas graphique. Elle est marketing.

    Avant, le site présentait principalement des catégories, des produits et des caractéristiques techniques. Il répondait à une question rationnelle : comment se protéger des UV ?

    Aujourd'hui, il raconte une histoire. Les photographies montrent des familles, des vacances, des instants de vie. Les messages clés mettent en avant la liberté de profiter du soleil sans compromis. Le produit devient le moyen de vivre ces moments, plutôt que la finalité.

    02

    Faire respirer le contenu pour guider naturellement le regard.

    La nouvelle mise en page ne contient pas forcément moins d'informations. Elle les hiérarchise mieux.

    Des espaces plus généreux, des sections mieux différenciées et une lecture plus fluide permettent au visiteur d'identifier immédiatement les informations importantes.

    L'objectif n'était pas seulement de rendre le site plus esthétique, mais aussi plus simple à parcourir.

    03

    Faire évoluer une identité sans perdre son ADN.

    L'objectif n'était pas de créer une nouvelle marque. Au contraire.

    Nous avons conservé les fondations existantes tout en faisant évoluer les couleurs et les visuels pour traduire une image plus actuelle, plus premium et plus cohérente avec le positionnement existant de la marque.

    La palette évoque désormais naturellement le sable, le ciel et le soleil. Les photographies adoptent des codes plus éditoriaux et les nouveaux messages clés renforcent le positionnement lifestyle de la marque.

    Le site paraît plus désirable sans perdre ce qui faisait déjà sa force.

    Nota bene : Moderniser une identité ne signifie pas tout changer. Les évolutions les plus réussies sont souvent celles que l'on remarque… sans avoir l'impression qu'elles ont été forcées.

    Astuce éthique

    Derrière cette évolution visuelle se cache un important travail d'optimisations éthiques.

    Le thème Shopify a été mis à jour afin de profiter des dernières évolutions de la plateforme. Plus de 500 images ont été converties, compressées et adaptées à leur taille réelle d'affichage pour rendre le site plus léger et donc moins énergivore. Les couleurs ont été repensées pour améliorer leur accessibilité et préparer la future mise en conformité du site.

    Toutes ces optimisations restent invisibles pour les visiteurs. Pourtant, ce sont elles qui permettent au site de gagner en performance, en crédibilité et en pérennité.

    Et si ton site arrêtait d’être une simple vitrine ?

    Aujourd’hui, ton site peut devenir bien plus : un outil aligné avec tes valeurs, utile pour ton business… et pensé pour durer. Comme UPF Boutique, tu peux l’améliorer sans tout refaire. De manière stratégique, progressive, et surtout efficace.

    Tu veux comprendre ce qui bloque pour faire des améliorations ciblées sur ton site  ?

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

    Rejouons Solidaire : comment leur site invisible et peu crédible est devenu top 10 Google en 3 mois et génère désormais des opportunités ?

    DIAGNOSTIC OFFERT

    Un regard d'experte sur ton site

    Je t'offre un mini-audit express de ton site existant : empreinte carbone, accessibilité, performance. Tu repars avec des pistes concrètes, sans jugement, pour passer à l'action comme bon te semble.

    DIAGNOSTIC GRATUIT

    Connaissez-vous l'empreinte carbone de votre site ?

    La plupart des sites web émettent beaucoup plus de CO2 qu'on ne le pense. Faites une demande de diagnostic gratuit et découvrez comment passer à l'action.

    Résultats envoyés sous 48h · Sans engagement

    É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 ?

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

    Comment rendre son site WordPress conforme RGPD tout en restant éthique ?

    +20 outils pour t’aider à créer des pages web plus éthique et éco-responsable