Stöcklin Digital Showroom – Intralogistik erlebbar machen
Stöcklin Logistik AG
Interaktiver, offline-fähiger Showroom für Stöcklin zur Präsentation des modularen Intralogistik-Systembaukastens – mit zentraler Contentpflege in TYPO3, Vue-Frontend, verschiedenen Showroom-Varianten und Objektansteuerung für Messen in Zusammenarbeit mit Trihow.
Tech Stack
Digitaler Systembaukasten zum Anfassen
Stöcklin ist als internationaler Intralogistik-Systemanbieter mit einem hochmodularen Lösungsbaukasten unterwegs. Die Herausforderung: Das breite Portfolio aus Hardware, Software (logOS) und Services so zu präsentieren, dass es für Kund:innen auf einen Blick verständlich und erlebbar wird – im Technologie-Center in Laufen, im Showroom unter showroom.stoecklin.com und auf internationalen Messen. Der digitale Showroom fasst diese Welt in einer zentral gepflegten, interaktiven Anwendung zusammen, die sowohl online als auch offline funktioniert und physische Exponate in Zusammenarbeit mit Trihow direkt ansteuert.
Der Showroom lebt... in der Website
Erleben Sie den interaktiven Digital Showroom von Stöcklin – eingebettet direkt auf der Stöcklin-Website oder als eigenständige Web-Anwendung.
Über den Kunden
Die Stöcklin Logistik AG ist ein Schweizer Intralogistik-Spezialist mit Hauptsitz in Laufen. Das Unternehmen entwickelt und realisiert hochautomatisierte Lager- und Fördersysteme, ergänzt durch die eigene logOS Software-Suite und umfassende Services. Die Lösungen kommen weltweit in Branchen wie Food & Beverage, Retail, Pharma und Industrie zum Einsatz.
Ausgangssituation & Notwendigkeit
Stöcklin wollte seinen modularen Intralogistik-Systembaukasten nicht länger nur über statische Präsentationen, PDFs und einzelne Produktvitrinen erklären. Vor dem Projekt existierten zahlreiche, teils veraltete Präsentationen in unterschiedlichen Sprach- und Versionsständen. Für jedes Messe-Setup wurden Inhalte manuell zusammengestellt, was fehleranfällig und zeitintensiv war. Gleichzeitig wuchs der Bedarf, Kund:innen schon in frühen Gesprächen anhand konkreter Szenarien mitzunehmen – vom automatisierten Kleinteilelager bis zur voll integrierten Multichannel-Lösung mit logOS. Gesucht war eine Lösung, die - das gesamte Portfolio konsistent und aktuell darstellt, - sowohl im Technologie-Center als auch auf Messen und im Außendienst funktioniert, - offline nutzbar ist (instabile Messe-WLANs), - physische Exponate und Trihow-Objekte ansteuert und - sich redaktionell durch das Stöcklin-Team selbst pflegen lässt.
Lösung: Modularer, datengetriebener Digital-Showroom
Gemeinsam mit Stöcklin wurde ein digitaler Showroom entwickelt, der Content zentral in TYPO3 verwaltet und über eine Vue.js-Anwendung auf unterschiedlichen Endgeräten ausgespielt wird – vom 86" Touch-Display im HQ bis zum Messe-Setup mit Trihow-Objekten. Die Anwendung kann online über showroom.stoecklin.com genutzt oder als offline-fähiges Paket auf Windows-Playern für Messen und Events betrieben werden.
Implementation Steps
- 1Anforderungs- & Use-Case-Workshops mit Vertrieb, Marketing und Produktmanagement zur Definition der zentralen Storylines (Branchen, Funktionen, Referenzen, logOS-Module).
- 2Konzeption einer Content-Architektur in TYPO3: strukturierte Datensätze für Branchen-Stories, Funktionsmodule, Referenzanlagen, Hardware- und Software-Bausteine inkl. Varianten- und Sprachlogik.
- 3Implementierung einer REST-API in TYPO3, die alle relevanten Inhalte als normalisierte JSON-Feeds für die Vue-Anwendung bereitstellt (inkl. Mediadaten, Tagging und Sortierreihenfolgen).
- 4Entwicklung einer Vue.js Single-Page-Anwendung mit Szenarien-Navigation: Einstieg über Branche oder Prozess, dynamische Kombination aus Hardware, Software (logOS) und Services zu individuellen Lösungspaketen.
- 5Varianten-Konzept: unterschiedliche Presets für HQ-Showroom, Messe-Betrieb und Sales-Modus (z.B. geführte Tour vs. freie Exploration, reduzierte Tiefen-Navigation für Erstgespräche).
- 6Offline-Nutzung: Packaging der Anwendung als PWA bzw. statisches Bundle mit lokalem Asset-Cache; Synchronisation der Inhalte vor der Messe über einen Update-Prozess aus TYPO3.
- 7Objektansteuerung: Integration der Trihow-Lösung, bei der haptische Objekte oder Marker auf dem Trihow-Desk einzelne Showroom-Szenarien triggern. Über eine Schnittstelle werden Events in die Vue-App gespielt, die daraufhin die passende Ansicht (z.B. Palettenhochregal, AKL mit FSP-Shuttles, logOS Leitstand) aufruft.
- 8Monitoring & Betrieb: Konfiguration eines Logging- und Feedback-Mechanismus, um meistgenutzte Szenarien zu erkennen und Inhalte in TYPO3 gezielt weiterzuentwickeln (z.B. zusätzliche Branchen-Cases, neue Video-Assets).
Ergebnisse & Mehrwert
Mit dem digitalen Showroom steht Stöcklin ein zentrales Storytelling-Tool zur Verfügung, das den komplexen Intralogistik-Baukasten klar strukturiert und emotional erlebbar macht. Vertrieb und Marketing arbeiten auf derselben in TYPO3 gepflegten Datenbasis. Für unterschiedliche Zielgruppen und Situationen können passende Varianten generiert werden – vom kompakten Einstieg bis zur tiefen technischen Betrachtung. Die Ansteuerung des Showrooms über Objekte wie Würfel wurde in Kooperation mit Trihow schnell und problemlos umgesetzt macht den Systembaukasten physisch ‚be-greifbar' und sorgt besonders auf Messen für hohe Aufmerksamkeit und deutlich strukturiertere Beratungsgespräche.
Technologie-Partner & Stack
Wie wir arbeiten
Ein strukturierter Ablauf von der Idee bis zum erfolgreichen Launch
Discovery & Konzeption
Gemeinsame Analyse Ihrer Anforderungen und Definition klarer Ziele. Wir entwickeln ein maßgeschneidertes Konzept.
Design & Prototyping
Erstellung von Wireframes und Designs. Iteratives Feedback sorgt für optimale User Experience.
Entwicklung & Testing
Saubere Umsetzung mit modernen Technologien. Kontinuierliche Tests garantieren höchste Qualität.
Launch & Support
Erfolgreicher Go-Live und fortlaufende Betreuung. Wir optimieren basierend auf echten Nutzerdaten.