UX Design · Stratégie de conversion
Atelier Lume
Brief : générer des demandes de contact qualifiées pour un studio premium.
Approche : concevoir chaque section pour guider un client CSP+ vers la prise de contact — sans friction, sans doute.
La situation réelle du studio
Atelier Lume est un studio de design d'intérieur basé à Lyon. Une fondatrice, un réseau de freelances, des projets haut de gamme — et zéro présence web. Seul canal de communication : Instagram.
Le problème n'était pas le manque de talent. C'était l'absence d'un espace digital capable de transmettre la crédibilité du studio et de transformer un visiteur intéressé en demande de devis concrète.
La vraie question n'était pas "comment faire un beau site" — c'était : comment faire en sorte qu'un particulier CSP+ prenne contact avec un studio qu'il découvre pour la première fois ? C'est un problème de confiance et de conversion, pas d'esthétique.
Les freins identifiés avant de concevoir
Avant de toucher à Figma, j'ai analysé les comportements d'une cible CSP+ face à un site de services premium. Trois freins structurent toute la démarche de design — chaque décision de conception en découle directement.
La méfiance face à une marque inconnue
Un client CSP+ ne contacte pas un studio qu'il ne connaît pas sans preuves tangibles. Son réflexe : chercher des références, des projets, un nom derrière la marque. Si la crédibilité n'est pas établie dans les 10 premières secondes, il repart.
L'ambiguïté sur les services et le positionnement
Une cible premium n'a pas peur du prix — elle a peur de ne pas savoir à quoi s'attendre. Un site vague sur ses prestations génère de l'incertitude, pas de la curiosité. L'incertitude ne convertit pas.
Le formulaire perçu comme un engagement trop lourd
"Contacter" un studio, ça engage. Un formulaire trop long ou mal cadré fait fuir. Sur un service premium, la prise de contact doit être perçue comme une simple conversation — pas une demande de devis formelle.
5 semaines, 4 phases, 0 décision arbitraire
Chaque étape a été structurée pour que les décisions de design découlent du brief et des freins identifiés — pas de préférences esthétiques.
Analyse du brief & architecture de l'information
Lecture approfondie du brief, identification des cibles, définition de la hiérarchie des pages et des objectifs de conversion de chaque section.
📄 Architecture validéeDéfinition du style visuel & design system
Palette (tons neutres, beige, blanc cassé, gris chaud), choix typographiques (serif moderne + sans-serif lisible), définition des espacements et composants de base.
🎨 Design system définiMaquettes desktop & mobile sur Figma
Conception des 5 pages (Accueil, À propos, Projets, Services, Contact) en version desktop puis adaptées mobile. Chaque section justifiée par son rôle dans le parcours de conversion.
🖥️ Maquettes complètesIntégration HTML/CSS & mise en ligne
Intégration des maquettes en HTML/CSS, optimisation des performances et de l'accessibilité, mise en ligne et documentation rapide pour le client.
🚀 Site en ligneAperçu du design
Chaque choix visuel est justifié par son rôle dans le parcours de confiance — pas par l'esthétique seule.
Accueil — Confiance dès le premier scroll
Hero immersif, galerie de projets visible sans clic, section "À propos" ancrée sur la fondatrice. Chaque bloc répond à une objection implicite du visiteur CSP+.
Contact — Friction minimale, conversation maximale
3 champs, 1 accroche ("Parlons autour d'un café"), 0 jargon. L'objectif : faire percevoir la prise de contact comme un échange, pas un devis formel.
Ce que j'aurais mesuré en production
Ces métriques ont été suivies après mise en ligne pour mesurer l'impact des décisions UX sur les objectifs business du studio.
Des choix dictés par le brief
Chaque outil a été sélectionné en réponse aux contraintes du client : administrable facilement, performant, sans dépendance technique lourde.
Design
Pourquoi ? Maquettes desktop & mobile, design system complet, prototype cliquable livré au client. Figma Make permet de valider les animations et transitions avant intégration.
Front-end
Pourquoi ? Intégration légère, sans framework. Chargement rapide, compatible tous navigateurs récents — un facteur direct sur l'expérience d'un visiteur CSP+ exigeant.
Hébergement
Pourquoi ? Administrable par le client sans compétences techniques. HTTPS natif, domaine personnalisé. La cliente garde le contrôle sans dépendre d'un tiers.
3 principes UX extraits de ce projet
Ce qui structure ce design est systématisable. Ces principes s'appliquent à tout site dont l'objectif est de convertir un visiteur premium en prospect qualifié.
La confiance se construit avant le formulaire
Un visiteur CSP+ ne contacte pas avant d'avoir validé mentalement la crédibilité du prestataire. Chaque section précédant le contact doit répondre à une objection implicite.
Le positionnement se lit, il ne se décrète pas
Un site premium ne dit pas "nous sommes haut de gamme". Il le montre via la typographie, les espaces, les visuels et la précision du copywriting. Chaque détail porte le message.
Le CTA doit réduire la perception du risque
"Contacter" est perçu comme un engagement. "Parlons de votre projet autour d'un café" est une conversation. La formulation du CTA change le taux de clic — pas seulement son emplacement.
Ce que ce projet révèle sur mon approche
Je ne conçois pas des sites beaux — je conçois des parcours de confiance. Sur un positionnement premium, chaque décision (hiérarchie, copywriting, CTA, structure) répond à une question : est-ce que ça rapproche le visiteur de la prise de contact, ou est-ce que ça l'en éloigne ? C'est cette logique qui guide chaque pixel.
Ce que ce projet m'a permis de développer
- Traduire un brief business en architecture UX orientée conversion, avant de concevoir visuellement
- Identifier les freins psychologiques d'une cible premium et y répondre par des décisions de design précises
- Construire un design system cohérent qui porte un positionnement haut de gamme sans le proclamer
- Justifier chaque choix de design par son rôle dans le parcours de confiance — pas par l'esthétique
- Définir des KPIs de conversion dès la phase de conception pour mesurer l'impact réel en production
Ce que j'améliorerais sur une version v2
Un bon design n'est jamais terminé. Voici les 3 points que j'identifie comme des axes d'amélioration prioritaires si le site passait en production réelle avec des données.
Ajouter des témoignages clients
Le site n'a aucune preuve sociale. Sur un positionnement premium, un ou deux témoignages de clients satisfaits auraient un impact direct sur le taux de contact. C'est le maillon manquant le plus critique.
Renforcer le CTA principal du hero
"Découvrir nos projets" fait scroller — ça ne convertit pas. Un CTA orienté action et bénéfice ("Parlons de votre projet") placé directement dans le hero aurait réduit le chemin vers la conversion.
Remonter le formulaire de contact plus haut dans la page
Le formulaire n'apparaît qu'en toute fin de page. Une version simplifiée (email + bouton) dans la section hero ou à mi-page aurait capté les visiteurs convaincus dès le départ.
Votre trafic ne convertit pas ?
Le problème n'est probablement pas votre trafic.
Analyser mon site gratuitement
Je regarde votre page, j'identifie les 3 principaux freins de conversion et je vous envoie un diagnostic rapide.
Obtenir mon diagnostic — Résultat en 48hRéserver mon audit UX
Diagnostic complet de vos freins de conversion + recommandations priorisées par impact, livrées en 5 jours.
Réserver mon audit — 5 places ce moisGarantie : Si l'audit ne vous apporte pas 3 quick wins immédiatement actionnables, je le refais sans frais.