ÉTUDE DE CAS UX/UI

Repenser l’expérience où les univers de style façonnent l’émotion numérique



Client : MOBILIA
Rôle : Designer UX/UI, Valtech (Division eCommerce)
Outils : Figma, Miro, OmniGraffle, JIRA, Confluence
Technologie : Adobe Commerce - Magento 2
Site web : www.mobilia.ca


Description

Mobilia est une marque canadienne de mobilier haut de gamme reconnue pour ses collections de décoration intérieure contemporaines et soigneusement sélectionnées. Ancrée dans le style, le raffinement et une inspiration internationale, Mobilia invitait à l’origine ses clients à vivre une expérience en magasin à travers quatre “Univers de style” distincts : EURO, NATUREL, WOW et SPONTANÉ, chacun représentant une philosophie de design unique. La marque allie savoir-faire et créativité pour offrir des meubles exceptionnels qui rehaussent le quotidien.

Objectif

Concevoir un site eCommerce attrayant et adaptatif qui transpose l’expérience en magasin de Mobilia dans un univers en ligne enrichi par une narration éditoriale inspirante. L’objectif était de créer un parcours omnicanal plus humain, qui renforce la confiance, reflète la personnalité de la marque et inspire les clients grâce à ses univers de style emblématiques. L’ambition ultime : faire de Mobilia une « lovebrand » numérique, en mariant sens du design et résonance émotionnelle pour encourager la découverte et la conversion.

Problématique

Mobilia avait besoin d’une plateforme numérique capable de refléter fidèlement son ADN de marque audacieuse et son autorité en matière de style. Le site existant manquait d’émotion et ne soutenait pas les comportements omnicanaux des consommateurs d’aujourd’hui. Puisque 73 % des clients utilisent plusieurs canaux durant leur parcours d’achat, la présence numérique de Mobilia devait évoluer vers un environnement raffiné et intuitif, capturant l’atmosphère de ses salles d’exposition physiques tout en offrant inspiration, confiance et clarté.

Comment pourrions-nous? (HMW)

Pour cadrer le défi de conception et favoriser une réflexion innovante, j’ai traduit les principales observations issues de la recherche et les besoins des utilisateurs en questions « Comment pourrions-nous » (HMW), une technique essentielle du Design Thinking. Cela a permis d’explorer des opportunités liées à l’engagement émotionnel, à la navigation intuitive et à la narration à travers les points de contact numériques et physiques. Après avoir exploré plusieurs angles, une question directrice s’est imposée comme la plus percutante : Comment pourrions-nous recréer l’impact émotionnel de la mise en scène en salle de montre de Mobilia dans un environnement numérique?



Résultat

J’ai conçu une expérience eCommerce entièrement adaptative qui connecte les points de contact en ligne et en magasin à travers les Univers de style de Mobilia. La refonte offre aux utilisateurs un parcours riche en émotions qui reflète la narration en magasin, en mariant harmonieusement l’inspiration lifestyle et l’exploration des produits. Le résultat : une expérience holistique et haut de gamme qui renforce la marque et incite à des décisions d’achat éclairées. Le site a été développé sur la plateforme Adobe Commerce.

Recherche UX

J’ai analysé les données issues d’entrevues utilisateurs ainsi que les insights comportementaux numériques fournis par le client afin de comprendre les irritants et les opportunités. Cette recherche a permis d’identifier plusieurs lacunes dans l’expérience en ligne, notamment un manque de connexion émotionnelle, une navigation produit peu claire, et le besoin de contenu éditorial permettant aux clients de mieux visualiser leur espace. Les 4 Univers de style de Mobilia se sont imposés comme une structure clé pour guider les clients vers des choix personnalisés, en phase avec leur goût et leur identité.

Analyse concurrentielle

Pour positionner Mobilia de façon compétitive, j’ai analysé des marques mondiales de mobilier et de style de vie possédant une forte présence numérique. Je me suis concentrée sur les systèmes de navigation, la stratégie de contenu, la hiérarchie visuelle et la manière dont les concurrents racontent des histoires à travers leurs mises en scène. L’analyse a révélé des opportunités de tirer parti de la disposition unique en magasin de Mobilia, fondée sur des univers de style, comme facteur de différenciation dans l’espace numérique. Cela permettait de proposer des parcours de découverte personnalisés rarement offerts par les concurrents.



Entrevues utilisateurs

Principaux thèmes explorés lors des entrevues
  • Connexion émotionnelle : Les utilisateurs veulent de l’inspiration et du contexte lorsqu’ils naviguent, pas seulement des grilles de produits.
  • Confiance dans l’achat : La confiance envers la marque passe par des informations claires, des visuels de qualité et des avis clients.
  • Navigation et découverte : Les utilisateurs souhaitent une navigation guidée par style de design, et non seulement par type de produit.
  • Expérience omnicanal : Les utilisateurs s’attendent à une continuité entre le site web et les visites en salle de montre.
  • Attrait visuel et esthétique : Forte demande pour une présence numérique raffinée, éditoriale et haut de gamme.
  • Besoins futurs : Fonctions de liste de souhaits, quiz de style et recommandations personnalisées pour favoriser l’exploration de soi.

Enseignements clés des entrevues

Les utilisateurs étaient attirés par la narration et l’inspiration lifestyle. Ils appréciaient lorsque le site ressemblait à un magazine de design où la navigation menait à des idées. Cependant, ils se sentaient souvent perdus dans des interfaces trop centrées sur les produits et souhaitaient une guidance plus ciblée. Un fort besoin s’est dégagé pour une expérience en ligne qui les aide à projeter leur personnalité dans leur espace de vie tout en reflétant le style et l’expertise de Mobilia.

Proposition de valeur

Pour : les acheteurs de mobilier sensibles au design à la recherche de décorations d’intérieur de haute qualité et sélectionnées avec soin.

Qui : veulent être inspirés, guidés et rassurés par une expérience numérique qui reflète leur esthétique.

Le produit : une plateforme eCommerce immersive et responsive, construite autour des Univers de style de Mobilia.

Qui : allie narration éditoriale, esthétique raffinée et navigation fluide pour créer un parcours omnicanal qui inspire confiance, stimule la créativité et encourage l’exploration ainsi que l’achat.

Cette proposition de valeur a orienté la conception des parcours utilisateurs clés et des fonctionnalités soutenant l’objectif de Birks de renforcer sa présence comme joaillier de luxe leader au Canada tout en étendant son influence digitale.

Personas

Après avoir synthétisé les insights de recherche, j’ai développé des personas clés pour capturer les motivations et styles de prise de décision de l’audience de Mobilia :

  • Sophie, la professionnelle urbaine : Recherche des pièces élégantes et fonctionnelles qui reflètent son mode de vie rapide et son goût raffiné.
  • Kristin et James, la famille amatrice de design : Cherchent des meubles durables et esthétiques qui allient créativité, confort et vie de famille.
  • Denis, le retraité stylé : Apprécie le confort et l’artisanat, et crée un intérieur qui raconte son histoire à travers un design intemporel.

Ces personas ont guidé les décisions UX, de la hiérarchie du contenu à la logique des filtres et à la direction visuelle.



Cartographie du parcours client

À ce stade du projet, j’ai créé une cartographie du parcours client, un outil visuel qui décrit les étapes complètes qu’un utilisateur suit pour atteindre un comportement cible, incluant ses actions, points de contact et obstacles potentiels. Pour visualiser l’expérience typique du client, j’ai cartographié les interactions de bout en bout, de la découverte à l’achat.

Scénario de départ : Les utilisateurs rencontrent le contenu Mobilia en ligne (publicités, médias sociaux, recherche) et arrivent sur la page d’accueil repensée.

Comportement cible : Parcourir les Univers de style, sélectionner leurs favoris, découvrir les pièces via du contenu éditorial, puis entrer dans le processus d’achat.

Résultat souhaité : Les clients se sentent inspirés, soutenus et motivés à compléter leurs achats en ligne ou en magasin.

La cartographie du parcours a révélé des points de friction clés ainsi que des opportunités pour bâtir une expérience plus intuitive et axée sur l’émotion.

Architecture de l’information

J’ai restructuré la navigation du site pour privilégier une exploration axée sur les styles plutôt que sur les catégories de produits traditionnelles. En collaboration avec un spécialiste SEO, nous avons aligné cette structure avec une stratégie de mots-clés afin d’équilibrer l’ergonomie et la performance en référencement. Les Univers de style sont devenus le principe d’organisation central, offrant aux utilisateurs des parcours clairs et inspirants à travers le site.



Prototype & tests

À l’aide de Figma, j’ai développé un prototype de fidélité moyenne pour traduire la vision design en un parcours testable.

Principales fonctionnalités innovantes incluses

Navigation par Univers de style : Un guide immersif invitant les utilisateurs à explorer des pièces et ambiances selon chaque univers de design.

Parcours d’achat axé sur l’émotion : Navigation élégante et processus de paiement alignés avec le ton de la marque.

Modules préconfigurés : Modules personnalisables et préconfigurés avec des visuels lifestyle riches, offrant plus de flexibilité et réduisant considérablement les coûts de développement.

Gestion de l’information produit : Collaboration à la mise en place d’un système PIM pour enrichir les pages produits avec un contenu détaillé et de haute qualité qui améliore la narration et la confiance des utilisateurs.

Disponibilité des modèles en magasin : Ajout d’une fonctionnalité permettant aux utilisateurs de vérifier quelles succursales ont un modèle en exposition pour une visite en personne.



Rétroaction sur le prototype

Les utilisateurs ont décrit des moments comme « une étincelle d’inspiration » et ont salué la page d’accueil pour offrir « la sensation d’un magazine de design ». L’intégration des univers de style a aidé les utilisateurs à naviguer avec plus de confiance tout en établissant une connexion émotionnelle avec la marque.

Design de l’interface utilisateur

J’ai dirigé le travail UI en mettant l’accent sur la traduction de l’identité visuelle audacieuse et moderne de Mobilia en un langage cohérent et digital-first. Cela comprenait les systèmes typographiques, les structures de grille, les micro-interactions et un style photographique mettant en valeur à la fois la beauté des produits et l’ambiance des pièces. Chaque composant a été conçu pour assurer la cohérence tout en permettant une narration émotionnelle.





Équipe & méthodologie

J’ai travaillé en sprints Agile Scrum avec des développeurs, un Scrum Master et un Product Owner. De l’idéation, au design visuel, en passant par les tests utilisateurs et l’alignement avec les parties prenantes, jusqu’à la documentation, j’ai mené un processus collaboratif avec des sprints hebdomadaires et des retours continus pour garantir que la vision digitale de Mobilia soit réalisée en cohérence avec les besoins des utilisateurs et les objectifs d’affaires.