Un tapis en EVA s’achète pour une voiture précise : le site du fabricant ne peut donc pas se contenter de belles photos, il doit aider à retrouver son modèle et à composer son kit. À travers l’exemple d’EVACraftAuto, je vous montre comment j’ai réalisé une landing page avec recherche par marque, modèle et année, configurateur de tapis, kits avec prix et formulaires de demande.
L’entreprise et le défi
EVACraftAuto est un fabricant ukrainien de tapis de voiture en EVA. L’entreprise est installée à Lviv et expédie ses commandes dans toute l’Ukraine. Les tapis sont fabriqués en 1 à 2 jours sur les gabarits d’origine de chaque modèle, et l’on peut y ajouter des talonnettes de différentes formes et des écussons au logo de la marque. Sur son site, l’entreprise annonce plus de 3 500 modèles de voitures et plus de 150 variantes pour un même véhicule.
Un tapis EVA se choisit pour une voiture précise, et l’acheteur se pose toujours trois questions : existe-t-il un gabarit pour ma voiture, combien coûte le kit et quel rendu aura-t-il dans l’habitacle ? La landing page devait y répondre sans appel téléphonique : la recherche par véhicule et le configurateur occupent donc le centre de la page. Les autres blocs suivent l’ordre dans lequel les questions se posent : pourquoi vous faire confiance, combien ça coûte, ma voiture est-elle couverte, à quoi ressemblera mon tapis et que se passe-t-il après la commande.
En-tête, premier écran et arguments du fabricant
L’en-tête est un bandeau blanc aux bords arrondis posé sur le premier écran : logo, menu « Catalogue », « Avantages », « Nos réalisations », « Partenariat », « Contacts », « FAQ », icônes Telegram et Viber et bouton jaune avec le numéro de téléphone. Dessous, une photo assombrie d’un tapis EVA dans l’habitacle, le titre « Des tapis de voiture de nouvelle génération », le nom de la marque en jaune et la mention « Fabricant de tapis de voiture en EVA ». Un seul bouton, « Configurateur », mène directement à l’outil le plus utile de la page.
La landing page répond ensuite à la question « pourquoi vous ? ». Le bloc « Pourquoi choisir EVACraftAuto ? » réunit six cartes avec des icônes jaunes :
- des gabarits individuels pour toutes les voitures ;
- une matière qui n’absorbe pas l’humidité, résiste à l’usure et se nettoie facilement ;
- une fabrication sur commande en 1 à 2 jours ;
- plus de 13 couleurs de fond et 15 couleurs de bordure ;
- des talonnettes de différentes formes et des écussons au logo de la voiture ;
- la livraison dans toute l’Ukraine.
Viennent ensuite le bloc « À propos », sur une photo sombre d’habitacle, avec trois cartes photo numérotées « Pourquoi nous ? », puis l’infographie « Les atouts des tapis EvaCraftAuto » : sept avantages disposés en arc autour d’un jeu de tapis, de la matière écologique et des fixations d’origine jusqu’aux 3 500+ modèles de voitures et à la découpe laser. Les sections graphite foncé alternent avec des sections crème claires, et le jaune du logo signale les boutons, les prix et les options choisies.
Six kits avec prix
Le bloc « Kits » répond à la question du prix avant même tout échange avec un conseiller. Chacune des six cartes affiche le prix en hryvnias dans un cadre jaune, une vue de la voiture du dessus où les tapis du kit sont surlignés en jaune, une pastille ronde montrant la texture de la matière et la liste du contenu :
- Basic – 1 350 UAH : n’importe quelle rangée d’une voiture de tourisme ;
- Coffre – 1 590 UAH : tapis de coffre et système de bandes auto-agrippantes ;
- Comfort – 1 990 UAH : deux tapis avant et deux arrière, pièce pour le tunnel central, fixations d’origine et bandes auto-agrippantes au plancher ;
- Style – 2 900 UAH : tout le kit Comfort, plus quatre écussons au logo de la voiture et une talonnette en métal ;
- Comfort Plus – 3 430 UAH : le contenu du Comfort et un tapis de coffre ;
- Elite – 4 340 UAH : tapis avant et arrière, pièce de tunnel, fixations et bandes auto-agrippantes, quatre écussons et une talonnette en métal.
Le schéma de la voiture parle plus vite qu’une liste : l’acheteur voit en une seconde quelles zones de l’habitacle le kit couvrira.
Recherche par marque, modèle et année
La première chose que veut savoir un automobiliste, c’est s’il existe un gabarit pour sa voiture. La recherche par véhicule forme donc un bloc à part, juste avant le configurateur, et se fait en trois étapes :
- la marque – une liste déroulante « Choisissez la marque » et une grille de vignettes avec logos et noms des marques ; quatre rangées sont visibles d’emblée, le bouton « Afficher plus » ouvre les suivantes ;
- le modèle et l’année – deux listes déroulantes sur une même ligne ;
- le bouton « Effacer la recherche » remet le choix à zéro quand on cherche des tapis pour une autre voiture.
Un logo se reconnaît plus vite qu’un nom dans une longue liste : la grille des marques est le chemin le plus court vers sa voiture. Et la page ne laisse pas filer ceux qui n’ont pas trouvé leur modèle : juste après le configurateur, une carte sombre « Vous n’avez pas trouvé votre voiture ? » propose les champs « Téléphone », « Nom » et « Description », un bouton « Envoyer » et l’image d’une voiture sous une housse jaune.
Le configurateur de tapis EVA
Le configurateur est l’outil central de la landing page : il remplace de longs échanges sur l’allure du futur tapis. À gauche, une grande image du tapis : sur la capture d’écran, il est jaune, avec la texture « losange », exactement comme choisi dans les réglages à droite. En dessous, trois photos de tapis posés dans des habitacles et une précision honnête : la photo est générique, les tapis livrés correspondront à la configuration de votre voiture, et la couleur à l’écran peut légèrement différer.
À droite, des cartes de paramètres ; à côté du nom de chacun, un cadre jaune affiche le choix en cours : « Premier et deuxième rangs », « Losange », « Jaune », « Noir ». L’acheteur choisit :
- la composition – quatre icônes de voiture vue du dessus, avec les rangées surlignées et le prix : 1 350, 1 990, 3 430 et 1 590 UAH ;
- le type de matière – des échantillons de textures en pastilles, dont « losange » et « nid d’abeille » ;
- la couleur du tapis – 13 échantillons avec la texture de la matière ;
- la couleur de la bordure – une palette à part, sur deux rangées ;
- l’écusson à la marque de la voiture – une image de l’écusson et une liste déroulante ;
- la talonnette – une sur trois au choix : en EVA (offerte), carrée ou profilée.
En bas, le bloc « Montant total » et le bouton jaune « Commander le kit ». L’acheteur compose son tapis lui-même, voit le résultat et arrive à la commande avec une décision déjà prise : il ne reste au conseiller qu’à préciser les détails par téléphone.
Étapes, réalisations et avant/après
On commande plus facilement quand on sait ce qui va suivre et qu’on voit de vraies réalisations :
- « Comment nous travaillons ? » – quatre cartes reliées par des flèches : choix du kit ou demande sur le site, appel d’un conseiller dans les 30 minutes, fabrication en 1 à 2 jours ouvrables et livraison par Nova Poshta ;
- « Nos réalisations » – un carrousel de photos de tapis dans des habitacles, légendées par modèle, du BMW X5 au Mazda CX-5 ; la diapositive active est plus large que ses voisines, et l’on navigue avec des flèches et des points ;
- « Avant/après » – un comparateur : un curseur jaune partage l’image entre l’ancien tapis textile et le nouveau tapis EVA dans le même habitacle, et des flèches et des points font défiler les paires de photos ;
- « Vous voulez des tapis à meilleur prix ? » – un formulaire d’offre personnalisée sur fond d’habitacle sombre : téléphone et nom.
Questions fréquentes et contacts
Les derniers doutes avant la commande sont levés dans le bloc « Questions fréquentes », un accordéon de sept questions : garantie, que faire si les tapis ne conviennent pas, durée de vie, odeur, caractère hypoallergénique de l’EVA, résistance de la matière et pose du tapis. La réponse s’ouvre d’un clic sur le bouton jaune « plus ». Sur l’odeur, par exemple : des tapis neufs peuvent sentir, mais l’odeur disparaît en 2 à 3 jours et ne revient pas, même par forte chaleur.
En bas de page, les contacts : téléphone, ville et e-mail sur fond de carte du monde, et un formulaire avec les champs « Nom », « E-mail », « Objet », « Message » et le bouton « Envoyer le message ».
Ce qui compte sur le site d’un fabricant de tapis auto
Les tapis de voiture se déclinent presque à l’infini : marque, modèle, année, composition, matière, deux couleurs et accessoires. D’après l’expérience de ce projet, le site d’un tel fabricant vend quand :
- la recherche par véhicule est bien visible – l’acheteur vérifie d’abord que sa voiture y figure, et regarde les prix ensuite ;
- les prix sont affichés d’emblée – des kits prêts à commander règlent la question « combien ça coûte ? » ;
- il y a un configurateur – on compose son tapis soi-même et on voit le résultat, au lieu de le décrire par messages ;
- les photos de vraies réalisations sont légendées par modèle – le propriétaire d’un Tucson cherche des yeux son Tucson ;
- la comparaison avant/après montre la différence avec un tapis textile mieux que n’importe quelle description ;
- un formulaire court traite les cas particuliers – « je n’ai pas trouvé ma voiture » ne doit pas vouloir dire « je vais chez le concurrent ».
Si vous fabriquez des accessoires auto ou tout autre produit « sur mesure », réfléchissez d’avance aux paramètres que choisit l’acheteur, à leur ordre et à ce qu’il doit voir avant de commander. Une landing page avec configurateur et recherche par véhicule deviendra alors non pas une simple vitrine, mais un véritable outil de vente.
Détails du projet
Type de projetlanding page avec configurateur de commande
CatégorieLanding page
TechnologiesHTML5, CSS3, JavaScript
Rôledéveloppement de la landing page : intégration, recherche par marque, modèle et année, configurateur de tapis, carrousels, accordéon et formulaires de demande
ClientEVACraftAuto
PaysUkraine
Travaux réalisés
- Ordre des blocs construit selon les questions de l’acheteur – du premier écran à la commande
- Intégration du premier écran avec bouton « Configurateur » et de l’en-tête avec menu, Telegram, Viber et téléphone
- Intégration des blocs d’atouts : six cartes « Pourquoi choisir », « À propos » et infographie des tapis EVA
- Six cartes de kits avec prix, schéma de la voiture et contenu
- Recherche par véhicule : grille de logos avec « Afficher plus », choix du modèle et de l’année, remise à zéro
- Configurateur de tapis EVA : composition, type de matière, couleur du tapis et de la bordure, écusson, talonnette et montant total
- Carrousel « Nos réalisations » et comparateur « Avant/après »
- Intégration des étapes de travail, de l’accordéon des questions fréquentes et des contacts
- Trois formulaires de demande : « Vous n’avez pas trouvé votre voiture ? », offre personnalisée et formulaire de contact
Résultat
- Une landing page de fabricant de tapis EVA qui mène du premier écran à la commande d’un kit
- Recherche par marque, modèle et année, et configurateur de tapis avec montant total
- Six kits avec prix et contenu – le prix est visible avant tout appel
- Réalisations légendées par modèle, comparaison avant/après et réponses aux questions fréquentes
- Trois formulaires de demande, dont un pour ceux qui n’ont pas trouvé leur voiture
Voir le site du projet
