Portfolio
Motion Design für SPIE High Voltage Touchtable
Spie – High Voltage
Vom Konzept bis zur Software
Branche: Energie / Hochspannung / Infrastruktur
Leistungen: Konzept, Motion Design, After Effects Produktion, Medienaufbereitung, Entwicklung der Touchtable-Software
Technologie: SVG, Adobe After Effects, UI-Design, UX-Design, SvelteKit, Svelte, JavaScript, TypeScript
Launch: Für den Einsatz am Unternehmensstandort und auf Fachmessen
Für SPIE High Voltage entstanden mit Motion Design animierte SVG-Inhalte für einen Touchtable, der Unternehmensinformationen visuell, verständlich und interaktiv vermittelt. Ziel war eine Lösung, die auf Messen ebenso überzeugt wie im stationären Einsatz vor Ort: aufmerksamkeitsstark, intuitiv bedienbar und technisch sauber aufbereitet.
Interaktive App: Firmenprozesse verständlich erklärt
Komplexe Leistungen, technische Zusammenhänge und Unternehmensinhalte lassen sich in klassischen Präsentationsformaten oft nur schwer erfassen. Gesucht war deshalb ein Format, das Inhalte präzise, visuell ansprechend und per Touch sofort zugänglich macht. Die Anwendung sollte Besucher führen, Interesse wecken und Informationen in kurzer Zeit verständlich transportieren.
SVG Pfadanimationen und App-Interaktionen sinnvoll zusammenführen
Die Herausforderung lag in der Verbindung aus animierter Darstellung und interaktiver Bedienung. Die Inhalte mussten für den Touchtable klar strukturiert, in einzelne Informationsbereiche aufgeteilt und über Schaltflächen direkt anwählbar sein. Gleichzeitig sollten die SVG Animationen technisch sauber in After Effects aufgebaut und über den Adobe Media Encoder zuverlässig exportiert werden. Die besondere Schwierigkeit bestand darin, ein Format zu finden, das eine flüssige Darstellung ermöglicht, schnelle Ladezeiten unterstützt und sich sauber in die App-Anwendung integrieren lässt. Deshalb haben wir auf WebM gesetzt, um die Animationen performant, kompakt und visuell hochwertig auszuspielen.
Eine Präsentationslösung, die Technik, Marke und Nutzerführung verbindet
Für SPIE High Voltage wurde ein interaktives Präsentationskonzept entwickelt, das Inhalte nicht nur zeigt, sondern gezielt erlebbar macht. Animierte SVG-Sequenzen ersetzen statische Flächen – Informationen werden visuell geführt und dadurch schneller verstanden.
Zwei Nutzungssituationen, eine Lösung
- Unternehmensstandort – Detailtiefe und Raum zur Erkundung für interessierte Besucher
- Fachmesse – Aufmerksamkeit in Sekunden erzeugen, schneller Einstieg in relevante Themen
Die Anwendung wurde so aufgebaut, dass Besucher über klar erkennbare Schaltflächen direkt in relevante Themenbereiche einsteigen – ohne Erklärung, intuitiv.
Warum SVG & Motion Design?
- Sauber skalierbar auf jedem Display
- Ideal für hochwertige grafische Animationen
- Animation & Bewegungslogik via Adobe After Effects
- Mediengerechter Export über Adobe Media Encoder (WebM)
Das Ergebnis
Kein digitales Display – sondern ein aktives Kommunikationswerkzeug für Vertrieb, Messe und Markenauftritt. Design und Funktion greifen ineinander: übersichtlich, professionell, ohne Überladung.
Wo komplexe Inhalte verständlich werden sollen, entscheidet nicht das Was, sondern das Wie der Präsentation.
Mehr Wirkung an Touchpoints mit Beratungscharakter
Das Ergebnis ist eine interaktive Lösung, die Informationen für unterschiedliche Zielgruppen klar zugänglich macht und gleichzeitig die technische Kompetenz von SPIE High Voltage sichtbar unterstreicht. SVG-Animationen, Nutzerführung (UX) und Medienaufbereitung wurden so kombiniert, dass ein professionelles Informationssystem für Messe, Empfangsbereich und Unternehmenspräsentation entsteht.
Produktfeature Highlights im Überblick
- Entwicklung einer Web-Anwendung für Touchtable-Systeme
- SVG-Animationen mit Adobe After Effects
- Konzeption und Gestaltung interaktiver Unternehmenspräsentationen
- Aufbereitung und Produktion von digitalem Messe-Content
- UX-Konzeption für Touchscreen-Informationssysteme
- Videoexport-Optimierung mit Adobe Media Encoder (dateigrößenoptimiertes WebM-Format)
