01 · Le problème
Un visiteur veut savoir ce qu'il y gagne.
Diverses questions sont liées à un produit technique. Qu'est-ce que le hub ? Comment le connecte-t-on ? De quels accessoires avez-vous besoin ? Et où aller si vous avez déjà progressé et que vous avez une question technique ?
Tout mettre sur une longue page de vente ne clarifie pas automatiquement ces questions. Le site Web devait soutenir à la fois une orientation initiale et un approfondissement ciblé.
02 · Inventaire
Organisez les questions derrière le matériel du produit.
L'inventaire s'articule autour d'informations sur les produits, de connexions, d'images, de manuels et de questions fréquemment posées. La distinction entre le matériel, Home Assistant et la console Buddy supplémentaire détermine également l'explication.
À cela s’ajoute le multilinguisme. Non seulement la page d'accueil, mais aussi la navigation, les explications et les formulaires doivent être utilisables en néerlandais, anglais et allemand.
03 · Plan d'action
Un début clair et des pages séparées pour une lecture approfondie.
La structure sépare la présentation du produit de l'explication sur les connexions, les spécifications, les accessoires, les articles Buddy et Knowledge. A partir d'une brève introduction, le visiteur peut procéder concrètement à la question qu'il se pose.
Le contact aura son propre itinéraire. Une question sur un produit nécessite des informations différentes de celles d'une assistance technique ou d'une demande émanant d'un revendeur ou d'un installateur.
04 · Construction et développement ultérieur
Votre propre design, jusque dans les petites interactions.
Le site Web est construit directement en HTML, CSS et JavaScript. La galerie de produits offre un espace pour différentes vues, tandis que la navigation reste utilisable sur téléphone.
Le développement ultérieur comprend des articles de connaissances, des références internes et des formulaires qui présentent les bonnes questions après la sélection du sujet. Un visiteur n’a donc pas besoin de parcourir au préalable toutes les rubriques de la page contact.
De la perspicacité à l'étape suivante
Ce que le visiteur peut faire ensuite
| Raison | Ce que tu vois | La prochaine action |
|---|---|---|
| Les visiteurs veulent d’abord comprendre ce qu’est le hub | Une brève introduction, des images de produits et des spécifications de base. | Cliquez sur les détails qui correspondent à la question. |
| Le visiteur veut commencer ou comprendre quelque chose | Explication de connexion séparée, articles de connaissances et manuel. | Suivez les instructions ou posez une question de suivi spécifique. |
| Le visiteur a besoin de contact | Sélection de sujets avec un formulaire approprié. | Soumettez une question sur un produit, une question d'assistance ou une demande commerciale. |
05 · Mise en œuvre
De pages séparées à un site Web cohérent.
Les trois versions linguistiques disposent de leurs propres pages avec des références linguistiques mutuelles. Les titres de page, les méta descriptions, les URL canoniques et le plan du site correspondent à cette mise en page.
JavaScript fournit l'interaction ; PHP traite les demandes de contact. La structure de la page relie les informations sur le produit avec les explications et les contacts, afin qu'un visiteur puisse continuer sur le même site Web.
06 · Tests et vérifications
L'ensemble du parcours doit fonctionner.
Les points de contrôle pertinents sont la navigation mobile, la galerie de produits, les liens entre les pages détaillées et la transition entre les versions linguistiques. Les formulaires doivent correspondre au sujet choisi, à la langue et aux questions associées.
L’information doit également être au bon endroit : une spécification sur une page produit et des instructions détaillées sur une page d’explication. Cette division fait partie de la convivialité, en plus de la technologie elle-même.
07 · Livraison
Un site Web publié qui peut continuer à croître.
Le site Web créé peut être consulté sur homeassistanthub.nl. Le résultat comprend la présentation du produit, l'explication multilingue, la base de connaissances et les itinéraires vers les contacts et les revendeurs.
De nouvelles explications peuvent être ajoutées sur leur propre page et liées aux sujets pertinents. De cette façon, la page d’accueil n’a pas besoin de s’allonger à mesure que le contenu s’agrandit.
08 · Gain de temps et visibilité
Où est le profit dans ce projet
Ici, l'avantage réside dans des explications claires sur les produits, un chemin plus court vers la bonne information et des questions mieux préparées. Moins de temps d'assistance ou plus de conversion n'ont pas été déterminés comme résultat mesuré et ne sont donc pas revendiqués comme chiffre.
Des explications moins répétitives
Les mêmes informations sur le produit et la connexion sont accessibles et partagées à un emplacement fixe.
Des demandes plus ciblées
Le choix de la forme nécessite le contexte qui convient au sujet.
Plus d'espace pour la profondeur
Les articles Knowledge soutiennent l’explication sans surcharger l’introduction du produit.
