SAP Logo
SAP Logo

Interactive Experience

SAP

SAP Hero
SAP Hero

Übersicht

Eine 'neu gedachte' Website, die nicht nur gut aussieht, sondern auch eindrucksvoll die Vorteile von SAP aufzeigt. Durch Kombination von klassischen Webelementen mit Video & Animation ergeben sich viele neue Möglichkeiten, digitalen Content 'erlebbar' zu machen.

services

Frontend Development

UI/UX

Design

Discover

Vision & Use-Case Workshop

Gemeinsam mit dem Kunden wurde ein interaktives Erlebnis für die Industrie-4.0-Welt rund um SAP konzipiert: Zielgruppen, Szenarien und Erfolgskriterien wurden in einem Workshop definiert, um frühzeitig Klarheit über Zielsetzung, Erlebnisrahmen und technische Möglichkeiten zu gewinnen.

Stakeholder- & Systemanalyse

Im nächsten Schritt wurden Produktionsprozesse, bestehende SAP-Landschaften und Nutzergruppen analysiert: Wo sind Digitalisierungspotenziale? Welche Daten liegen vor? Welche Touchpoints sollen interaktiv erlebbar gemacht werden? Diese Analyse bildete die Basis für die Konzeptphase.

Prototyping & Experience Design

Auf Basis der gewonnenen Einsichten entstand ein interaktives Konzept mit Storyline, Nutzerführung und Visualisierung: Wie navigiert ein Besucher durch die Industry 4.0-Fab­rik-Erfahrung? Welche Szenen sollen gezeigt werden? Welche Technologie-Elemente können den Erlebniswert steigern?

Develop

Webentwicklung

Umgesetzt wurde eine performante Website auf React-Basis, die technische Präzision mit flüssiger Interaktion verbindet. Der Fokus lag auf Performance, Skalierbarkeit und einem nahtlosen Nutzererlebnis auf allen Geräten.

3D-Interaktion

Interaktive 3D-Animationen machen komplexe Prozesse visuell erlebbar. Durch gezielte Bewegungen, Kamerawechsel und Scroll-Interaktionen entsteht ein immersives Erlebnis, das Inhalte intuitiv vermittelt.

Performance-Optimierung

Trotz hoher visueller Dichte wurde die Seite auf schnelle Ladezeiten und effiziente Ressourcennutzung optimiert – mit Caching, Code-Splitting und GPU-beschleunigtem Rendering.

Evolve

Längere Verweildauer

Durch das Zusammenspiel aus Interaktivität, Bewegung und klarer Storyline verweilen Besucher deutlich länger auf der Seite – sie explorieren aktiv statt nur zu konsumieren.

Modular erweiterbar

Die Architektur wurde bewusst flexibel angelegt. Neue Animationen, Themen oder Produktbereiche können ohne Redesign integriert werden – ideal für kontinuierliches Wachstum.

Award-winning

Ausgezeichnet von den awwwards

Unsere Arbeiten

Entdecke weitere Projekte

Entdecke weitere Projekte

Unsere besten Projekte verbinden Kreativität, Strategie, Technologie und modernes Design.

Smartphone-Screens der Steuer-App „Mei Marie“, die eine Übersicht über erfasste Ausgaben und die Steuererstattung anzeigen. Links werden Belege wie Arbeitskleidung, Onlinekurse und Apothekenkosten nach Monaten sortiert dargestellt. Rechts zeigt das Dashboard der App den Betrag „Dei Marie zurück – 242 €“ sowie Funktionen wie Belege scannen und persönliche Steuertipps. Fokus auf digitaler Steueroptimierung, Belegerfassung und Rückerstattungsübersicht.
Smartphone-Screens der Steuer-App „Mei Marie“, die eine Übersicht über erfasste Ausgaben und die Steuererstattung anzeigen. Links werden Belege wie Arbeitskleidung, Onlinekurse und Apothekenkosten nach Monaten sortiert dargestellt. Rechts zeigt das Dashboard der App den Betrag „Dei Marie zurück – 242 €“ sowie Funktionen wie Belege scannen und persönliche Steuertipps. Fokus auf digitaler Steueroptimierung, Belegerfassung und Rückerstattungsübersicht.
Smartphone-Screens der Steuer-App „Mei Marie“, die eine Übersicht über erfasste Ausgaben und die Steuererstattung anzeigen. Links werden Belege wie Arbeitskleidung, Onlinekurse und Apothekenkosten nach Monaten sortiert dargestellt. Rechts zeigt das Dashboard der App den Betrag „Dei Marie zurück – 242 €“ sowie Funktionen wie Belege scannen und persönliche Steuertipps. Fokus auf digitaler Steueroptimierung, Belegerfassung und Rückerstattungsübersicht.
Mei Marie Icon
Linde

Mei Marie App

Zum Projekt