01 · Das Problem
Ein Besucher möchte wissen, was ihn erwartet.
Mit einem technischen Produkt sind verschiedene Fragestellungen verknüpft. Was ist der Hub? Wie schließt man es an? Welches Zubehör benötigen Sie? Und wohin gehen Sie, wenn Sie bereits weitergekommen sind und eine technische Frage haben?
Wenn man alles auf einer langen Verkaufsseite zusammenfasst, werden diese Fragen nicht automatisch geklärt. Die Website musste sowohl eine erste Orientierung als auch eine gezielte Vertiefung unterstützen.
02 · Inventar
Ordnen Sie die Fragen hinter dem Produktmaterial.
Die Bestandsaufnahme dreht sich um Produktinformationen, Anschlüsse, Bilder, Handbücher und häufig gestellte Fragen. Auch die Unterscheidung zwischen Hardware, Home Assistant und der zusätzlichen Buddy-Konsole bestimmt die Erklärung.
Hinzu kommt die Mehrsprachigkeit. Nicht nur die Homepage, sondern auch Navigation, Erläuterungen und Formulare müssen auf Niederländisch, Englisch und Deutsch nutzbar sein.
03 · Aktionsplan
Ein klarer Anfang und separate Seiten für eine ausführliche Lektüre.
Der Aufbau trennt die Produktpräsentation von der Erläuterung zu Anschlüssen, Spezifikationen, Zubehör, Buddy- und Wissensartikeln. Nach einer kurzen Einführung kann der Besucher gezielt auf seine Frage eingehen.
Der Kontakt erhält eine eigene Route. Für eine Produktfrage sind andere Informationen erforderlich als für den technischen Support oder eine Anfrage eines Händlers oder Installateurs.
04 · Aufbau und Weiterentwicklung
Ihr eigenes Design, bis hin zu den kleinen Interaktionen.
Die Website ist direkt in HTML, CSS und JavaScript erstellt. Die Produktgalerie bietet Platz für verschiedene Ansichten, während die Navigation weiterhin auf einem Telefon nutzbar bleibt.
Die Weiterentwicklung umfasst Wissensartikel, interne Referenzen und Formulare, die nach der Themenwahl die richtigen Fragen aufzeigen. Ein Besucher muss daher nicht zunächst alle Themen auf der Kontaktseite durchgehen.
Von der Einsicht zum nächsten Schritt
Was der Besucher als nächstes tun kann
| Grund | Was Sie sehen | Die nächste Aktion |
|---|---|---|
| Besucher möchten zunächst verstehen, was der Hub ist | Eine kurze Einführung, Produktbilder und Kernspezifikationen. | Klicken Sie sich durch, um zu den Details zu gelangen, die zur Frage passen. |
| Der Besucher möchte etwas anfangen oder herausfinden | Separate Verbindungserklärung, Wissensartikel und Handbuch. | Befolgen Sie die Anweisungen oder stellen Sie eine spezifische Folgefrage. |
| Besucher braucht Kontakt | Themenauswahl mit passendem Formular. | Senden Sie eine Produktfrage, eine Supportfrage oder eine Geschäftsanfrage. |
05 · Umsetzung
Von einzelnen Seiten bis hin zu einer zusammenhängenden Website.
Die drei Sprachversionen verfügen über eigene Seiten mit gegenseitigen Sprachverweisen. Seitentitel, Meta-Beschreibungen, kanonische URLs und die Sitemap entsprechen diesem Layout.
JavaScript sorgt für die Interaktion; PHP verarbeitet die Kontaktanfragen. Die Seitenstruktur verbindet die Produktinformationen mit Erklärungen und Kontakten, sodass ein Besucher innerhalb derselben Website fortfahren kann.
06 · Testen und Prüfen
Die gesamte Strecke muss funktionieren.
Relevante Kontrollpunkte sind die mobile Navigation, die Produktgalerie, die Links zwischen vertiefenden Seiten und der Übergang zwischen den Sprachversionen. Die Formulare müssen zum gewählten Thema, zur Sprache und den zugehörigen Fragen passen.
Auch die Informationen müssen an der richtigen Stelle sein: eine Spezifikation auf einer Produktseite und detaillierte Anweisungen auf einer Erklärungsseite. Diese Aufteilung ist neben der Technologie selbst auch Teil der Benutzerfreundlichkeit.
07 · Lieferung
Eine veröffentlichte Website, die weiter wachsen kann.
Die erstellte Website kann unter homeassistanthub.nl eingesehen werden. Das Ergebnis umfasst die Produktpräsentation, mehrsprachige Erklärungen, eine Wissensdatenbank und Wege zu Kontakten und Händlern.
Neue Erläuterungen können als eigene Seite hinzugefügt und aus den relevanten Themen verlinkt werden. So muss die Homepage nicht immer länger werden, wenn der Inhalt wächst.
08 · Zeitersparnis und Einblick
Wo der Gewinn bei diesem Projekt liegt
Der Vorteil liegt hier in klaren Produkterklärungen, einem kürzeren Weg zur richtigen Information und besser vorbereiteten Fragen. Weniger Supportzeit oder mehr Konvertierung wurde nicht als Messergebnis ermittelt und wird daher auch nicht als Zahl angegeben.
Weniger sich wiederholende Erklärungen
Dieselben Produkt- und Verbindungsinformationen können an einem festen Standort abgerufen und geteilt werden.
Gezieltere Anfragen
Die Wahl der Form erfordert den Kontext, der zum Thema passt.
Mehr Raum für Tiefe
Wissensartikel unterstützen die Erklärung, ohne die Produkteinführung zu überladen.
