Komplexe Steuerung von Hardware für Lichtshows
Softwareentwicklung
Hardwareanbindung
Softwarearchitektur
UI / UX Design
Das MADRIX STELLA 8 Webinterface ist ein Modernes, responsives Bedien- und Konfigurationstool für die neue MADRIX STELLA 8 Hardware zur Steuerung komplexer Lichtinstallationen.
Zur Konfiguration des MADRIX STELLA 8 Lichtsteuergeräts haben wir eine moderne responsive Webanwendung entwickelt, die auf Desktop und mobilen Geräten gleichermaßen benutzt werden kann.
Das Besondere: die Hardware liefert diese Software aus. Keine Installation notwendig, sofort für alle Nutzer verfügbar. Fühlt sich trotzdem nach nativer App an.
Dafür haben wir ein Re-Design der in die Jahre gekommenen Webanwendung gemacht, mit dem Ziel, die komplexe Konfiguration sowohl Einsteigern als auch Experten einfach und schnell zugänglich zu machen.
Für Inoage wurde das bestehende Interface vollständig neu entwickelt, um sowohl Einsteigern als auch Experten einen schnellen und intuitiven Zugang zu ermöglichen. Im Fokus standen eine klare Informationsarchitektur, optimierte Workflows und eine plattformübergreifende User Experience – inklusive mobiler Nutzung, Live-Daten-Visualisierung und direkter Echtzeitkommunikation mit der Hardware.
Die Problemstellung
Die folgenden Punkte zeigen die Ausgangslage und die Herausforderungen, die wir im Laufe des Projekts schrittweise gelöst haben.
-
Modernes, responsives UI, das sowohl für Einsteiger als auch für Experten funktioniert
-
Schnellere, fehlerfreie Bedienung durch ein vereinfachtes User Interface
-
Höhere Nutzerzufriedenheit und geringere Einarbeitungszeit
-
Modernes UI/UX-Design zur Stärkung des Marktführeranspruchs
-
Plattform, die zukünftige Ausbaustufen und Produktgenerationen unterstützt
Welche Kern-Features wurden umgesetzt?
Responsives Design
Echtzeit-Kommunikation
Live-Datenvisualisierung
Mehrsprachigkeit
Geräteansteuerung
Dashboard
Login / Registrierung
Alarmsystem / Benachrichtigungen
Unser Know How
Damit komplexe Technologie für Anwender einfach und effizient wird, verbinden wir tiefes technisches Verständnis mit nutzerzentriertem Design. Wir haben unsere Stärken im Zusammenspiel von UI/UX, Echtzeit-Hardwareanbindung und moderner Webentwicklung ausgespielt und so ein Interface geschaffen, das gleichermaßen intuitiv, leistungsfähig und zukunftsfähig ist.
UI/UX-Design für komplexe Systeme
Wir entwickeln Interfaces, die auch bei hoher Funktionsdichte intuitiv bleiben.
Mit Progressive Disclosure und klarer Informationsarchitektur ermöglichen wir einen schnellen Einstieg – ohne Expertenfunktionen einzuschränken.
Hardwareanbindung & Echtzeit-Kommunikation
Durch REST-Schnittstellen und parallele WebSocket-Streams realisieren wir stabile,
latenzarme Verbindungen zur Hardware – für Live-Daten, Monitoring und direkte Steuerung in Echtzeit.
Responsive Web-App für Desktop & Mobile
Ob Studio, Bühne oder mobiles Setup – unsere Web-App ist für alle Endgeräte optimiert. Nutzer profitieren von konsistenter Bedienung, hoher Performance und flexibler Einsatzfähigkeit.
Architektur mit Blick auf Erweiterbarkeit
Unsere Software ist modular aufgebaut und klar strukturiert – die ideale Grundlage für zukünftige Features, neue Gerätegenerationen
und systemübergreifende Plattformen.
Multilingualität & Zugriffskontrollen
Wir berücksichtigen internationale Märkte und unterschiedliche Nutzergruppen
durch Mehrsprachigkeit, Rollenkonzepte und Logging – für sichere und skalierbare Einsatzszenarien.
Realtime-Datenvisualisierung & Monitoring
Komplexe Live-Daten werden verständlich und zuverlässig aufbereitet.
Mit WebSockets und optimierter Visualisierung ermöglichen wir Echtzeit-Überwachung – etwa im Dashboard oder im DMX-Watcher.
Was MADRIX technisch besonders macht
Das neue Webinterface von MADRIX STELLA 8 verbindet moderne Webtechnologie mit direkter Echtzeit-Kommunikation zur Hardware. Die Lösung ist plattformunabhängig, responsiv und von Grund auf für Erweiterbarkeit und Zukunftsfähigkeit entwickelt.
Frontend
-
Angular + TypeScript + Redux
Klare Komponentenstruktur, hohe Entwicklungsgeschwindigkeit und saubere Codebasis für komplexe UIs. -
PrimeNG & SCSS
Reife UI-Bibliotheken und flexible Styles für konsistentes Design und schnelle Anpassungen. -
RxJS
Reaktive Programmierung für performantes Datenhandling und Live-Updates in Echtzeit.
Backend & Hardwareanbindung
-
REST-API & WebSockets
Direkte Kommunikation mit der Hardware, latenzarm und zuverlässig – auch bei mehreren parallelen Streams. -
C/C++
Nahtlose Integration mit dem Gerät für maximale Performance und Stabilität.
Besonderheiten
-
Plattformübergreifend
Ein Interface für Desktop, Tablet und Smartphone. -
Erweiterbar & zukunftssicher
Architektur legt die Basis für neue Features und Produktgenerationen. -
Realtime-Visualisierung
Dashboard und DMX Watcher ermöglichen Live-Datenkontrolle und Monitoring direkt am Gerät.
TECH BLOG
Alles, was du wissen willst
Gemeinsam entwickeln wir ein Produkt, das Deine Nutzer wirklich lieben.
Unsere Referenzen
Von der Idee zur Umsetzung
Und, wann dürfen wir Deine Erfolgsgeschichte schreiben?
