Drive Lady

Aligner le site sur la traction réelle de la marque.

Drive Lady avait déjà gagné une belle visibilité médiatique. Il était temps que son univers digital exprime, lui aussi, toute l'ambition du projet.

Périmètre livré

  • Refonte
  • Design system
  • Mobile-first
  • SEO
Secteur
Mobilité
Services
Direction artistique ·Web design ·Intégration ·Fondations SEO
Page d'accueil du site Drive Lady

L'approche

Par où nous avons commencé

Refonte complète plutôt que retouches. La promesse d'abord, puis un système visuel cohérent, puis une intégration propre pour que la page tienne sur tous les écrans et charge vite.

Le contexte

Drive Lady s'est fait connaître vite, portée par une couverture médiatique nourrie et un positionnement fort sur la mobilité. Les visiteurs arrivaient donc avec des attentes élevées — et tombaient sur un site Wix assemblé au fil de l'eau.

L'écart était visible en quelques secondes: mise en page hétérogène, hiérarchie floue, aucune preuve mise en avant. Ce n'était pas un problème de trafic, mais de crédibilité au premier regard.

Point de départ

  • Un site Wix empilé par ajouts successifs, sans système visuel
  • Une promesse noyée dans la page d'accueil
  • Aucune mise en avant de la couverture presse ni des preuves
  • Des parcours de conversion incomplets sur mobile

Ce qui a été livré

Le périmètre, en clair.

Pas de chiffre de performance publié sur cette mission : voici, tel quel, ce qui a été conçu, dessiné et mis en ligne.

Refonte
complète du site, de la promesse à l'intégration
Design system
couleurs, typographies et composants réutilisables
Mobile-first
parcours et gabarits repensés pour le mobile
SEO
fondations techniques et sémantiques posées

La mission, chapitre par chapitre

La méthode, étape par étape

01Positionnement

Remettre la promesse en haut de page

Avant de dessiner quoi que ce soit, il a fallu réécrire ce que le visiteur doit comprendre en cinq secondes : pour qui, pour quel problème, avec quelle preuve. Tout le reste de la page découle de cette hiérarchie.

Dans ce chapitre

  • Message principal et sous-promesse retravaillés
  • Hiérarchie de la page d'accueil réordonnée par intention
  • Preuves — presse, témoignages, chiffres — remontées haut
  • Appels à l'action uniques et cohérents d'une page à l'autre
02Direction artistique

Une identité qui tient sans dépendre d'un template

Palette, typographies, traitement photo et composants ont été définis comme un système. L'objectif: pouvoir ajouter une page six mois plus tard sans que le site se remette à ressembler à un assemblage.

  • Palette et échelle typographique documentées
  • Bibliothèque de composants: cartes, blocs preuve, sections CTA
  • Traitement photo et iconographie homogènes
  • Règles d'espacement et de grille

Drive Lady · Direction artistique

Direction artistique du site Drive Lady

03Web design

Des gabarits pensés pour la décision, pas pour la démo

Chaque gabarit répond à une étape du parcours: découvrir, comprendre, se rassurer, contacter. Les blocs sont réutilisables d'une page à l'autre, ce qui évite de redessiner à chaque nouvelle offre.

Dans ce chapitre

  • Gabarits accueil, offre, à propos et contact
  • Blocs preuve réutilisables (presse, avis, chiffres)
  • Parcours de conversion continu du haut vers le bas de page
  • Déclinaisons desktop, tablette et mobile
04Intégration

Une intégration propre, rapide et éditable

Le design n'a de valeur que s'il survit à l'intégration. Le site livré est fidèle aux maquettes, rapide sur mobile, et assez simple pour que l'équipe modifie ses contenus sans revenir vers nous.

Dans ce chapitre

  • Intégration fidèle aux maquettes, responsive de bout en bout
  • Optimisation des images et du chargement
  • Accessibilité de base: contrastes, focus, structure de titres
  • Contenus éditables par l'équipe sans intervention technique
05SEO

Les fondations posées pour la suite

Une refonte est le bon moment pour régler le socle technique. Structure de titres, métadonnées, balisage et redirections ont été traités pendant le chantier, pas après.

Dans ce chapitre

  • Structure de titres et métadonnées sur chaque page
  • Balisage JSON-LD de l'organisation et des pages clés
  • Plan de redirections pour protéger l'existant
  • Sitemap, robots et suivi analytics en place à la mise en ligne

Avant / après

La même marque, enfin à sa vraie taille.

Le contenu était là. Ce qui manquait, c'était la mise en scène: une hiérarchie claire, une identité assumée et des parcours qui mènent quelque part.

Drive Lady — aprèsAprès
Drive Lady — avantAvant

Drive Lady · la même page, avant et après

Glissez la poignée pour passer d'une version à l'autre.

Drive Lady

“Plus clair, plus moderne et surtout beaucoup plus fidèle à ce qu'est devenue Drive Lady.

Merci d'avoir réussi à comprendre notre univers et à le retranscrire avec autant de justesse.”

Portrait de Camille CottardCamille CottardCo-fondatrice & CEO, Drive Lady

Continuer

Autres réalisations

Voir tous les cas
Page d'accueil du site Le Bureau des TalentsRecrutement
Le Bureau des Talents

Rendre une expertise recrutement trouvable, page par page.

Un cabinet reconnu, invisible sur les recherches qui décident. 32 pages plus tard, le site ramène des rendez-vous qualifiés chaque mois, sans dépendre du réseau.

×59
Trafic organique203 → 12 000 clics / mois
16,1M
Impressions généréessur les 12 derniers mois
0 → 6
RDV entrants / moisdemandes qualifiées
  • Architecture SEO/GEO
  • Contenu B2B
  • Données structurées
  • Pilotage & workflow

La suite

Le même système, appliqué à votre entreprise

Confiez-nous votre site. Vous recevez la même lecture que celle menée pour Drive Lady : ce qu'il faut construire, et dans quel ordre.