Site web WordPress et boutique en ligne pour un atelier moto

Sur le site de Rascal Moto (Rascal Motorcycles), nous avons réuni les demandes de service moto, un catalogue de motos et une boutique de pièces WooCommerce. La création de la boutique en ligne pour l’atelier moto faisait partie du site WordPress développé par CREATING.LV et livré en 2023. L’atelier avait besoin d’un site où les clients peuvent découvrir les services, inscrire leur moto pour des travaux et consulter les motos et les articles.

Les demandes devaient parvenir à l’atelier avec suffisamment d’informations pour que les mécaniciens puissent mieux planifier le travail et le temps. Le site n’est donc pas seulement une présentation de l’atelier, mais aussi un lieu pour recevoir les demandes et les commandes.

CREATING.LV a développé le site sur WordPress ainsi que son web design, a intégré WooCommerce et a créé le formulaire de demande de service, les galeries, le formulaire de contact et la carte Google Maps. Pour la boutique, nous avons créé une connexion fulfilment qui transmet immédiatement la commande à une autre entreprise pour exécution. Le projet a combiné le développement de site web et la création d’une boutique en ligne : le site de l’atelier moto et la boutique fonctionnent donc sur un seul site. Le pied de page du site porte la mention « Lapu saskrūvēja SIA CREATING.LV » (Site assemblé par SIA CREATING.LV).

Les services sont présentés dans des cartes illustrées de travaux d’entretien et de réparation de motos, et chaque service a sa description. Les cartes permettent de voir rapidement les travaux que l’atelier réalise, puis de lire la description du service voulu.

Dès le premier écran de la page d’accueil, un bouton permet de demander un rendez-vous à l’atelier. Le client qui sait déjà ce qu’il veut n’a pas à chercher le formulaire sur tout le site.

Dans le formulaire de demande, le client indique :

• ses coordonnées ;
• les données de sa moto ;
• les travaux souhaités, qu’il coche dans des champs de choix.

Les champs de choix rendent la demande plus rapide qu’un texte libre : le client n’a pas à réfléchir à la façon de décrire les travaux nécessaires, et l’atelier reçoit les demandes sous une forme homogène, plus facile à comparer.

La demande envoyée est enregistrée dans l’administration WordPress et arrive en même temps dans la boîte e-mail de l’atelier. Ainsi, la demande ne se perd pas parmi les e-mails : le site WordPress de l’atelier moto sert aussi de liste des demandes, que les collaborateurs ouvrent dans l’administration du site. L’e-mail permet de remarquer la demande immédiatement, tandis que l’entrée dans l’administration reste accessible même si l’e-mail a été supprimé.

Les données de la moto et les travaux cochés permettent d’évaluer l’ampleur de la demande avant que la moto n’arrive à l’atelier : un entretien courant et une réparation plus importante ne demandent pas le même temps. Le site de l’atelier moto sert ici de première étape avant la visite à l’atelier.

Pour un formulaire similaire destiné à un autre atelier, il est judicieux d’inclure dans les champs de choix les mêmes travaux que ceux décrits dans la section services. Le client coche alors dans le formulaire le service qu’il vient de lire, et l’atelier peut immédiatement relier la demande à une prestation précise de sa liste de services.

La section WooCommerce comporte deux parties :

• un catalogue de location et de vente de motos ;
• une boutique de pièces détachées et d’accessoires avec des fiches articles et un menu des catégories de produits.

Le catalogue permet de voir au même endroit les motos disponibles à la location ou à la vente, tandis que dans la boutique de pièces les articles sont classés par catégories, pour que l’acheteur trouve le groupe d’articles voulu sans chercher dans tout l’assortiment.

Le parcours de l’acheteur dans la boutique de pièces est court :

• il trouve le groupe d’articles voulu dans le menu des catégories ;
• il consulte le produit sur sa fiche et l’ajoute au panier ;
• il valide sa commande sur le même site Rascal Moto ;
• via la connexion fulfilment, la commande parvient immédiatement à l’entreprise qui l’exécute.

L’atelier n’a pas à transmettre lui-même les données de commande ni à préparer les colis : l’exécution des commandes est assurée par un partenaire, et l’atelier peut se consacrer au travail sur les motos.

Le fulfilment signifie que l’exécution de la commande (préparation des articles et expédition à l’acheteur) est assurée par une autre entreprise. Pour une telle connexion, il faut convenir dès le départ avec le partenaire logistique des données de commande qu’il reçoit (généralement les articles, leur quantité et l’adresse de livraison), afin que la commande puisse être exécutée sans redemander d’informations à l’acheteur.

Les galeries photo présentent des projets de motos, par exemple la galerie du projet Honda CX500. Ces galeries permettent de montrer en images des projets de motos précis, ce que le texte seul ne montre pas.

La section contacts comporte l’adresse, les coordonnées, un formulaire de contact et une carte Google Maps avec l’emplacement de l’atelier. La carte aide le client qui amène sa moto pour la première fois à trouver l’atelier, tandis que le formulaire de contact sert aux questions qui ne sont pas des demandes de service.

Le site de l’atelier moto a été créé avec Elementor, et son design est responsive : le site s’adapte aux écrans d’ordinateur, de tablette et de téléphone, et les pages se chargent rapidement. La demande de service peut donc aussi être remplie et envoyée depuis un téléphone. Le design repose sur des photos de motos et de travaux d’atelier : la page d’accueil présente une grande image de moto, une présentation de la marque, une bande de chiffres clés, des cartes de services et une section qualité avec des bandes graphiques.

Les photos montrent l’activité de l’atelier avant même que le visiteur ne lise le texte, et les bandes découpent une page d’accueil assez longue en blocs faciles à parcourir. Une page distincte « À propos » présente l’entreprise plus en détail.

Le client modifie lui-même les descriptions des services et le contenu de la boutique dans WordPress : il peut changer les services, ajouter ou corriger des articles et mettre à jour le catalogue. Comme les pages sont créées avec Elementor, un constructeur de pages WordPress qui assemble la page à partir de blocs, le contenu des pages peut aussi être modifié dans l’éditeur visuel sans programmation, en voyant immédiatement le rendu de la page. L’atelier peut publier un nouveau service ou un nouvel article sans l’aide d’un développeur.

Créer une boutique en ligne sur le site de l’atelier signifie que le client qui inscrit sa moto pour un entretien n’a pas à chercher un autre site pour les pièces ou les accessoires, et qu’il consulte au même endroit les motos à louer ou à vendre. L’atelier, de son côté, n’a qu’un seul environnement d’administration à maintenir : services, catalogue, articles et demandes se trouvent dans un même système WordPress.

WordPress, Elementor, WooCommerce, connexion fulfilment pour la transmission des commandes et Google Maps.

WooCommerce est une extension de WordPress : la boutique utilise donc le même design, le même menu et le même environnement d’administration que le reste du site. Services, articles, demandes et galeries sont gérés dans un seul système.

Un tel site WordPress pour atelier moto convient aussi aux garages automobiles et aux ateliers qui doivent présenter leurs services, recevoir des demandes avec les données du véhicule et proposer des articles en ligne sur un seul site. Si l’atelier vend aussi des pièces ou de l’équipement, WooCommerce permet d’ajouter une boutique au site existant sans créer de site séparé, et la connexion fulfilment permet de confier l’exécution des commandes à un partenaire.

Pour en savoir plus sur la partie boutique : développement de boutique en ligne.

• Création de site web
• Développement de boutique en ligne
• Web design

rascalmoto.lv

Le portfolio présente la solution développée au moment de la livraison du projet. Le site actuel a pu être modifié depuis.