---
slug: hubner
title: 'Touch-Apps für die Messeauftritte auf InnoTrans und Busworld'
story_preview: 'Seit der Busworld Europe 2023 entwickeln wir für die HÜBNER-Gruppe die digitale Benutzeroberfläche am Messestand: zwei Touch-Apps für Rail und Road auf einem gemeinsamen Komponentensystem, offline-fähig auf Stelen und 4K-Displays und als iPad-Version für den Vertrieb.'
fineprint: 'Laufende Zusammenarbeit seit der Busworld Europe 2023. Wir haben beide Apps für Rail und Road gestaltet und entwickelt, dazu das gemeinsame Komponentensystem, einen Component Guide, die iPad-Versionen für den Vertrieb und weitere Gestaltungsarbeiten rund um die Messen.'
---

> **Case study source:** https://unlimited.studio/de/case-study/hubner

# Das Portfolio zum Anfassen

Die HÜBNER-Gruppe aus Kassel entwickelt Systeme, Komponenten und Services für Schienen- und Straßenfahrzeuge, von Übergangs- und Gelenksystemen bis zu Fenster- und Einstiegslösungen. Dieses Portfolio zeigt HÜBNER auf den wichtigsten Messen der Branche: auf der InnoTrans in Berlin, der weltweit größten Messe für Bahntechnik, und auf der Busworld Europe in Brüssel. Am Stand steht es nicht nur als Exponat, sondern auch auf großen Touchscreens. Die Software dafür entwickeln wir seit der Busworld Europe 2023.

Die Oberfläche ist auf jeder Messe dabei, auch auf den kleineren, dort meist auf dem iPad. Gerade da zählt sie besonders, denn für Exponate ist kaum Platz.

## Zwei Apps, ein Komponentensystem

Hinter beiden Messeauftritten steckt keine Website, sondern eine App, die ohne Server und ohne Internetverbindung direkt auf der Hardware am Stand läuft. Rail und Road teilen sich ein gemeinsames Komponentensystem: Masthead, Produktboxen, Bildergalerien, Videos, Faktenkarten, Timeline und Navigation entstehen einmal und stehen beiden Apps zur Verfügung. Die Inhalte bleiben je Messe eigenständig. Ein Component Guide zeigt alle Bausteine mit ihren Varianten in jedem Bildschirmformat, so lässt sich Feedback direkt am richtigen Element festmachen.

## Vom Fahrzeug zur Lösung

Besucher tippen sich am Stand vom Gesamtfahrzeug in die einzelnen Lösungen: Front End, Intercar, Bogie, Window, Insulation, Entry, Service und Digital Services. Jede Produktseite verbindet technische Facts, Renderings, Bildergalerien, Videos und QR-Codes zu weiterführenden Informationen.

- **Navigation:** Eine feste Leiste mit Home, Products, What's New, Affiliates und HÜBNER Group, deren Flyouts den kompletten Produktbaum zeigen, dazu Breadcrumbs für die Orientierung auf jeder Ebene.
- **Verbundunternehmen:** Eigene Seiten für die Unternehmen der Gruppe.
- **Highlights:** Eine eigene Seite für die Neuheiten der jeweiligen Messe.
- **Interaktive Inhalte:** Service-Phasen öffnen sich per Tipp als Detailansicht, auf der Busworld drehen und zoomen Besucher das Gelenk als 3D-Modell.

## Ein Layout für jedes Gerät

Am Stand laufen Stelen im Hochformat in 4K und Full HD, Displays im 4K-Querformat sowie Desktop- und Laptop-Bildschirme. Später kamen iPad-Versionen dazu, damit auch der Vertrieb mit den Apps arbeiten kann. Das Layout richtet sich nach genau dieser Hardware statt nach gängigen Smartphone-Formaten. Im 4K-Querformat rendert die App das abgenommene Full-HD-Layout exakt doppelt, so steht auf jedem Gerät dieselbe Gestaltung.

## Gebaut für den Messebetrieb

- **Start ohne Installation:** Ausgeliefert wird ein fertiger Build, der direkt vom Gerät im Browser startet.
- **Zugangsschutz:** Ein Passwort schützt die Oberfläche bis zum Messestart.
- **Touch-sicher:** Kontextmenü sowie Pinch- und Doppeltipp-Zoom sind gesperrt, damit Besucher die Ansicht nicht verstellen.