Projekt-Bericht

Relaunch des Löffelgeist-Konfigurators

Im Rahmen eines Re-Launches des Löffelgeist-Onlineshops für Gewürze und Geschenkideen habe ich den Produkt-Konfigurator neu aufgelegt.

Das neue visuelle Design stammt von Eloisa Leccese und von mir wurde die technische Umsetzung übernommen.

Im Zuge der Neuentwicklung wurde die erste Version aus 2022 abgelöst und mit neuen Features, unter anderem einer KI-Integration für Text-Vorschläge, erweitert.

Zusammenstellung individueller Gewürzsets

Mit dem Konfigurator des Löffelgeist-Onlineshops können Kundinnen und Kunden sich ihre individuellen Gewürz-Sets zusammenstellen. Dabei besteht die Wahl aus verschiedenen Größen (2-12 Röhrchen) und die Möglichkeit, eine bunte Mischung aus allen angebotenen Produkten über sämtliche Kategorien hinweg zusammenzustellen.

Außerdem kann der Gewürz-Halter aus Holz mit einer Gravur individualisiert werden. Während der Produktauswahl und Eingabe der Gravurdaten erhält man eine Live-Vorschau der Produkte, Texte und Symbole.

Die verfügbaren Produkte und Preise werden direkt aus dem Shop abgerufen und orientieren sich an den tatsächlichen Produktdaten. So sind Verfügbarkeiten und Preise immer aktuell und es ist kein zusätzlicher Pflegeaufwand für den Konfigurator nötig.

Screenshot der Produktauswahl im Löffelgeist-Konfigurator
Auswahl der Gewürze im Konfigurator

Text-Vorschläge mittels KI

Im Rahmen der Neuentwicklung wurde auch ein KI-Feature integriert: Anhand einer kurzen Text-Eingabe oder Idee (z.B. "Geschenk für Oma") werden Text-Vorschläge für die Gravur generiert; die in Sprache und Stil gut zum Thema Kochen und Gewürze passen.

Eine kleine Spielerei, die es den Kundinnen und Kunden einfacher machen kann, einen lustigen und passenden Gravurspruch zu finden.

Die vorgeschlagenen Texte können übernommen und weiterbearbeitet werden, um letzte Feinheiten zu ändern, wie etwa die Ergänzung eines Namens oder das Hinzufügen der gewünschten Symbole.

Screenshot des KI-Vorschlags-Feature
Text-Vorschläge mittels KI erzeugen
Screenshot der Text-Bearbeitung im Konfigurator
Verfeinerung der Texte

Technische Integration in den Gambio-Webshop

Technisch wurde der Konfigurator als Angular Webcomponent umgesetzt und wird so einfach in das bestehende Shop-System integriert. Der Konfigurator kommuniziert mittels REST-API mit dem Shop-System, um Kategorien und Produkte abzurufen sowie um die gewünschten Produkte in den Warenkorb zu legen.

Im Hintergrund existiert noch eine kleine Server-Komponente außerhalb des Shops, um die Gravur-Daten direkt für die Produktion entgegenzunehmen. Diese stellt außerdem eine Schnittstelle für die KI-Integration bereit, anhand derer die Text-Vorschläge generiert werden.

Die Umsetzung aus Web-Component hat den Vorteil, dass eine derartige Integration auch in jedem anderen Shop-System oder sonstigem bestehenden Web-Umfeld denkbar ist. Die Technik eignet sich hervorragend, um technologieunabhängig und einfach bestehende Systeme zu erweitern.

Bitte gib dein Einverständnis

Um deinen Like zu speichern, benötigen wir deine Zustimmung zur Verwendung von Cookies.

Dadurch kann die Seite sich merken, dass dir der Artikel gefällt.

Es werden keine personenbezogenen Daten übertragen oder gespeichert. Deine Einwilligung wird für ein Jahr gespeichert.