Schüco

Schüco IoF –
Scrollytelling erzählt von Nachhaltigkeit

Der Fensterhersteller Schüco setzt bei der Nachhaltigkeit auf eine kleine Plakette mit großer Wirkung: Die Digitalisierung der Gebäudehülle durch IoF (Internet of Facades) IDs.

Über die ID können zu jedem Element Daten für die effiziente und gezielte Durchführung von Wartungen und Produktupgrades hinterlegt werden. Zudem sind mit der ID versehene Elemente für das spätere Recycling eindeutig dokumentiert, können sortenrein getrennt und wieder dem Materialkreislauf zugeführt werden.

Für die Markteinführung von IoF wurde die Konzeption, das Design und die Umsetzung der Messeanwendung und späteren Microsite von Yellow Tree übernommen.

Idee

Im Messegedränge muss die Aufmerksamkeit der Besucher: innen aktiv gewonnen werden. Das neue Thema IoF und dessen Vorteile müssen klar benannt und kommuniziert werden. Das Ganze soll im Zentrum des neuen Messestandes auf der für Schüco wichtigsten Messe passieren. Der Anspruch an UI und UX der Anwendung stand somit klar im Fokus. Um diesen Anforderungen gerecht zu werden, haben wir uns im Team dazu entschlossen, die Story von IoF per Scrollytelling zu erzählen. Die einzelnen wichtigen Informationen werden so hintereinander inszeniert, dass eine gut gestaltete Geschichte entsteht.

Lösung

Um die komplexen Zusammenhänge von IoF einfach zu erklären und für Messebesucher: innen zugänglich zu machen, haben wir uns für eine immersive Art der Darstellung entschieden, dem Scrollytelling. Anstatt auf einer statischen Seite zu lesen, können Benutzer durch visuell ansprechende Inhalte scrollen, die sich auf fesselnde Weise entfalten. Bilder, Animationen, Grafiken und Texte werden in einer Abfolge präsentiert, die dem Benutzer ein einzigartiges Erlebnis bietet.

Der Sinn von Scrollytelling liegt darin, komplexe Informationen auf ansprechende und leicht verständliche Weise zu präsentieren. Es ermöglicht Daten, Fakten oder Geschichten in einem narrativen Fluss zu vermitteln, der das Verständnis vertieft und eine tiefere emotionale Verbindung zum Inhalt herstellt. Diese Erzählform erlaubt es, Informationen schichtweise darzustellen, was dem Benutzer ermöglicht, sich auf verschiedene Ebenen des Contents einzulassen. Durch Scrollytelling wird die Art und Weise, wie Informationen konsumiert werden, transformiert. Es macht Inhalte lebendiger, interaktiver und ansprechender.

Web-Anwendung

Die Anwendung läuft über einen Node Server, der bei Bedarf auch lokal auf einem Rechner installiert und in Betrieb genommen werden kann.

Das Frontend nutzt React.js als Framework, um so die komplexen Animationen und Scroll Events zu ermöglichen. Zudem unterstützt das Framework bei der Erstellung einer interaktiven und benutzerfreundlichen Oberfläche.