SS — Étude de cas 11 / Make It ShineUX/UI DesignAutomobileConversion

Une vitrine premium qui sert de base d'acquisition à un spécialiste local

Homepage UX/UI & le site pensée comme une vitrine premium et une base d’acquisition pour un spécialiste du detailing automobile à Lille.

Client
Make It Shine — Lille, Hauts-de-France, France
Année
2024
Périmètre
UX Strategy, UI Design, Motion Design, SEO Foundations
Outils
Figma, Midjourney
Projet Make It ShineFIG. 01 — MAKE IT SHINE
01 — Le contexte

Make It Shine souhaitait créer une première homepage capable de poser les fondations de son futur site. L’entreprise propose des prestations d’esthétique automobile allant du nettoyage au detailing avancé, avec des services à forte valeur comme le polissage, la protection céramique et le ciel étoilé. Le site devait également devenir un point d’arrivée crédible pour de futures campagnes Google Ads.

02 — Le défi

Le principal enjeu était de traduire la qualité d’un service automobile très visuel en une expérience digitale premium, sans tomber dans une simple galerie de belles voitures. Il fallait rendre des prestations parfois techniques immédiatement compréhensibles, renforcer la confiance avant de confier un véhicule et construire une homepage orientée conversion tout en conservant la logique d’un véritable site de marque.

03 — Le résultat

Une homepage moderne, premium et évolutive qui améliore immédiatement la perception de Make It Shine, rend ses prestations plus faciles à comprendre et transforme le site en véritable support commercial. Le client a validé le rendu final comme fidèle à sa vision et suffisamment solide pour servir de fondation au développement du reste du site.

SS — Objectifs

Ce que le projet devait accomplir.

  1. 001Valoriser le savoir-faire premiumCréer une expérience visuelle à la hauteur du niveau de finition proposé par Make It Shine, afin que la perception digitale de la marque reflète immédiatement son exigence, sa précision et son univers automobile haut de gamme.
  2. 002Rendre l’offre immédiatement compréhensibleClarifier la différence entre nettoyage, detailing, polissage, protection céramique et personnalisation afin que chaque visiteur puisse comprendre le rôle de chaque prestation et identifier celle qui correspond à son besoin.
  3. 003Transformer la homepage en outil d’acquisitionStructurer le parcours autour de CTA visibles, de preuves sociales, de réalisations, d’une FAQ et d’éléments de réassurance pour préparer le site à convertir un trafic organique ou issu de campagnes Google Ads en demandes de devis.
SS — Processus

De l'analyse à la mise en ligne.

01 — COMPRENDRE · Immersion dans la marque

Transformer un brief métier en expérience digitale.

Analyse du positionnement, des prestations prioritaires, des références visuelles et du parcours attendu. J’ai identifié les besoins clés des visiteurs : comprendre rapidement l’offre, juger la qualité du travail, se rassurer avant de confier son véhicule et accéder sans friction à une demande de devis.

02 — STRUCTURER · Architecture UX & conversion

Construire un parcours qui informe avant de vendre.

La homepage a été hiérarchisée autour d’un enchaînement progressif : impact visuel, présentation de la marque, services, preuves de confiance, explication des prestations, réalisations, avis, FAQ puis CTA final. Chaque étape répond à une question du visiteur et réduit progressivement les freins à la prise de contact.

03 — CRÉER · Direction artistique automobile

Faire ressentir la qualité avant même le premier rendez-vous.

Création d’une direction visuelle sombre et premium, contrastée par le bleu signature #2E93FF, avec de grands visuels automobiles, une typographie display forte et des mouvements subtils. Les carrousels, hovers et transitions mettent la finition et les réalisations au centre sans compromettre la lisibilité.

04 — PRODUIRE · Développement le site

Donner vie à l’expérience, sans ralentir la conversion.

Intégration responsive en production avec composants réutilisables, navbar adaptative, carrousels animés, états hover et transitions fluides. La structure a également été pensée pour évoluer facilement vers les pages services, renforcer le SEO local et accueillir le suivi des futures campagnes Google Ads.

SS — Décisions UX

Les décisions qui ont changé le projet.

DÉCISION 01

Expliquer avant de demander de convertir

LE PROBLÈME

Des termes comme polissage, detailing ou protection céramique sont évidents pour les passionnés, mais pas pour tous les visiteurs. Une simple liste de prestations pouvait créer de l’incertitude et limiter l’intention de contact.

LA DÉCISION

J’ai ajouté une section pédagogique qui explique simplement ce que fait chaque service, son utilité et le résultat attendu. L’utilisateur comprend ce qu’il choisit avant d’être dirigé vers une demande de devis ou une prise de rendez-vous.

DÉCISION 02

Transformer les réalisations en preuve visuelle

LE PROBLÈME

Dans le detailing, une promesse premium ne suffit pas : le visiteur doit pouvoir juger la finition et se projeter dans le résultat avant de confier son véhicule.

LA DÉCISION

Les réalisations sont présentées dans un carrousel automatique moderne et luxueux. Au survol, le type de prestation apparaît sans masquer inutilement les photos. L’image devient à la fois un élément de désir, une démonstration de savoir-faire et une preuve concrète de qualité.

DÉCISION 03

Installer la confiance avant le CTA

LE PROBLÈME

Confier son véhicule à un prestataire demande un niveau de réassurance élevé, particulièrement pour des interventions comme le polissage, la céramique ou la personnalisation intérieure.

LA DÉCISION

Chiffres clés, note Google 5★, avis clients, FAQ et messages de réassurance ont été placés avant les principaux points de conversion. La décision repose ainsi sur des preuves et des réponses concrètes, pas uniquement sur un discours commercial.

SS — Direction visuelle

Premium automobile, précision et mouvement

Une identité sombre, nette et immersive inspirée des reflets de carrosserie et de l’éclairage studio automobile. Le bleu Make It Shine agit comme accent fonctionnel pour guider le regard vers les informations et actions clés, tandis que les grands visuels et les animations renforcent la sensation de finition haut de gamme.

rgb(131, 186, 255)
rgb(255, 255, 255)
rgb(5, 5, 5)
TYPOGRAPHIESInter Display — Bold / BlackInter Display — Regular / Medium
SS — Impact

Ce que le projet a changé.

La refonte a transformé la homepage en une véritable vitrine commerciale cohérente avec le niveau de finition de Make It Shine. L’offre est plus lisible, les réalisations occupent une place centrale, les preuves de confiance apparaissent au bon moment et chaque section rapproche naturellement l’utilisateur d’une demande de devis. La nouvelle structure constitue aussi une base solide pour les pages services, le SEO local et les campagnes Google Ads.

↑ PremiumImage de marque renforcéeUne direction artistique automobile plus distinctive et cohérente avec le niveau de soin, de précision et de qualité vendu par Make It Shine.
↑ ClartéServices mieux comprisLe parcours ne se contente plus de citer les prestations : il explique leurs bénéfices et aide le visiteur à identifier plus facilement la solution adaptée à son véhicule.
↑ ConversionParcours d’acquisition optimiséCTA répétés, preuve sociale, FAQ, réalisations et réassurance structurent une expérience conçue pour transformer le trafic — notamment Google Ads — en demandes de devis, sans donner à la homepage l’apparence d’une landing page agressive.
Voir le site en ligne ↗
ÉTUDE DE CAS SUIVANTE — 01VLINE · 2026Rendre évidente une app d'apprentissage qui mêle vidéo, IA et répétition espacée→
SS — Appel découverte · 30 min

Parlons de votre produit, de vos utilisateurs et de ce qui bloque aujourd'hui. Vous repartez avec 2 ou 3 pistes concrètes, que l'on travaille ensemble ou non.

Réserver un appelChoisir un créneauPrendre contact