✔ Présenter les trois gammes de hard-tops et expliquer ce qui les distingue
✔ Mener le propriétaire d’un pick-up au hard-top adapté à son véhicule en trois clics
✔ Donner toutes les caractéristiques et le prix avant même l’appel
✔ Recevoir les demandes d’achat sans création de compte – un nom et un téléphone suffisent
✔ Indiquer où le hard-top sera posé
LuxCap vend des hard-tops modulaires – des toits amovibles qui couvrent la benne d’un pick-up. Chaque modèle ne convient qu’à un véhicule précis : marque, modèle, année et longueur de benne. Le catalogue compte 542 articles, et l’acheteur doit trouver le sien sans parcourir des centaines de fiches.
J’ai réalisé la boutique sur WordPress et WooCommerce, avec mon propre thème burum. Le catalogue fonctionne comme un escalier – gamme, marque, modèle, puis le hard-top exact – avec un fil d’Ariane à chaque étape. La page d’accueil présente la marque et ses trois gammes, et la fiche produit répond à toutes les questions techniques grâce à un tableau de caractéristiques.
Résultat : le propriétaire d’un pick-up arrive en trois clics au hard-top de son véhicule, voit le prix et laisse une demande dans une courte fenêtre – sans compte ni commande à rallonge.
Une boutique où le propriétaire d’un pick-up trouve vite le hard-top de son véhicule et envoie aussitôt sa demande.
Trois gammes – Classic, Sport et City – pour les pick-up de 11 marques, avec tri et pagination
Logos des marques, puis modèles en photo, puis hard-tops par année et longueur de benne
Galerie, référence, tableau : véhicule, série, année, longueur de benne, PART NO. et prix en hryvnias
« Acheter maintenant » ouvre la fenêtre « Envoyer une demande » : nom et téléphone
Classic, Sport et City sur l’accueil – description, carrousel photo et accès à la gamme
Mise en page responsive : carrousel, atouts, catalogue et fiches sur tous les écrans
On ne choisit pas un hard-top sur une photo : il doit s’ajuster exactement à la benne. Tout le site est donc construit autour du choix selon le pick-up.
Le site répond à plusieurs objectifs principaux :
Réponse garantie sous 24h.
Premier échange gratuit et sans engagement.
Un hard-top pour pick-up est un achat coûteux et très « ciblé » : chaque modèle ne convient qu’à son véhicule, à son année et à sa longueur de benne. Une jolie vitrine ne suffit pas à une boutique de ce type – il lui faut une recherche claire par véhicule. Voici comment j’ai réalisé cette boutique en ligne pour LuxCap.
LuxCap, basée à Lviv, vend des hard-tops pour pick-up, qu’on appelle aussi canopies ou couvre-bennes. La marque se positionne sur le haut de gamme : ses hard-tops modulaires s’assemblent à partir de plusieurs éléments, se ferment à clé, et sur beaucoup de modèles on peut installer une tente de toit ou une galerie d’expédition. L’entreprise est revendeur agréé et promet une pose en 2 heures.
L’offre se divise en trois gammes, chacune avec sa logique :
Chaque gamme existe pour des dizaines de pick-up, d’où les 542 articles du catalogue. La mission principale du site : que le propriétaire d’un Ford Ranger ou d’un Chevrolet Colorado ne fasse pas défiler tout le catalogue, mais tombe directement sur son modèle.
J’ai intégré la page d’accueil comme une vitrine de marque qui mène au catalogue :
L’en-tête reste collé en haut de l’écran pendant le défilement, le menu et le téléphone sont donc toujours à portée de main, et un bouton « retour en haut » apparaît sur les pages longues.
Le catalogue repose sur WooCommerce, mais j’ai remplacé la grille de produits habituelle par une recherche pas à pas. L’acheteur ouvre d’abord une gamme et voit les logos de 11 marques : Chevrolet, Dodge/RAM, Ford, GMC, Isuzu, Jeep, Mitsubishi, Nissan, SsangYong, Toyota et Volkswagen. Vient ensuite la page de la marque avec les photos des modèles – chez Ford, par exemple, F-150, F-250, F-350, Ranger et Raptor. Ce n’est qu’à la troisième étape qu’apparaissent les produits du modèle choisi, classés par année et longueur de benne.
Chaque niveau a son fil d’Ariane : depuis la fiche d’un hard-top, on revient en un clic au modèle, à la marque ou à la gamme. Les listes de produits proposent tri et pagination. Cette structure est claire pour l’acheteur comme pour les moteurs de recherche : chaque marque et chaque modèle ont leur propre page, avec leur propre titre.
L’acheteur d’un hard-top veut avant tout des détails techniques : ira-t-il sur son véhicule ? La fiche produit rassemble donc tout sur un seul écran :
Le nom du produit aide lui aussi à choisir : il indique la gamme, le modèle du pick-up, les années et la longueur de benne – par exemple « Hard-top aluminium LuxCap Sport pour Chevrolet Colorado 2015–2022 (benne de 5′ 1″) ».
Un tel achat (un hard-top Sport pour Chevrolet Colorado coûte par exemple 150 000 hryvnias) se règle rarement par carte en une minute : on veut d’abord parler au vendeur. C’est pourquoi le bouton « Acheter maintenant » ouvre une fenêtre « Envoyer une demande » – nom et téléphone, sans compte ni formulaire en plusieurs étapes. Un conseiller rappelle et précise les détails.
Pour ceux qui hésitent encore, l’en-tête propose « Être rappelé », également dans une fenêtre. Les formulaires fonctionnent avec Contact Form 7. Le panier classique est conservé : j’y ai ajouté les blocs « Vous aimerez aussi » et « Nouveauté en boutique » pour suggérer accessoires et nouveaux modèles. Saphali Lite gère les champs de commande adaptés à l’Ukraine.
En plus des hard-tops, le site propose une rubrique accessoires – par exemple le rangement Drop Rack pour la benne – avec des fiches dans le même style que le catalogue. Une page « Centres de pose » répond à la question « où le faire installer », tandis que la page « Contacts » et le pied de page réunissent téléphone, e-mail, adresse et icônes des messageries et réseaux sociaux.
La boutique tourne sur WordPress 6.8 et WooCommerce 10.4, avec mon thème burum. Yoast SEO gère les titres, les descriptions et les données structurées, et le catalogue à plusieurs niveaux offre des pages dédiées à des recherches comme « hard-top Ford Ranger » ou « canopy Chevrolet Colorado ». Les carrousels reposent sur slick, et la mise en page est responsive : sur smartphone, l’accueil, le catalogue et la fiche produit passent sur une colonne, et les boutons restent bien visibles.
Hard-tops, coffres de toit, marchepieds, attelages : tous ces produits ont un point commun, ils conviennent à un véhicule précis. D’après ce projet, voici ce qui compte pour une boutique de ce secteur :
Ainsi, même un catalogue de plusieurs centaines d’articles reste simple : l’acheteur ne voit que ce qui convient à son véhicule et passe vite à l’échange avec le vendeur.
