Logo avec le texte 'Maisons du Monde' en blanc sur fond noir.

Comment rendre le site Maisons du monde plus inspirant et plus désirable ?

JUILLET 2024

Contexte

Avec l’arrivée de nouveaux concurrents, une économie inflationniste qui ralentit les achats de mobilier, et une hausse des coûts des matériaux, Maisons du Monde fait face à de nombreux défis.

Pour répondre à cette réalité, Maisons du Monde a choisi de réaffirmer son positionnement, ses valeurs et ses engagements, afin de renforcer son identité et affirmer son rayonnement en tant que marque.

Objectifs

  • Susciter davantage de désir pour la marque

  • Inspirer les utilisateurs en créant une expérience visuelle captivante

  • Simplifier le parcours utilisateur pour une navigation fluide.

  • Obtenir l’adhésion de toutes les parties prenantes.

Home Page

Home page du site e-commerce français Maisons du Monde, enseigne reconnue de décoration française

L’objectif était de proposer une expérience plus immersive et inspirante pour les utilisateurs. La version actuelle du site manquait de profondeur visuelle et d’engagement, avec une mise en page plus classique et statique.

La nouvelle version propose un design moderne et immersif, avec des visuels percutants qui mettent en valeur les produits et l’ambiance, renforçant l’image premium de la marque tout en simplifiant le parcours d’achat.

Avant

refonte UI de la home page du site Maisons du Monde. Aperçu de l'ancienne Home Page

Après

Product design et refonte UI UX de la home page du site Maisons du Monde. Aperçu de la nouvelle Home Page
Refonte product design ux ui de la home page du site e-commerce maisons du monde, beaux visuels inspirants, navigation fluide, parcours optimisé
Refonte product design ux ui de la page produit du site e-commerce maisons du monde
page mobile de la descente de catalogue du site e-commerce maisons du Monde. refonte ux ui de la page. Travail de brand design pour mettre en valeur l'enseigne française

Mobile first !

L’objectif était de créer une expérience mobile fluide et immersive. 

Chaque interaction a été conçue pour une navigation intuitive et inspirante, mettant en valeur les produits afin d’améliorer l’engagement des utilisateurs et faciliter leur expérience d’achat.

Ecran mobiles de la home page. mise en situation de la refonte product design du site

Fiche Produit mobile

Fiche produit

Vidéo qui présente la refont product design ux ui de la fiche produit maisons du monde

Lors de notre précédente refonte de la Fiche Produit en 2023, nous avions embarqué un certain de nombre de fonctionnalités pour réduire les irritants utilisateurs. 



Parmi ces fonctionnalités nous avons travaillés :

- la vue 360°
- la création de visuels dimensions
- l’ajout de vidéos dans la galeries
- l’ajout d’un shop the look.

Dans cette refonte “inspirationnelle”, nous avons choisi d’accentuer l’aspect immersif de la galerie en mettant davantage l’accent sur les visuels et l’atmosphère de Maisons du Monde. 


J’ai proposé d’intégrer des zooms puissants sur les matières et les détails des produits, afin de donner aux utilisateurs l’impression de pouvoir toucher les produits. L’objectif était de rapprocher l’expérience en magasin de l’univers digital.

Avant

Image qui présente l'ancienne fiche produit du site e-commerce français Maisons du Monde

Après

Nouvelle fiche produit Image qui présente l'ancienne fiche produit du site e-commerce français Maisons du Monde
Image présentant la refonte de la fiche produit du site e-commerce français de décoration maisons du Monde. Refonte UX. Product design, brand design

Une galerie de visuels sublimés

Un globe terrestre avec des continents visibles, entouré de lignes de connexion, sur un fond blanc.

Création d’une grille de visuels immersifs pour rendre le produit désirable aux yeux des utilisateurs.

Une ligne de théories ou d'algèbres en langage mathématique.

Présence de vidéos en autoplay qui permettent à l’utilisateur de se projeter sur des détails, de donner vie au produit et le rendre désirable.

Une page web ou un logiciel affichant une image abstraite en arrière-plan, avec une ligne de texte en haut et un bouton ou un lien en bas.

La vue 360° intégrée directement dans la galerie de visuelle

Une capture d'écran d'une page Web avec un menu de navigation en haut et du texte en français

Intégration de Shop the look dans la galerie pour mettre le produit en situation et permettre l’ajout de produits complémentaires

Page catégorie

Refonte de la descente de catalogue (PLP) du site Ma maisons du Monde affichant une sélection de canapés, avec des filtres de tri et des images de différents styles de canapés.

Avant

Image représentant la descente de catalogue actuelle du site Maisons du Monde montrant une sélection de canapés de différentes marques, couleurs et styles, avec prix et options de filtrage.

Après

Refonte UX ui product design de la descente de catalogue 3canapé" du site Maisons du Monde, section canapés avec plusieurs modèles, couleurs et styles. Présentation de différentes options de canapés, y compris des canapés convertibles et modulables.
Un fond blanc avec un rectangle à l'intérieur.
Refonte UX UI, product design de la fiche produit Maisons du Monde, affichant des images de différents modèles de canapés modernes et design, avec options de couleurs et dimensions.

1 visuel immersif qui montre le détail du meuble. La mise en situation sobre et élégante permet de rendre le produit plus désirable aux yeux des utlisateurs.

Il semble y avoir une erreur ou l'image n'est pas visible.

1 description succinte pour apporter les informations essentielles à l’utilisateur

Une image blanche avec quelques petites taches ou marques

Présentation des mesures pour faciliter la recherche du bon meuble à l’utilisateur

Image vide avec fond blanc

Ajout d'un visuel dimension pour permettre à l'utilisateur de trouver facilement l'information

Capture d'écran de trois pages du site e-commerce français Maisons du Monde pour des canapés, affichant différentes options de produits, choix de modèle, couleurs, et détails de livraison.

Page catégorie mobile

Process et méthodologie

Capture d'écran d'une planche de présentation ou d'un tableau blanc numérique avec plusieurs sections, titres, sous-titres, images et textes en français, organisés en colonnes et en blocs, illustrant une structure de site web ou une maquette pour un projet de design.

Timeline

Juillet 2024

Je ne peux pas voir l'image pour décrire son contenu.
Un graphique représentant des statistiques avec des barrettes bleues sur un fond blanc

Cadrage de projet

Benchmark et définition des besoins métiers

1 semaine

Aucun contenu visible à décrire dans l'image.

Wireframe

Conception d’un parcours intuitif et inspirant.

1 semaine

Désolé, je ne peux pas voir l'image.

Maquettes

Création de maquettes pixel-perfect immersives.

2 semaines

Une ligne de texte jaune sur fond blanc, en haut de l'image.

Prototypage

Présentation des maquettes aux parties prenantes

1 semaine

Août 2024

Il semble qu'il n'y ait pas d'image fournie pour décrire.

Validation

Validation par les parties prenantes

1 semaine

KPIs clés et résultats

L’adhésion des équipes à 100%

Le projet a su rassembler toutes les équipes : membre du comex, design, produit, ou développement autour d’une vision commune. chacun a adhéré pleinement à la nouvelle direction.

Une image de marque renforcée

La refonte a apporté une image plus moderne et premium à la marque. Le nouveau design renforce le positionnement de l’entreprise, en clarifiant son style, ses valeurs.

Une expérience sublimée

La navigation a été simplifiée pour créer une expérience fluide, agréable, et sans friction. L’utilisateur est guidé dans son parcours d’achat, rendant l’expérience globale plus agréable et intuitive.

Et si on travaillait ensemble ?

Je vous aide à transformer vos idées en expériences digitales réussies.

PRODUCT DESIGNER

〰️

UI DESIGNER

〰️

UX DESIGNER

〰️

BRAND DESIGNER

〰️

PRODUCT DESIGNER 〰️ UI DESIGNER 〰️ UX DESIGNER 〰️ BRAND DESIGNER 〰️