Cas client · Marque et site one-page

Johnny-DLV, la marque et le site d'un conseiller en achat et vente automobile

Une activité qui existait déjà, mais qui n'avait ni logo, ni couleurs, ni site. Nous avons dessiné sa marque de A à Z, puis codé à la main le site en une page qui présente ses services, ses tarifs et son contact.

Charte graphique et logo Pictogrammes et portrait vectorisé One-page codé à la main
Planche de marque de Johnny-DLV : le logo aux lettres en gomme de pneu, la baseline « conseiller en achat et vente automobile neuf et occasion », les pictogrammes et le portrait vectorisé

Ce qui manquait au départ

  • Aucune communication engagée : l'entreprise existait, rien autour d'elle.
  • Aucune identité visuelle développée - ni logo, ni couleurs, ni typographie, ni codes graphiques réutilisables.
  • Aucun site internet : rien à montrer, rien à partager, aucun point de contact en ligne.
  • Aucun support pour présenter ses services ni ses tarifs à un prospect.

Ce que nous avons construit

  • La charte graphique d'une marque conçue de zéro : couleurs, formes, typographie, trois maquettes de logo et un jeu d'icônes.
  • Cinq pictogrammes dédiés et un portrait photo de Johnny transformé en dessin vectoriel, pour donner un visage à la marque.
  • La création de site vitrine en une seule page, codée à la main en HTML, CSS et JavaScript, sans thème préfabriqué.
  • Un formulaire de contact dynamique en AJAX, pour qu'un acheteur ou un vendeur demande un rappel sans quitter la page.
Périmètre

Ce que nous avons pris en charge

De la première maquette de logo jusqu'à la mise en ligne du site.

01 Charte graphique complète
02 Trois maquettes de logo et icônes
03 Pictogrammes et portrait vectorisé
04 Maquettes bureau et mobile
05 Développement HTML, CSS et JavaScript
06 Nom de domaine, serveur et mise en ligne
Le projet

Donner une marque à une activité qui n'en avait pas encore

Johnny-DLV a fait de sa passion son métier : conseiller en achat et vente automobile dans les Bouches-du-Rhône, il accompagne les particuliers qui vendent ou qui achètent un véhicule. Quand il est venu nous voir, il n'avait qu'une chose : son entreprise. Pas de logo, pas de couleurs, pas de site, aucune communication engagée.

Le projet consistait donc à poser les bases, dans l'ordre. D'abord la marque, parce qu'un site sans charte graphique n'est qu'un empilement de blocs. Ensuite le site lui-même, en une seule page, pour qu'un prospect comprenne en un défilement ce que Johnny fait, à quel prix, et comment le joindre.

Chapitre 1

Une marque dessinée de A à Z, portrait compris

Johnny-DLV était encore à ses débuts lorsqu'il nous a contactés, sans aucun branding exploitable. Notre pôle graphisme a construit sa charte graphique complète : couleurs, formes, typographie, règles d'emploi. Sur cette base sont venues trois maquettes de logo accompagnées d'un jeu d'icônes, puis cinq pictogrammes dédiés pour illustrer ses services.

Un dernier livrable a fait la différence : la photo de Johnny a été vectorisée, c'est-à-dire redessinée en tracés. Pour un conseiller dont la prestation repose entièrement sur la relation de confiance, mettre son propre visage dans la charte n'est pas un ornement - c'est ce qui distingue une marque personnelle d'un logo interchangeable.

3maquettes de logo proposées
5pictogrammes créés

Votre activité tourne, mais elle n'a pas encore de marque ?

Voir notre offre de charte graphique pour site web
Portrait de Johnny, fondateur de Johnny-DLV, redessiné en vectoriel pour sa charte graphique
Le portrait de Johnny vectorisé
Chapitre 2

Un site en une page, parce que c'est ce que le projet demandait

Johnny voulait un site simple, qui lui ressemble et qui présente ses services. Nous avons donc écarté l'arborescence classique au profit d'une page unique : épurée, personnalisée, elle enchaîne la présentation, les services, les tarifs et une partie contact. Un visiteur qui descend la page a tout vu.

Avant la moindre ligne de code, l'interface a été maquettée sous Photoshop - une maquette de la page d'accueil au format bureau, une autre au format mobile, et une maquette pour les pages internes. Valider le dessin avant de développer évite les allers-retours coûteux une fois le code écrit. Le site n'est plus en ligne aujourd'hui sous son nom de domaine www.johnny-dlv.com : la vidéo ci-dessus en conserve le défilement complet.

Le défilement complet du site one-page livré à Johnny-DLV
Page unique du site Johnny-DLV : présentation, services illustrés par des pictogrammes, formules et partie contact
La page en entier, du bandeau aux formules.
Chapitre 3

Codé à la main, du nom de domaine à la mise en ligne

Le site a été développé en HTML, CSS et JavaScript, en full-responsive : il s'adaptait à l'ordinateur, à la tablette et au mobile. Les feuilles de style ont été écrites en accord avec la charte définie en amont, puis le détail a été travaillé - stylage des modules, gestion des survols, transitions, animations CSS et un effet parallax pour donner du relief au défilement.

Le volet technique a suivi le même principe : achat du nom de domaine et configuration DNS, achat, installation et paramétrage du serveur, mise en place du HTTPS avec un certificat SSL sur l'ensemble du site. Une version de pré-production a été montée en amont, pour tout valider en conditions réelles avant la mise en ligne. C'est aussi là qu'a été branché le formulaire de contact dynamique en AJAX, qui déclenche une demande de rappel sans recharger la page.

Anochat Garcia, fondateur de Johnny-DLV : « J'ai créé mon site Johnny-DLV avec l'agence WeComm. Le travail est complet et le résultat m'a tout de suite satisfait ! Le site web et la charte graphique me correspondent bien et l'équipe a bien répondu à mes attentes. »

Un site en une page pour votre activité ?

Parler de mon projet

Une activité à lancer, une marque à créer ?

Demander un devis
Le client

Johnny-DLV, conseiller en achat et vente automobile

Johnny-DLV a fait de sa passion son métier : conseiller en achat et vente automobile. Basé dans les Bouches-du-Rhône, il accompagne les particuliers dans la vente comme dans l'achat de leur véhicule.

Un projet pour votre entreprise ?

Comme Johnny-DLV, partez de la marque, puis de la création d'un site internet sur mesure : de quoi montrer ce que vous faites et vous faire contacter.