Case Study: KESPER

Produktdaten auf der Messe. Auch ohne Internet.

Produkte präsentieren, Preise abrufen, Interessenten erfassen: Auf einer Messe müssen viele Informationen schnell verfügbar sein.
Nur auf eine Sache kann man sich dort nicht immer verlassen – stabiles Internet.

Für KESPER haben wir deshalb drei Anwendungen entwickelt, die Produkte digital zugänglich machen:
auf der Website, auf einem Touchdisplay und direkt auf dem Smartphone. Unterschiedliche Anwendungen für unterschiedliche Situationen – mit denselben Produktdaten im Hintergrund.

Kunde
KESPER

Leistungen
PWA · Produktfinder · Digital Signage

Produkte zeigen, Preise finden, Interessenten erfassen.

Ein Interessent möchte mehr über ein Produkt wissen, fragt nach dem Preis und entdeckt direkt noch zwei weitere Artikel, die für ihn interessant sind.

Genau in solchen Situationen soll die Technik unterstützen und nicht aufhalten. Produktinformationen müssen schnell zur Hand sein. Interessante Artikel sollen sich direkt festhalten lassen. Und nach dem Gespräch sollte klar sein, wer sich wofür interessiert hat.

Gleichzeitig durfte die Lösung nicht davon abhängig sein, dass in der Messehalle gerade eine stabile Internetverbindung verfügbar ist.

Eine PWA für den Einsatz auf der Messe

Kern der Messelösung ist eine Progressive Web App, kurz PWA. Sie lässt sich über den Browser nutzen, kann aber auch auf Smartphone oder PC installiert werden und fühlt sich dort wie eine klassische App an.

Über den integrierten Barcode-Scanner können Mitarbeitende den Code eines Produkts direkt scannen. Die Anwendung zeigt anschließend die hinterlegten Produktinformationen und Preise an.

Interessiert sich ein Besucher für mehrere Produkte, landen diese auf einer Merkliste. Danach können die Kontaktdaten des Interessenten erfasst und die Informationen an den zuständigen KESPER-Mitarbeiter weitergegeben werden.

So ist nach dem Gespräch nachvollziehbar, wer sich für welche Produkte interessiert hat und welche Preise kommuniziert wurden. Auf dieser Grundlage kann anschließend das passende Angebot vorbereitet werden.

Kein Internet? Funktioniert trotzdem.

Eine Webanwendung, die ohne Internet funktioniert, klingt erst einmal nach einem Widerspruch.
Für den Einsatz auf einer Messe war genau das aber entscheidend. Deshalb werden die Daten, die die PWA benötigt, lokal auf dem Gerät gespeichert.
Bricht die Verbindung ab oder ist gar kein Internet verfügbar, bleiben die benötigten Produktinformationen und Funktionen trotzdem nutzbar.
Die Anwendung ist also nicht darauf angewiesen, dass das Messe-WLAN gerade mitspielt.

Projekt besprechen Case Studies ansehen

const lead = await crm.sync(form); POST /api/v1/orders → 201 Created <section class="np-hero"> SELECT sku, stock FROM pim WHERE updated > NOW(); git commit -m "feat: automate invoices" export default function Portal() { if (order.paid) erp.push(order); npm run build && deploy --prod { status: 200, ok: true } webhook.on('booking', notify); @media (max-width: 768px) { await ai.classify(mail.body); → deploy: production type Customer = { id: string }; cron('0 6 * * *', syncStock); // kein Copy & Paste mehr docker compose up -d fetch('/wawi/stock').then(sync); return res.json(data); <api-gateway status="live" /> UPDATE orders SET state = "done"; const ok = validate(payload);

Produkte auf dem großen Bildschirm

Neben der PWA haben wir einen digitalen Produktkatalog für ein großes Touchdisplay umgesetzt.

Besucher und Mitarbeitende können sich dort durch das Sortiment bewegen, Kategorien auswählen und Produkte ansehen. Auch diese Anwendung sollte ohne dauerhafte Internetverbindung funktionieren.

Dafür läuft auf dem im Display integrierten Rechner ein eigener Webserver. Besteht eine Internetverbindung, können Anwendung und Produktdaten aktualisiert werden. Danach läuft der Produktkatalog wieder unabhängig vom Internet.

Drei Anwendungen. Eine Datenbasis.

Website

Produkte online suchen und entdecken.
Touchdisplay

Produkte auf der Messe digital präsentieren.
PWA

Produkte scannen, Preise abrufen und Interessenten erfassen.

Eine Produktwelt. Drei Zugänge.

Auf der Website hilft der Produktfinder bei der Orientierung im Sortiment. Auf der Messe macht das Touchdisplay die Produkte digital zugänglich. Und die PWA unterstützt Mitarbeitende direkt im Gespräch – vom Barcode-Scan bis zur Erfassung des Interessenten.

Jede Anwendung ist für ihren konkreten Einsatz gemacht. Die Produktdaten dahinter bleiben dieselben.

Und dort, wo eine Internetverbindung nicht selbstverständlich ist, funktioniert die Lösung eben auch ohne.