UI-Design

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

Werbegrafik für einen Smart Mirror mit dem Titel ‚Blick in die Zukunft‘ über einem abstrakten blauen Farbwolkenmotiv auf schwarzem Hintergrund. Links sind Symbole für Einkaufslisten, Wetter, Kalender und Rezepte zu sehen, rechts oben eine englische Flagge.

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

  1. 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).
  2. Konzeptentwicklung für die UI: Erstellung eines Designkonzepts, das Technologie mit Benutzerfreundlichkeit verbindet.
  3. Logo-Entwurf: Entwicklung eines Logos für den Smarten Spiegel, das die Markenidentität von MuesTec stärkt.
  4. Animations-Design: Integration dynamischer Animationen, wie z. B. fließende Übergänge und ein futuristischer Nebel-Effekt, um die Interaktion lebendig zu gestalten.
  5. Testphasen: Durchführung von Nutzertests, um die intuitive Bedienbarkeit sicherzustellen.
  6. Finale Umsetzung der UI: Fertigstellung der Benutzeroberfläche für die Ausstellung im Museum.

Logo von MJES-TECH mit großem stilisiertem Buchstaben ‚M‘ in Türkis und ‚T‘ in Weiß auf schwarzem Hintergrund. Darüber steht der Slogan ‚smart reflexion‘, wobei das ‚X‘ hervorgehoben ist.

Kreativer Prozess

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.

works
Logo mit vertikalem Schriftzug ‚BROT. GENAU‘ in weißer Blockschrift und dem handschriftlichen Namen ‚Christin Steinbrecher‘ darunter, auf schwarzem Hintergrund.

Logo-Design

Logo-Design

Branding, Grafikdesign, Typografie

Branding, Grafikdesign, Typografie

Laptop mit geöffneter Website von Markmanns, auf einem elegant gedeckten Tisch in dunkler Atmosphäre. Auf dem Bildschirm ist groß der Schriftzug ‚Markmanns‘ vor einem Restaurantinterieur zu sehen.

Webdesign

Webdesign

Webdesign, Bildbearbeitung, SEO-Optimierung

Webdesign, Bildbearbeitung, SEO-Optimierung

Leuchtend blaue Leinwand steht vor einem rostroten Frachtcontainer, gespiegelt in einer Wasserpfütze im Vordergrund. Im Hintergrund ein Backsteingebäude mit Fenstern.

Fotoshooting

Fotoshooting

Fotografie, Bildbearbeitung, Art Direction

Fotografie, Bildbearbeitung, Art Direction

Flasche Dominicoeur Maracuja Likör mit gold-orangem Etikett und Cocktailglas mit Eiswürfeln, Minzblättern, Schaumhaube und Zitronenscheibe auf schwarzem Hintergrund.

Shopdesign

Shopdesign

Webdesign, E-Commerce, Fotografie

Webdesign, E-Commerce, Fotografie