✔ Montrer les motos de l’atelier en grand et avec du caractère
✔ Expliquer comment se déroule la construction d’une moto custom clés en main
✔ Présenter les services du garage et amener à une demande de projet
✔ Conduire le visiteur de l’atelier vers la boutique en ligne
✔ Aider l’acheteur à trouver le tuning et l’électronique adaptés à sa Mercedes-Benz
Sparta Garage construit des motos custom clés en main – de l’idée et de la validation du budget jusqu’à la moto terminée –, propose aussi des services automobiles et vend du tuning et de l’électronique pour Mercedes-Benz. Il fallait un site d’atelier et une boutique en ligne sous une même marque.
J’ai réalisé deux volets aux missions différentes. Le site de l’atelier – accueil, projets, page projet, services, page service et contact : fond noir, grandes photos de motos, accent rouge repris du logo. La boutique en ligne, elle, est claire et fonctionnelle : recherche par véhicule, catalogue par catégories et chemin court vers le panier.
Au final, les projets mènent à une demande de construction, la bannière de l’accueil conduit à la boutique, et dans la boutique, l’acheteur indique sa voiture, voit les produits compatibles, choisit options et compléments, puis met au panier aussi bien des pièces que des prestations.
Un site où l’atelier affirme son caractère, et où la boutique donne la certitude que la pièce sera compatible.
Grandes photos, vidéo et page récit pour chaque moto, avec passage à la suivante
Ligne « Votre véhicule » avec lien « Modifier » et étiquettes des modèles compatibles sur les fiches
Onglets de l’ECU à l’intérieur, rangées de fiches avec prix « dès » et lien « Tout voir »
Galerie avec zoom, quantité, options, couleurs, compléments avec prix et onglet de compatibilité
Sélecteur d’étape de tuning : puissance, couple, courbe et pièces nécessaires
Modèle et année du véhicule, durée de l’intervention, compléments avec prix et bouton « Ajouter au panier »
L’atelier fait rêver avec ses motos terminées, la boutique aide à trouver vite la pièce compatible et à passer commande.
Le site remplit plusieurs fonctions essentielles :
Réponse garantie sous 24h.
Premier échange gratuit et sans engagement.
Une moto custom s’achète au coup de cœur, une pièce auto seulement quand on est sûr qu’elle conviendra. À travers Sparta Garage, je vous montre comment j’ai réalisé le site d’un atelier avec vitrine de projets et une boutique de tuning avec recherche par véhicule, fiches produits et panier.
Sparta Garage construit des motos custom clés en main : le client expose son idée, valide le budget, puis voit la moto de ses rêves prendre forme dans le métal et le plastique. En plus des customs, le garage a un pôle automobile – des services pour voitures et poids lourds – et une boutique en ligne de tuning et d’électronique pour Mercedes-Benz.
Il fallait un site qui vende aussi bien le travail sur mesure de l’atelier que les produits de la boutique. J’ai réalisé les deux volets : le site de l’atelier avec projets, services et contact, et la boutique en ligne avec catalogue, recherche par véhicule, fiches produits et panier.
Le projet se compose de deux volets qui partagent la marque mais pas la mission :
Le pont entre les deux, c’est la bannière de la boutique sur l’accueil : le logo graffiti de Sparta Garage, l’inscription STORE et un bouton « Y aller ». L’en-tête du site de l’atelier comprend le logo, un menu de six rubriques et les réseaux sociaux ; le pied de page, la FAQ, l’assistance, le paiement, la livraison, les retours et le contact.
Le custom est une affaire de style : la page d’accueil repose donc presque entièrement sur les photos de motos – fond noir, moto en gros plan, un slogan court et provocateur avec les accents rouges du logo, et un bouton « Projets ». L’accueil déroule ensuite l’offre de l’atelier :
Les projets sont le principal argument de l’atelier. La page des projets s’ouvre sur un grand titre et une photo, suivis de blocs sur la construction sur mesure et la mécanique moto, d’une vidéo avec lecteur, d’une grille de projets datés avec un bouton pour charger la suite, et enfin d’un formulaire avec nom et e-mail.
La page projet est construite comme un récit : un grand premier écran avec la photo de la moto et son nom, puis un long texte ponctué de grandes photos et d’intertitres, et une navigation vers le projet précédent et le suivant. Le même gabarit sert pour la page d’un service.
La page des services s’ouvre sur une photo de soudure et un grand titre ; en dessous, une grille de cartes présente les activités du garage, sombres et claires en alternance, avec photos : pièces d’occasion pour poids lourds importées d’Europe, boutique d’accessoires, vidange pour voitures, lavage pour poids lourds et voitures. La page contact réunit un bloc sur l’atelier avec une citation, une invitation à lancer son projet, les téléphones, l’adresse, l’e-mail, un formulaire de message et une carte.
La boutique propose du tuning et des équipements complémentaires pour Mercedes-Benz : reprogrammation des calculateurs, codage, électronique, extérieur, intérieur et gain de puissance. Pour une pièce auto, la première question de l’acheteur est de savoir si elle ira sur sa voiture ; la recherche par véhicule passe donc en premier.
La fiche produit réunit sur un seul écran tout ce qu’il faut pour décider d’acheter :
Les reprogrammations ont leur propre type de fiche : le sélecteur Stage 1 / Stage 2 met à jour la puissance et le couple obtenus après tuning, la courbe et la liste des pièces nécessaires. Le tableau de compatibilité énumère les modèles, carrosseries et années de fabrication : l’acheteur vérifie sa voiture avant même de commander.
Dans la boutique, les services du garage se vendent comme les pièces. Sur la fiche d’une prestation, l’acheteur choisit le modèle et l’année de sa voiture, voit la durée de l’intervention et l’intervalle d’entretien, coche les compléments avec leur prix et clique sur « Ajouter au panier ». Les nouveautés portent une étiquette « New », les longues descriptions se déplient avec le bouton « Afficher plus », et le mini-panier avec compteur montre aussitôt que la commande s’est étoffée et permet de la consulter.
La pièce et son montage se retrouvent ainsi dans le même panier : inutile d’appeler à part pour prendre rendez-vous à l’atelier.
Le site d’un atelier vend la confiance dans le savoir-faire du mécanicien ; la boutique, la certitude que la pièce conviendra. Dans ce type de projet, je m’appuie donc sur quelques principes :
Si vous avez besoin d’un site pour un atelier, un garage ou une boutique en ligne de pièces et de tuning, je vous aide à le construire de A à Z – de la vitrine de vos réalisations au catalogue avec recherche par véhicule et au panier.
