Complex Control of Hardware for Light Shows
Software Development
Hardware Integration
Software Architecture
UI / UX Design
The MADRIX STELLA 8 web interface is a modern, responsive control and configuration tool for the new MADRIX STELLA 8 hardware used to control complex lighting installations.
To configure the MADRIX STELLA 8 lighting control device, we developed a modern responsive web application that can be used equally on desktop and mobile devices.
What makes it special: the hardware delivers this software itself. No installation required, immediately available to all users. Still feels like a native app.
For this purpose, we redesigned the outdated web application with the goal of making complex configuration easy and quickly accessible for both beginners and experts.
For Inoage, the existing interface was completely redeveloped to provide both beginners and experts with fast and intuitive access. The focus was on a clear information architecture, optimized workflows, and a cross-platform user experience — including mobile usage, live data visualization, and direct real-time communication with the hardware.
The Problem
The following points describe the initial situation and the challenges that were gradually resolved over the course of the project.
-
Modern, responsive UI that works for both beginners and experts
-
Faster, error-free operation through a simplified user interface
-
Higher user satisfaction and reduced onboarding time
-
Modern UI/UX design to strengthen the claim of market leadership
-
Platform that supports future expansion stages and product generations
Which Core Features Were Implemented?
Responsive Design
Real-Time Communication
Live Data Visualization
Multilingualism
Device Control
Dashboard
Login / Registration
Alarm System / Notifications
Our Expertise
To make complex technology simple and efficient for users, we combine deep technical understanding with user-centered design. We have leveraged our strengths in the interplay of UI/UX, real-time hardware connectivity, and modern web development to create an interface that is intuitive, powerful, and future-proof.
UI/UX Design for Complex Systems
We design interfaces that remain intuitive even with a high density of functionality.
Through progressive disclosure and a clear information architecture, we enable a fast onboarding experience—without limiting expert features.
Hardware Integration & Real-Time Communication
Using REST interfaces and parallel WebSocket streams, we establish stable,
low-latency connections to the hardware—for live data, monitoring, and direct real-time control.
Responsive Web App for Desktop & Mobile
Whether in the studio, on stage, or in a mobile setup, our web app is optimized for all devices.
Users benefit from consistent interaction, high performance, and flexible usability.
Architecture Designed for Scalability
Our software is modular and clearly structured—
the ideal foundation for future features, new device generations,
and cross-system platforms.
Multilingual Support & Access Control
We address international markets and diverse user groups
through multilingual support, role-based access concepts, and logging—
enabling secure and scalable usage scenarios.
Real-Time Data Visualization & Monitoring
Complex live data is processed and presented in a clear and reliable way.
Using WebSockets and optimized visualization, we enable real-time monitoring—
for example in dashboards or within the DMX watcher.
What Makes MADRIX Technically Unique
The new MADRIX STELLA 8 web interface combines modern web technology with direct real-time communication to the hardware.
The solution is platform-independent, responsive, and designed from the ground up for scalability and future-proofing.
Frontend
-
Angular + TypeScript + Redux
Clear component structure, high development speed, and a clean codebase for complex UIs. -
PrimeNG & SCSS
Mature UI libraries and flexible styling for consistent design and rapid customization. -
RxJS
Reactive programming for high-performance data handling and real-time live updates.
Backend & Hardware Integration
-
REST APIs & WebSockets
Direct communication with the hardware, low-latency and reliable— even with multiple parallel streams. -
C/C++
Seamless integration with the device for maximum performance and stability.
Key Features
-
Cross-Platform
One interface for desktop, tablet, and smartphone. -
Extensible & Future-Proof
The architecture provides the foundation for new features and product generations. -
Real-Time Visualization
Dashboards and the DMX watcher enable live data control and monitoring directly on the device.
TECH BLOG
Everything You Need to Know
Angular: What you should know about the framework
Whether it's a patient portal, device dashboard or admin tool - Angular delivers when web applications need to be able to do more. Read here why large companies rely on it and how you can use its potential for your project.
Augmented Reality – A Magical Insight into Our Specialty
Augmented reality - A magical insight into our area of expertiseAugmented Reality (AR) refers to technology that blends the real world with virtual content, creating new forms of interactive experiences that make the physical environment come to life in unique...
Software Timing Troubles? Log Your Way to Success!
The Shock of the Year 2022: ChatGPT takes the stage and raises the question of whether AI will dominate software development. Our journey through the emotional rollercoaster of psychological phases, from denial to acceptance, is illuminated in this post by CEO Matthias. Learn how we dealt with the challenge and discover the answer we found to the crucial question. A glimpse into our journey, where we got our hands dirty and developed our own AI model.
The German Angst from a CEO perspective: What AI is not!
The Shock of the Year 2022: ChatGPT takes the stage and raises the question of whether AI will dominate software development. Our journey through the emotional rollercoaster of psychological phases, from denial to acceptance, is illuminated in this post by CEO Matthias. Learn how we dealt with the challenge and discover the answer we found to the crucial question. A glimpse into our journey, where we got our hands dirty and developed our own AI model.
How to start with AI locally on a Computer?
Discover how easy it is to start Artificial Intelligence locally on your computer! Our short guide will walk you through the steps, demonstrating how you can generate images directly on your computer without additional costs.
IONIC 101: Code your own grocery list app with ease.
Learn about developing an app with Ionic and Angular, seamlessly extending to iOS and Android. Explore benefits like Dependency Injection, service management, and Capacitor API integration for native features. Transition effortlessly from web to mobile development with our guidance, creating a versatile app across platforms.
Together, we'll create a product users genuinely love.
So, when do we get to write your success story?
