Une silhouette légère, choisie délibérément
Bonjour Elementor, plutôt qu'un thème comprenant un site de démonstration. Rien n'est livré qui ne s'affiche pas sur la page.
Étude de cas sur un site web et un chatbot basé sur l'IA
Motorchron
Une page d'accueil pour une application de réparation automobile à faire soi-même, avec un assistant qui répond directement à la question au lieu de demander une adresse e-mail et de promettre de revenir demain.
- IndustrieAutomotive app marketing
- UtilisateursDIY mechanics and car owners
- LivréOctober 2024
- ServicesWeb Design, Development, AI
Aperçu
Motorchron est une application destinée aux personnes qui s'occupent elles-mêmes de l'entretien de leur voiture : elle permet de tenir un journal de toutes les réparations, pièces et factures, afin de disposer d'un historique en cas de problème ou lorsque la voiture est mise en vente. Ce qui lui manquait, c'était un endroit où rediriger les personnes qui en avaient entendu parler.
Voici cette page. Une seule page qui présente les arguments en faveur de l'application, montre ce qu'elle permet de suivre et la met en avant sur les deux boutiques d'applications — développée avec WordPress et Elementor pour que l'équipe puisse la modifier sans avoir à faire appel à un développeur, et dont la structure a été volontairement simplifiée.
La partie qui n'est pas une page d'accueil, c'est l'assistant. Il répond aux questions concernant les réparations et l'application elle-même, là où, autrement, l'utilisateur aurait dû ouvrir un ticket d'assistance et attendre.
- WordPress
- Elementor
- PHP
- Custom CSS
- AI Chatbot
- Responsive Design
- SEO
Vidéo du projet
motorchronPrenez les choses en main en matière de réparations automobiles.
Une présentation détaillée du site Motorchron et de l'assistant qui y est intégré.
Fonctionnalités clés
Une seule page qui fait tout le travail
En quoi consiste l'application, quelles données elle recueille, comment les utilisateurs s'en servent et où la télécharger : un simple défilement plutôt qu'un site-brochure de cinq pages.
Un assistant qui répond aux questions sur les réparations
Formé à l'utilisation du site et des ressources propres à l'application, afin que le visiteur obtienne une réponse sans avoir à remplir un formulaire de contact.
Modifiable sans faire appel à un développeur
Chaque section correspond à un bloc Elementor. L'annonce d'une nouvelle fonctionnalité ne prend qu'un après-midi, pas besoin d'ouvrir un ticket.
Conçu pour être trouvé
Des titres sémantiques, des images adaptées à la mise en page et un thème qui n'apporte rien — car une page d'accueil que personne ne trouve n'est qu'un simple prospectus.
Le défi
Une application dont on ne comprend vraiment l'intérêt qu'après l'avoir utilisée, et une seule page pour vous expliquer pourquoi vous devriez l'essayer.
L'argument de vente de Motorchron n'est pas une fonctionnalité, c'est une habitude : consigner le travail effectué, conserver les reçus et être celui qui dispose d'un historique d'entretien documenté lorsque la voiture est vendue ou que le mécanicien se trompe. C'est facile à expliquer à quelqu'un qui passe déjà ses samedis sous le capot, mais difficile à expliquer à quelqu'un qui parcourt l'App Store. La page devait convaincre en un seul défilement, sur un téléphone, avant même que l’utilisateur n’atteigne le bouton de téléchargement ; puis elle devait continuer à répondre aux questions que la page elle-même n’avait pas anticipées.
Les questions arrivent en dehors des heures d'ouverture
Les personnes qui recherchent une application d'entretien le font le week-end, dans leur garage — et non pas de 9 h à 17 h.
C'est dans les détails que réside toute la valeur
Valeur de revente, suivi de l'entretien, historique du numéro d'identification du véhicule (VIN) : chaque élément mérite une phrase, et six phrases d'affilée, c'est un mur que personne ne lit.
Un formulaire de contact : là où l'intérêt vient mourir
Une personne qui se demande simplement si l'application est compatible avec sa voiture ne va pas remplir un formulaire et attendre une journée pour obtenir la réponse.
Notre solution
Une page, sur laquelle figure quelque chose qui répond.
La mise en place est volontairement simple. WordPress et Elementor sur un thème basique, sans contenu de démonstration intégré, sans plugin venant se substituer au CSS — ce qui lui permet de rester rapide sur un téléphone, même dans un garage avec seulement deux barres de réseau. En plus de cela, il y a un assistant dont les connaissances proviennent du contenu même de l’application ; ainsi, les questions auxquelles la page n’a pas répondu trouvent quand même une réponse, à 23 heures, alors que personne de notre équipe n’est encore réveillé.
Le vendeur connaît ce produit
Sa base de connaissances est constituée du contenu du site lui-même ; elle explique donc Motorchron avec les propres mots de Motorchron, plutôt que d'improviser une réponse plausible.
Six raisons, six cartes
La grille des articles d'actualité couvre l'ensemble du site et peut être parcourue en une dizaine de secondes. C'est ce que la plupart des visiteurs lisent à la place des paragraphes.
Comment ça marche
L'argumentaire, au-dessus de la ligne de flottaison
One line, one photograph and both store badges. The claim is a promise rather than a feature list, because at this point in the scroll nobody has agreed that they have a problem yet.
Six raisons, pas six paragraphes
Resale value, service tracking, organised records, transparency, risk and cost — one card and one sentence each. It is the section visitors actually read, so it carries the argument the hero only opens.
Où les questions atterrissent
Reviews from people already using the app, then the four questions everybody asks, answered on the page. Anything not on that list goes to the assistant rather than into a contact form.
Ce qu'il fallait résoudre
Assurer la rapidité d'un constructeur de pages
Solution: La facilité d'utilisation d'Elementor repose sur le code généré par le logiciel, et un thème prêt à l'emploi ajoute discrètement une deuxième copie de chaque élément. En s'appuyant sur Hello Elementor — un thème qui ne contient pratiquement rien —, le CSS et le JavaScript présents sur la page sont exactement ceux que cette page utilise.
Apprendre à un modèle général à reconnaître un produit
Solution: Un assistant général répond avec assurance aux questions sur les voitures, mais de manière vague à celles concernant Motorchron. Sa base de connaissances repose sur le contenu du site et celui de l'application ; ainsi, les questions sur les produits reçoivent une réponse spécifique à ces derniers, tandis que tout le reste est traité comme un conseil général plutôt que comme des détails inventés de toutes pièces.
Un garage, c'est un mauvais réseau
Solution: Les images sont redimensionnées en fonction de la mise en page au lieu d'être téléchargées telles qu'elles ont été prises par l'appareil photo, et il n'y a pas de vidéo d'en-tête. Le public cible de cette page se trouve souvent à côté d'une voiture plutôt que d'un routeur.
Ce qu'a dit le client
Livré dans les délais, et noté cinq sur cinq.
Ce fut un véritable plaisir de travailler avec Jh Akash sur notre projet de développement de site web. Son professionnalisme transparaissait clairement dans la qualité de son travail, et il a toujours respecté les délais tout en communiquant de manière proactive. Je le recommande vivement ! 👍
Motorchron
Client, via Fiverr
Questions
Oui — le texte, les images et l'ordre des sections peuvent tous être modifiés depuis l'éditeur Elementor, sans avoir recours à un développeur. C'est en grande partie pour cela qu'on utilise WordPress.
Le contenu du site et les informations fournies par l'application. Ceux-ci expliquent le fonctionnement de Motorchron et comment l'utiliser. Il ne s'agit pas d'un outil de diagnostic et l'application ne prétend pas remplacer un mécanicien.
Non. Le système reprend les questions pour lesquelles une réponse avait déjà été notée quelque part, ce qui représente en fait la plupart d'entre elles. Pour tout le reste, c'est toujours une personne qui s'en charge.
Elle a été conçue et testée en privilégiant l'expérience mobile. La plupart des visiteurs sont des personnes qui ont entendu parler de l'application et qui la recherchent sur le téléphone sur lequel elles s'apprêtent à l'installer.
Vous avez une application, mais vous ne savez pas vers quel site rediriger les utilisateurs ?
Créons la page qui va le vendre.