KLAITON bringt Organisationen & Projekte mit Top UnternehmensberaterInnen zusammen. Als neutraler Ansprechpartner unterstützen sie Unternehmen in der Projektdefinition und stellen innerhalb von 48h eine Auswahl von Profilen handverlesener Consultants zur Verfügung.
Für den neuen Onlineauftritt wurde das Design und die Struktur der Webseite überarbeitet. Das Ziel des Projektes war es die Orientierung und Navigation für die NutzerInnen durch die Seite zu verbessern. Dazu wurden die Inhalte und die Informationsarchitektur neu strukturiert und vereinfacht, ein konsistentes und cleanes Design entwickelt und die Interaktionen neu konzipiert.
Projektdaten
Rolle |
|
||||
---|---|---|---|---|---|
Datum | 2017 | ||||
Programme | Adobe Illustrator | ||||
Webseite | www.klaiton.com |
Beraterfeature
Das "Beraterfeature" ist ein zentraler Bestandteil der Startseite und wurde für den Relaunch neu konzipiert. Dazu wurden als erstes die Anforderungen an das Feature ausdefiniert und die Bedürfnisse der User analysiert. Aus diesen Erkenntnissen entstanden eine Reihe von Wireframes, die die unterschiedlichen Interaktionsvarianten testeten. Aus den besten Ergebnissen der einzelnen Entwürfe wurde ein Gesamtkonzept erstellt und diesen in dem Stil der Startseite gestaltet. Herausgekommen ist ein neues intuitives Interface, in dem die Berater und die Leistungen übersichtlich und ansprechend präsentiert werden.
UX & UI
Als erstes analysierte ich die vorhandenen Daten von Google Analytics und Hotjar und konnte dadurch Rückschlüsse auf das Nutzerverhalten ziehen. Als nächstes evaluierte ich die Inhaltselemente auf den Seiten und fasste gleiche Inhalte in Modulen zusammen. Diese Erkenntnisse ließ ich in die Wireframes einfließen. Im nächsten Schritt gestaltete ich Modul für Modul in einem konsistenten und reduzierten Stil, entwickelte Icons für verschiedene Themengebiete und setzte am Ende aus den Komponenten die Desktop und Mobile Ansicht der Seiten zusammen. In enger Zusammenarbeit mit den Entwicklern von KLAITON wurden die einzelnen Interaktionselemente am Ende getestet und noch einmal überarbeitet.
Das neue Design ist übersichtlich und klar strukturiert. Die NutzerInnen können zwischen den einzelnen Elemente klar unterscheiden und so schnell die wichtigen Inhalte für sich finden.