Automobile · Detailing & esthétique automobile

·

Lille, Hauts-de-France, France

Make It Shine

Conception d’une homepage premium pour Make It Shine, spécialiste du detailing automobile à Lille. L’expérience combine storytelling visuel, pédagogie, preuves de confiance et parcours de conversion afin de valoriser le savoir-faire de la marque et préparer son acquisition via Google Ads.

Make It Shine web

RÔLE

UX/UI Designer & Framer Expert

SCOPE

UX Strategy · UI Design · Framer Development · Motion Design · SEO Foundations

TOOLS

Figma · Framer · Framer Workshop · Midjourney

Le challenge

CONTEXT

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.

CHALLENGE

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.

Les objectifs

01

Valoriser le savoir-faire premium

Cré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.

02

Rendre l’offre immédiatement compréhensible

Clarifier 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.

03

Transformer la homepage en outil d’acquisition

Structurer 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.

Le process

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.

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 Framer

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

Intégration responsive sur Framer 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.

04 — PRODUIRE

Développement Framer

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

Intégration responsive sur Framer 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.

Key UX Decisions

Quelques décisions qui ont directement influencé l’expérience finale.

01

Expliquer avant de demander de convertir

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.

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.

02

Transformer les réalisations en preuve visuelle

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.

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é.

03

Installer la confiance avant le CTA

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.

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.

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.

Aa

Titres

Inter Display — Bold / Black

Aa

Textes

Inter Display — Regular / Medium

COULEURS

#0A0A0A · #2E93FF · #FFFFFF · Gris anthracite

L'interface finale

Le résultat

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.

↑ Premium

Image de marque renforcée

Une 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 compris

Le 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.

↑ Conversion

Parcours 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.

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.