Nach einem Screening entschied sich Franke Foodservice für die Berliner React Experten Ventzke Media als neuen digitalen Agenturpartner in Deutschland. Der B2B Webshop, den die großen Akteure in der Systemgastronomie weltweit täglich benutzen, sollte neu konzipiert und als React Single-Page-Applikation umgesetzt werden.

Projektarbeit in internationalen Teams

Agile Vorgehensweise und ein Cutting-Edge-Tech-Stack

In der Konzeptionsphase erarbeiteten wir die neue UX der E-Commerce-Plattform

Für KWC entwickelten wir einen komplexen 3D-Produktkonfigurator als PWA. Die Applikation ist eine B2B-Anwendung für KWC's Außendienst. Im Zuge des Projekts wurde der Workflow von der Waschtischkonfiguration bis hin zur Angebotserstellung nahezu komplett digitalisiert.

Prozessautomatisierung - von der Konfiguration bis in die SAP Cloud

Individuelle Produktkonfiguration - Räumliche Wahrnehmung - Keine Beeinträchtigung der Ladezeit

Von der 2D-Ansicht direkt in die Produktion

Die performante Single-Page-Applikation bietet den Kunden von Lorberg eine optimale E-Commerce Experience. Durch das 3-spaltige Konzept ist unnötiges Seitenwechseln überflüssig geworden. Auch nennenswert ist die UX auf Smartphones, welche es dem Nutzer erlaubt alle Navigationselemente mit seinem Daumen zu steuern.

Das 3-Spalten-Konzept bietet dem Nutzer eine optimale Übersicht über die Kernfunktionen eines Webshops: Produktsuche, Produktansicht, Warenkorb.

In der mobilen Ansicht der Progressive-Web-App werden die 3 Spalten als einzelne Seiten dargestellt.

Für Frankes B2B-E-Commerce-Plattform haben wir den User Flow und die Navigationslevel optimiert, um Klickwege zu reduzieren und dem Nutzer eine noch bessere UX zu präsentieren. Produkte aus dem Webshop werden ab sofort schneller gefunden.

UX-Konzeption und Entwicklung eines Flyout-Menüs zur Darstellung der ersten Ebene von Produktgruppen aus jedem verfügbaren Katalog

Nachdem ein Nutzer auf eine der Produktgruppen klickt, soll er auf der Produktübersichtsseite für die gesamte Produktgruppe landen

Das Admin Dashboard für den KWC 3D-Konfigurator ist ein CMS, welches wir individuell konzipiert und umgesetzt haben. Mit diesem starken Tool können interne Mitarbeiter Produktpreise, Preisperioden und PLZ Zugehörigkeiten updaten. Dadurch wird das Managen von Produkten und Außendienstprozessen deutlich erleichtert.

Übersicht der Zeiträume für Preisgültigkeiten

Kalendertool um Preisperioden zu erstellen und anzupassen

Preisübersicht für einzelne Artikel in verschiedenen Kategorien

Auswahlmöglichkeit zwischen den verschiedenen Märkten

Für die E-Commerce Plattform von Franke Foodservice Systems haben wir die Filteroptionen des Produktkatalogs angepasst und neue Optionen implementiert, um Benutzern das Suchen, Filtern und Finden von gewünschten Produkten zu erleichtern.

Neupositionierung der Filteroptionen, um mehr Aufmerksamkeit auf die Filter zu erlangen

Filteroptionen sollten “on the fly” angewandt werden, ohne das der Nutzer auf "Filter anwenden" klicken muss

Die Option "Filter entfernen" sollte subtiler dargestellt werden, und das Entfernen von einzelnen Filterboxen sollte möglich sein

Für Frankes E-Commerce Plattform haben wir eine Übersichtsseite für Nutzer geschaffen, auf welcher Sie Filialen sowie detaillierte Informationen zu Bestellung und Kontaktdaten einsehen und filtern können. Damit wird die Benutzung der Seite für Kunden deutlich effizienter gestaltet.

Um dem Nutzer eine noch bessere und einfachere UX zu bieten, hatten wir die Aufgabe, ein Dashboard für die einzelnen Restaurant Filialen eines Kunden zu schaffen.

Dadurch haben Restaurantbetreiber die Möglichkeit alle Informationen zu ihren Filialen einzusehen.

Wichtig bei der Umsetzung war es, alle nötigen Informationen einzubinden, den Nutzer damit aber nicht zu überfordern.

Für Kunden mit mehreren Filialen war es vor allem wichtig, eine Filter-bzw. Suchoption zu schaffen.