01 · Het probleem
Een bezoeker wil weten wat hij eraan heeft.
Bij een technisch product lopen verschillende vragen door elkaar. Wat is de hub? Hoe sluit je hem aan? Welke accessoires heb je nodig? En waar ga je heen als je al verder bent en een technische vraag hebt?
Alles op één lange verkooppagina zetten maakt die vragen niet vanzelf duidelijk. De website moest zowel een eerste oriëntatie als gerichte verdieping ondersteunen.
02 · Inventarisatie
De vragen achter het productmateriaal ordenen.
De inventarisatie draait om productinformatie, aansluitingen, beelden, handleiding en veelvoorkomende vragen. Ook het onderscheid tussen de hardware, Home Assistant en de aanvullende Buddy-console is bepalend voor de uitleg.
Daar komt de meertaligheid bij. Niet alleen de homepage, maar ook navigatie, uitleg en formulieren moeten in het Nederlands, Engels en Duits bruikbaar zijn.
03 · Plan van aanpak
Een heldere start en aparte pagina’s voor verdieping.
De structuur scheidt de productpresentatie van de uitleg over aansluiten, specificaties, accessoires, Buddy en kennisartikelen. Vanuit een korte introductie kan de bezoeker gericht verder naar de vraag die hij heeft.
Contact krijgt daarbij een eigen route. Een productvraag vraagt andere informatie dan technische ondersteuning of een aanvraag van een dealer of installateur.
04 · Bouwen en doorontwikkelen
Een eigen ontwerp, tot in de kleine interacties.
De website is rechtstreeks opgebouwd in HTML, CSS en JavaScript. De productgalerij geeft ruimte aan verschillende aanzichten, terwijl de navigatie ook op een telefoon bruikbaar blijft.
De doorontwikkeling omvat kennisartikelen, interne verwijzingen en formulieren die na onderwerpkeuze de juiste vragen tonen. Een bezoeker hoeft daardoor niet eerst alle onderwerpen op de contactpagina door te nemen.
Van inzicht naar een volgende stap
Wat de bezoeker vervolgens kan doen
| Aanleiding | Wat je ziet | De volgende handeling |
|---|---|---|
| Bezoeker wil eerst begrijpen wat de hub is | Een korte introductie, productbeelden en kernspecificaties. | Doorklikken naar de details die bij de vraag passen. |
| Bezoeker wil beginnen of iets uitzoeken | Aparte aansluituitleg, kennisartikelen en handleiding. | De instructie volgen of gericht een vervolgvraag stellen. |
| Bezoeker heeft contact nodig | Onderwerpkeuze met een passend formulier. | Een productvraag, supportvraag of zakelijke aanvraag indienen. |
05 · Implementatie
Van losse pagina’s naar een samenhangende website.
De drie taalversies hebben eigen pagina’s met onderlinge taalverwijzingen. Paginatitels, metaomschrijvingen, canonieke URL’s en de sitemap sluiten aan op die indeling.
JavaScript verzorgt de interactie; PHP verwerkt de contactaanvragen. De paginaopbouw verbindt de productinformatie met uitleg en contact, zodat een bezoeker binnen dezelfde website verder kan.
06 · Testen en controleren
De hele route moet werken.
Relevante controlepunten zijn de mobiele navigatie, de productgalerij, de links tussen verdiepende pagina’s en de overgang tussen de taalversies. Bij formulieren moeten gekozen onderwerp, taal en bijbehorende vragen aansluiten.
De informatie moet bovendien op de juiste plek staan: een specificatie op een productpagina en een uitgebreide instructie op een uitlegpagina. Die verdeling is onderdeel van de bruikbaarheid, naast de techniek zelf.
07 · Opleveren
Een gepubliceerde website die verder kan groeien.
De gemaakte website is te bekijken op homeassistanthub.nl. Het resultaat omvat de productpresentatie, meertalige uitleg, kennisbank en de routes naar contact en dealers.
Nieuwe uitleg kan als eigen pagina worden toegevoegd en vanaf de relevante onderwerpen worden gelinkt. Zo hoeft de startpagina niet steeds langer te worden wanneer de inhoud groeit.
08 · Tijdwinst en inzicht
Waar de winst in dit project zit
Hier zit de winst in duidelijke productuitleg, een kortere route naar de juiste informatie en beter voorbereide vragen. Minder supporttijd of meer conversie is niet als gemeten resultaat vastgesteld en wordt daarom niet als cijfer geclaimd.
Minder herhaaluitleg
Dezelfde product- en aansluitinformatie is op een vaste plek bereikbaar en deelbaar.
Gerichtere aanvragen
De formulierkeuze vraagt om de context die bij het onderwerp past.
Meer ruimte voor verdieping
Kennisartikelen ondersteunen de uitleg zonder de productintroductie te overladen.
