Wir haben die Navigation für den Benutzer wesentlich optimiert. Alle verfügbaren Kataloge sind auf den ersten Blick sichtbar. Sie wurden an der obersten Position neben dem Logo gesetzt, die vorherigen Navigationspunkte haben wir stattdessen in das Menü hinter dem User-Icon ausgelagert.

Per Hover über eines der Kataloge öffnet sich das sogenannte Flyout Menü und die erste Kategorie ist sofort einsehbar. Das verringert die Anzahl der Klicks und erhöht die Zufriedenheit.

Jede der einzelnen Kategorien hatte zuvor eins von Franke selbst erstellten Piktogrammen. Um dieses Konzept nicht komplett zu verwerfen, erhält der erste Abschnitt eines Katalogs ein passendes Vorschaubild zur Veranschaulichung.

Es kann durchaus vorkommen, dass manche Kataloge sehr viele Kategorien haben. Um aber die Höhe des Overlays nicht unnötig groß zu machen, haben wir uns für eine Slide-Funktion entschieden, sobald es mehr als 12 Kategorien gibt.

Das sorgt dafür, dass der User nicht von zu vielen Informationen überflutet wird. Außerdem würde es bei einer zu großen Höhe des Overlays auf bestimmten Auflösungen zu Schwierigkeiten kommen, da der User möglicherweise nicht alles auf einem Screen sehen könnte und ggf. scrollen müsste.

Auch die zweite Unterkategorie der Kataloge ist im Flyout Menü zu sehen. Der gesamte Content slidet im selben Overlay ein. Dieser unterscheidet sich vom Aufbau im Gegensatz zum ersten Slide.

• Es gibt eine Art Kopfbereich mit einem Back-Button, einem Vorschaubild der Kategorie, in der man sich gerade befindet und daneben die Überschrift und einen Link zur Produktübersichtsseite.
• Darunter, in mehreren Spalten aufgeteilt, befinden sich alle Kategorien des zweiten Levels und ebenso die ersten vier Items des dritten Levels.
• Unter jedem Abschnitt gibt es einen Link der zu einer bereits vorgefilterten Produktübersichtsseite weiterleitet.