Unternehmen
Projekt besprechen
Projekt besprechen
Lichtshow auf einer Bühne
Referenz · Industry

Komplexe Steuerung von Hardware für Lichtshows

Das MADRIX STELLA 8 Webinterface ist ein modernes, responsives Bedien- und Konfigurationstool für die neue MADRIX STELLA 8 Hardware zur Steuerung komplexer Lichtinstallationen.

  • Softwareentwicklung
  • Hardwareanbindung
  • Softwarearchitektur
  • UI / UX Design
Das Projekt

Keine Installation. Sofort verfügbar. Fühlt sich trotzdem nach nativer App an.

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.

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.

Das bestehende Interface wurde vollständig neu entwickelt. 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.

Umsetzung
Webinterface zur Hardwaresteuerung
Plattform
Web · iOS · Android
Branche
Entertainment
Zielgruppe
B2B · B2C

Auszug Tech Stack

  • Angular
  • Redux
  • RxJS
  • PrimeNG
  • WebSocket
  • C/C++
  • Figma
  • Postman

Beteiligte onexis

6

Entwicklung

Cross-Platform

Rollen

  • Developer
  • UI/UX-Designer
MADRIX STELLA 8 Webinterface auf Laptop, Tablet und Smartphone
Das Ergebnis

Ausgangslage

Was MADRIX brauchte

  • 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

Lösung

Was das Webinterface heute leistet

  • Intuitive Bedienoberfläche für die Konfiguration und Steuerung von DMX-basierten Lichtsystemen
  • Responsive Web-App für mobile Nutzung im Live- und Installationsbetrieb
  • Dashboard mit Live-Daten-Visualisierung und Monitoring
  • Optimierte Echtzeitdarstellung von Gerätedaten über bidirektionale WebSocket-Kommunikation
  • Guided Setup: Einsteiger- und Expertenmodus
  • Grundlage für weitere Ausbaustufen und neue Produktgenerationen
So sind wir vorgegangen

Vier Schritte vom alten Interface zum neuen Standard.

Gute Bedienoberflächen für Hardware entstehen nicht am Reißbrett. Sie entstehen dort, wo die Geräte wirklich benutzt werden – und aus einem Team, das Design und Code gemeinsam denkt.

  1. Verstehen

    Wir haben Lichtdesigner bei Shows und Installationen begleitet. Nicht das Pult war das Problem – sondern die Wege, die man darin gehen musste.

    UX Research · Shadowing

  2. Strukturieren

    Aus über 200 Funktionen wurden klare Aufgabenpfade. Einsteiger bekommen einen geführten Modus, Experten alle Parameter auf einen Griff.

    Informationsarchitektur · Guided Setup

  3. Bauen

    Angular, Redux und WebSockets – ein Frontend, das Hardware-Daten in Echtzeit zeigt und auf jedem Gerät läuft. Direkt vom Gerät ausgeliefert, ohne Installation.

    Angular · WebSockets · C/C++

  4. Absichern

    Live-Daten-Monitoring, Alarmsystem und eine modulare Architektur, die neue Produktgenerationen trägt – ohne Neustart von vorn.

    Monitoring · Modularität

Kern-Features

Welche Kern-Features wurden umgesetzt?

  • Responsives Design
  • Echtzeit-Kommunikation
  • Live-Datenvisualisierung
  • Mehrsprachigkeit
  • Geräteansteuerung
  • Dashboard
  • Login / Registrierung
  • Alarmsystem / Benachrichtigungen
Unser Know-how

Komplexe Technologie, einfach bedienbar.

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 – für ein Interface, das gleichermaßen intuitiv, leistungsfähig und zukunftsfähig ist.

MADRIX STELLA 8 Webinterface auf Laptop, Tablet und Smartphone

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.

Technik

Was MADRIX technisch besonders macht

Das neue Webinterface 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
  • PrimeNG
  • RxJS
  • SCSS
  • 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
  • C/C++
  • 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

  • Cross-Platform
  • Realtime
  • Modular
  • 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.

 Alle Beiträge
Weitere Projekte
 Alle Projekte

Dein Projekt

Und, wann dürfen wir Deine Erfolgsgeschichte schreiben?

30 Minuten, unverbindlich – Du sprichst direkt mit den Leuten, die es später bauen.

Kostenloses Beratungsgespräch buchen

Matthias HänelDein Ansprechpartner