Bannière CarAds
UI/UX Design · Webdesign · Identité visuelle

Création CarAds Studio


https:// carads.lennouille.fr
Rôle
Identité visuelle, design system, UI/UX
Durée
2 semaines
Outils
Figma ; HTML, CSS, JavaScript
Contexte
Requête professionnelle

Brief : Créer l'identité visuelle et le site d'un studio automobile, sans base existante.

Objectif : Rassurer les prospects dès l'arrivée sur le site et les amener à prendre contact.

Livrables : Logo, design system et UI Kit, maquettes UI/UX orientées conversion.


Point de départ : aucune base existante

CarAds Studio n'avait ni logo ni site. L'identité et l'interface étaient à créer de zéro, pour un site qui rassure et fait contacter le studio, dans un secteur automobile aux codes visuels établis.

Benchmark et zoning

J'ai commencé par un benchmark de 5 sites du secteur pour relever les attentes de la cible et les signaux de confiance utilisés. Le zoning classe l'information par priorité. Les wireframes ne gardent que les éléments qui servent à la prise de contact.

Identité visuelle — Logo
Création du logo CarAds

Logo, design system et UI Kit

J'ai dessiné le logo et l'ai décliné en 3 versions de couleur (blanc, rouge, noir) pour les supports numériques et physiques. Le design system fixe les règles typographiques et la palette, documentées dans l'UI Kit.

Couleur blanche CarAds Couleur rouge CarAds Couleur noire CarAds

L'espace studio

La page principale regroupe l'information clé pour limiter le nombre d'interactions avant le contact : 2 clics du premier écran au formulaire. Les éléments sans fonction de conversion ont été retirés.

Espace studio
Création de l'espace studio

Ce que j'en retiens

Sans contrainte historique, chaque choix devait être justifié. J'ai validé les hypothèses UX par le parcours de conversion plutôt que par l'esthétique. Le projet m'a permis de construire un système de marque complet : logo, couleurs, règles typographiques.

Résultats

3déclinaisons de couleur du logo : blanc, rouge, noir
5sites analysés lors du benchmark
2clics entre le premier écran et le contact