Agency Design
Webflow template
Agency Design
Webflow template
Agency Design
Webflow template
Agency Design
Webflow template
Agency Design
Webflow template
Agency Design
Webflow template
Agency Design
Webflow template
Agency Design
Webflow template
Agency Design
Webflow template
UI, UX, Development
Adobe XD

Projektdetails
Zielsetzung
Ziel des Projekts war es, eine moderne und zukunftsorientierte Benutzeroberfläche (UI) für einen Smarten Spiegel zu entwickeln, die Funktionen wie die Kommunikation mit Haushaltsgeräten (z. B. einem Backofen) ermöglicht und das Thema „Zukunft“ aufgreift. Da die Zukunft vielen Menschen Angst macht, lag der Fokus darauf, eine leichte, intuitive und spielerische Bedienung zu schaffen, die Spaß macht und die Innovationskraft von MuesTec widerspiegelt. Die UI wurde im Auftrag der Firma MuesTec für eine Ausstellung im Deutschen Museum Nürnberg entworfen, das sich auf die Zukunft von Mobilität, Technologie und Arbeit konzentriert.
Was wir gemacht haben
- Recherche und Analyse: Untersuchung der Anforderungen von MuesTec (Spezialist für smarte Haushaltstechnologien) und des Deutschen Museums Nürnberg (Fokus auf innovative Technik für die breite Öffentlichkeit).
- Konzeptentwicklung für die UI: Erstellung eines Designkonzepts, das Technologie mit Benutzerfreundlichkeit verbindet.
- Logo-Entwurf: Entwicklung eines Logos für den Smarten Spiegel, das die Markenidentität von MuesTec stärkt.
- Animations-Design: Integration dynamischer Animationen, wie z. B. fließende Übergänge und ein futuristischer Nebel-Effekt, um die Interaktion lebendig zu gestalten.
- Testphasen: Durchführung von Nutzertests, um die intuitive Bedienbarkeit sicherzustellen.
- Finale Umsetzung der UI: Fertigstellung der Benutzeroberfläche für die Ausstellung im Museum.

Kreativer Prozess
- Recherche: Ich habe die Werte von MuesTec (Innovation, smarte Lösungen, Kundennähe) und die Ausstellungsziele des Deutschen Museums Nürnberg (Zukunft erlebbar machen) analysiert. Dazu gehörte auch eine Untersuchung der Zielgruppe: Museumsbesucher, die neugierig auf Technologie sind, aber keine Experten sein müssen.
- Skizzen: Basierend auf der Recherche habe ich erste Wireframes und Skizzen erstellt, die eine minimalistische, aber futuristische Ästhetik mit verspielten Elementen kombinieren – inspiriert von einem klaren Interface mit Icons für Einkaufsliste, Wetter, Kalender und Rezepte.
- Digitales Design: Mit Tools wie Figma wurden die Skizzen in digitale Designs umgesetzt, inklusive eines Logos und animierter Übergänge. Der blaue Nebel-Effekt im Hintergrund wurde hinzugefügt, um die futuristische Atmosphäre zu unterstreichen.
- Verfeinerung: Nach Feedback von MuesTec und ersten Testnutzern wurde die UI verfeinert, um die Bedienung noch intuitiver zu gestalten – z. B. durch größere Touch-Elemente und klare visuelle Hinweise wie die gut sichtbaren Icons.
- Finalisierung: Die fertige UI wurde in einem für Touchscreens optimierten Format bereitgestellt, das sowohl für den Smarten Spiegel als auch für die museale Präsentation geeignet ist.
Ergebnisse
Die UI wurde erfolgreich im Deutschen Museum Nürnberg implementiert und erhielt positive Rückmeldungen von Besuchern, die die einfache Handhabung und das moderne Design lobten. Der Smarte Spiegel zeigte eine gesteigerte Interaktion, da Besucher intuitiv Funktionen wie die Einkaufsliste, Wetteranzeige, Kalender und Rezepte ausprobieren konnten. Die verspielten Animationen, wie der blaue Nebel-Effekt, und das klare Design trugen dazu bei, die Angst vor futuristischer Technologie abzubauen und Neugier zu wecken.
Fazit
Durch eine Kombination aus gründlicher Recherche, einem iterativen Designprozess und enger Zusammenarbeit mit MuesTec ist es gelungen, eine UI zu schaffen, die nicht nur die technischen Anforderungen erfüllt, sondern auch die Besucher des Deutschen Museums Nürnberg begeistert. Das Projekt unterstreicht die Innovationskraft von MuesTec und macht die Zukunft von smarten Haushaltstechnologien greifbar und zugänglich.