Mue · Site d’un studio de décoration et d’habillage intérieur, avec configurateur et estimation

Aller au contenu
This site is also available in English.Switch to English
ENMe contacter (LinkedIn, nouvel onglet)
Projet concept2026Site vitrineConfigurateurDesign system

Mue

Mue : Site d’un studio de décoration et d’habillage intérieur, avec configurateur et estimation. Un site qui montre le changement et donne un budget avant tout appel.

Rôle
Product Designer, projet personnel
Plateformes
Desktop et mobile
Offre illustrée
Site vitrine avec configurateur, design system multimode
Outils
Figma, workflow assisté par l’IA
Couverture de Mue : un salon haussmannien coupé en deux, avant et après habillage, avec le logo MUE en très grand.

01 Contexte

Mue est un concept pour un studio fictif installé à Paris et à Lyon. Selon la CAPEB, les travaux d’entretien et d’amélioration ont reculé de 1,6 % en 2025 : les propriétaires repoussent leur décision.

02 Le problème

Le visiteur n’arrive pas à imaginer le résultat et craint un budget sans limite.

03 Ma réponse

Chaque projet s’ouvre sur un avant après à faire glisser. La matériauthèque affiche le prix indicatif, l’entretien et le délai à côté de chaque échantillon.

Un configurateur en quatre étapes donne une fourchette de budget avant tout contact, puis l’estimation se termine sur un créneau de visite et non sur un formulaire. L’hypothèse des trois minutes reste à tester.

Page d’accueil desktop : avant après d’un salon haussmannien à faire glisser, avec le projet Paris 7e.
01Accueil : un avant après en pleine page, à faire glisser.
Configurateur desktop, étape 3 sur 4 : choix de l’habillage du mur principal avec aperçu en direct.
02Configurateur : le mur principal s’habille en direct.
Page d’estimation desktop : fourchette de 9 100 à 12 600 € pour un salon de 28 m², détaillée par poste.
03Estimation : une fourchette de 9 100 à 12 600 €, détaillée poste par poste.
Trois écrans mobiles : accueil, configurateur à l’étape 3 et page du projet Haussmann.
04Mobile : accueil, configurateur et page projet.

04 Livrables

Recherche documentaire, wireframes, design system de 105 variables et 107 composants, 14 écrans desktop et mobile, prototype de 57 liens.

105variables
107composants
14écrans
57liens de prototype

Chiffres comptés par script dans le fichier Figma.

05 Transparence

  • ClientAucun. Projet personnel, données d’exemple.
  • RechercheRecherche documentaire uniquement : deux faits publics (CAPEB, 20 janvier 2026) et une hypothèse à tester. Aucun entretien. Les personas sont des hypothèses.
  • Test utilisateurNon testé. Un plan de test est écrit (six acheteurs récents, à distance, 25 minutes chacun), il n’a pas été mené.
  • AccessibilitéRatios de contraste calculés à partir des variables. Le texte sur photo est toujours posé sur un voile ou un panneau de verre. Une vérification des tokens, pas un audit.
  • ImagesPhotos d’intérieur générées avec Figma AI, aucun projet réel. L’avant après de la couverture utilise deux de ces images.
  • MéthodeConçu dans Figma avec un workflow assisté par l’IA, dirigé et relu par le designer.
Tous les projets

Projet suivant

Pulpe

Des repas en 3D, un défi couleur par jour et une barre d’onglets liquide.