Luminex entstand aus unserem Bedürfnis nach mehr Komfort im Alltag. Auslöser war eine Lampe, deren Schalter schwer zu erreichen war und die wir jeden Abend manuell ein- und ausschalten mussten. Um dies zu vereinfachen, legten wir uns intelligente Steckdosen zu, die wir über eine selbst entwickelte Website steuern können.
So machte ich mich ans Designen und entwickelte Luminex, die Lösung zur intuitiven Steuerung von Steckdosen und Beleuchtung.
Smartes Zuhause
leicht gemacht
Die smarte und intuitive Lösung zur Steuerung von Steckdosen und Beleuchtung.
Überblick
Kurz gesagt
Meine Rolle
Konzeption
UX-/UI-Design & Prototyping
Grafiken & Illustrationen
UX-/UI-Design & Prototyping
Grafiken & Illustrationen
Zeitraum
April – Mai 2024
Die Herausforderung
Das Problem
Das Ein- und Ausschalten von Lampen war umständlich, wenn Schalter schlecht erreichbar waren.
Alles begann mit dem Kauf einer neuen Lampe. Das tägliche Ein- und Ausschalten wurde schnell lästig, da der Schalter schwer zu erreichen war: Man musste sich bücken und hinter ein Regal greifen.
Wir wünschten uns eine intelligentere Lösung: einen sanft beleuchteten Flur am Morgen und die Bequemlichkeit, die Lampe abends vom Bett aus ausschalten zu können. Deshalb entschieden wir uns für smarte Steckdosen. Für diese wurde eine Website entwickelt, um die Steckdosen bequem vom PC oder Handy aus steuern zu können. Für diese Website war ein ansprechendes und funktionales Design gefragt – hier kam ich ins Spiel.
Wir wünschten uns eine intelligentere Lösung: einen sanft beleuchteten Flur am Morgen und die Bequemlichkeit, die Lampe abends vom Bett aus ausschalten zu können. Deshalb entschieden wir uns für smarte Steckdosen. Für diese wurde eine Website entwickelt, um die Steckdosen bequem vom PC oder Handy aus steuern zu können. Für diese Website war ein ansprechendes und funktionales Design gefragt – hier kam ich ins Spiel.
Mein Vorgehen
Vor dem Design klärte ich die technische Anforderungen und Einschränkungen, z. B. welche Daten beim Anlegen einer Steckdose nötig sind und welche Funktionen überhaupt unterstützt werden. Die Erkenntnisse visualisierte ich als Informationsarchitektur-Diagramm.
Anschließend entwarf ich erste Mobile-First-Wireframes: ein übersichtliches Dashboard mit Schnellfiltern nach Räumen, Infos zur Belegung und Automatisierung der Steckdosen sowie einfachen Schaltmöglichkeiten.
Ausarbeitung
Die Informationsarchitektur musste wegen neuer Funktionen, wie z. B. dem Dämmerungsmodus, angepasst werden.
Beim Testen der ersten Wireframes ergaben sich neue Anforderungen, darunter ein Dämmerungsmodus für Lampen, für den eine Unterscheidung nach Gerätetyp notwendig war. Ich überarbeitete daraufhin die Informationsarchitektur, um die erweiterten Funktionen sinnvoll ins Design zu integrieren.
Die Umsetzung
Da die Anwendung oft in dunkler Umgebung genutzt wird, wurde sie bewusst im Dark Mode gestaltet. Ein helles Interface würde hier stören. Ein warmes Gelb als Akzentfarbe sorgt für visuelle Wärme und klare Kontraste.
Das Design ist reduziert und übersichtlich gestaltet. Es verfügt über klar erkennbare Icons, eine gut lesbare Typografie und Details wie eine Tages-/Nachtanzeige. All dies ermöglicht eine intuitive und barrierearme Nutzung.
Das Design ist reduziert und übersichtlich gestaltet. Es verfügt über klar erkennbare Icons, eine gut lesbare Typografie und Details wie eine Tages-/Nachtanzeige. All dies ermöglicht eine intuitive und barrierearme Nutzung.
Durch gezielte Optimierungen wie eine Fortschrittsanzeige und eine bessere Platzierung der Buttons wurde das finale Design deutlich intuitiver bedienbar.
Ergebnis und Ausblick
Luminex bietet großes Potenzial für die Integration neuer Funktionen und die Benutzerfreundlichkeit kann weiter verbessert werden.
Geofencing-Funktion:
Die Steckdosen schalten sich automatisch ein oder aus, basierend auf dem Nutzer-Standort.
Urlaubsmodus
Um Steckdosen für einen festgelegten Zeitraum zu deaktivieren, ohne bestehende Zeitpläne zu verändern.
Mehr Steuerungsmöglichkeiten
Ausbau der Steuerungsoptionen für verschiedene Gerätetypen.
Zeitsteuerung
Erweiterung und Verbesserung der Zeitsteuerungsfunktionen für eine bessere Personalisierung.
