User-Experience-Konzept für die mobile Handwerker-App „Velux Plus“ Intuitiv bedienbarer Produktkonfigurator für Heim- und Handwerker mit dem gesamten Produktbestand des Dachfenster-Herstellers Velux Interaction Design und Prototyping mit Adobe XD
2022 | Albert Bauer Companies GmbH & Co. KG, Hamburg
Cogneus wurde von der Kommunikationsagentur Albert Bauer Companies beauftragt, ein innovatives User-Experience-Konzept zu entwickeln, dass es ermöglicht, für Heim- und Handwerker alle Produktkonfigurationen des Herstellers Velux über eine Web-App für Smartphones verfügbar zu machen.
Das Ziel meiner Arbeit war, Laien die Bedienung zu ermöglichen, ohne Fachwissen vorauszusetzen oder Produktserien zu kennen. Die hohe Komplexität des Angebots des Dachfenster-Herstellers überfordert in der Regel alle, die selbst ein Dachfenster einbauen oder damit beauftragt werden.
Hierfür entwickelte ich mit meinem Team ein Wireframe-Konzept, das Interaction Design und setzte einen Prototypen mit Adobe XD auf. Das Projekt wurde im Auftrag der Lead-Agentur in der Kommunikation des Herstellers Velux realisiert.
Splashscreen
Empfehlungen als Beginn der Konfiguration
Zentrale Konfiguration
Auswahl-Liste
Filter für Produkt-Varianten
Ergänzung um ein Lichtband
UseCase Heimwerker
Für die Anwender-Gruppe „Heimwerker“ steht das konkrete Produktbild mit allen Optionen im Vordergrund.
Als Standard dient das am häufigsten gekaufte Fenster-Modell im Online- Shop.
Anhand der interaktiven Hot Spots lassen sich alle Parameter verändern.
Die gewählte Konfiguration wird im Backend des Shop-Systems ermittelt und verifiziert.
Anschließend kann das Produkt bestellt, ein Handwerks-Unternehmen gesucht oder das PDF-Datenblatt geladen werden, das dynamisch generiert wird.
UseCase Handwerker
Für die Anwender-Gruppe „Handwerker“ steht der Parameter „Sparrenmaß“ im Vordergrund – der Abstand zwischen tragenden Dachbalken.
Anhand der interaktiven Hot Spots lassen sich alle Parameter verändern.
Die gewählte Konfiguration wird im Backend des Shop-Systems ermittelt und verifiziert.
Anschließend kann eine Bestell-Anfrage an den Vertrieb übermittelt oder das PDF-Datenblatt geladen werden, das dynamisch generiert wird.
Rapid Protoyping und App-Protoyp
Als Rapid Prototyping setzten wir Adobe XD als Klick-Prototyp für Smartphones ein.
Für die Nutzer-Rolle „Handwerker“ ist ein Nutzer-Profil als Log-in maßgeblich, um konfigurierte Fenster nach Ort und Kunde zu speichern. Im Klick-Prototyp haben wir alle Wege angedeutet, wie ein Fenster über Daten-Filter, Auswahllisten oder Artikelnummern konfiguriert wird.
Einspareffekt: die Konfiguration eines individuellen Fensters ist in wenigen Minuten möglich, während dieser Vorgang mittels Katalogen und Online-Shop über 30 Minuten dauert.