Noir.

Rolle: UI/UX Design · Visual Design · Art Direction

Überblick

NOIR ist eine Marke für hochwertige, alkoholfreie Weine, geschaffen für Geschmack, Ritual und einen bewussten Genussmoment.
Meine Aufgabe war es, ein digitales Markenerlebnis zu gestalten, das Ruhe, Eleganz und den zeitlosen Charakter der Weinwelt widerspiegelt.

Design Direction

Elegant. Clean. Modern.

Das visuelle Konzept basiert auf einer hellen, natürlichen Farbwelt — inspiriert von Weinbergen, Holztexturen und weichem Tageslicht.

- Minimalistische Layouts mit viel Weissraum
- Feine Serif-Akzente kombiniert mit moderner Sans-Serif-Typografie
- Ruhige, warme Neutraltöne für eine hochwertige Atmosphäre
- Dezente, dunkle CTAs für klare Nutzerführung
- Harmonisches Zusammenspiel aus Lifestyle-Fotografie und klaren Produktdarstellungen Hero Experience

Der Einstieg vermittelt bewusst das Ritual des Weinmoments:
ein stilvoller Glasaufnahme, natürliche Umgebung, warmer Lichteinfall.
Die Typografie ist gross, ruhig und selbstbewusst — sie setzt den Ton für das gesamte Erlebnis.

Produktpräsentation

Die Produktkacheln folgen einem präzisen, reduzierten Aufbau:

- viel Raum zum Atmen
- ausgewogenes Licht
- klare vertikale Produktkomposition
- minimalistische Typografie
- Fokus auf Form, Farbe und Label der Flasche

Jede Flasche wirkt wie ein eigenständiges, sorgfältig inszeniertes Objekt.

UI & UX

Die Informationsarchitektur ist bewusst leicht und intuitiv:

- Wines
- Shop
- Story
- Journal
- Contact

Eine dezente Navigation, klare CTA-Pfade und ein stringenter Shop-Flow sorgen für ein ruhiges und angenehmes Nutzungserlebnis.

Technische Umsetzung

- Entwicklung eines konsistenten Designsystems (Typografie, Farbtokens, Komponenten, Grids)
- Responsive Design für optimale Darstellung auf allen Geräten
- Bildoptimierung (Retina/WebP) für hohe Performance
- Präzise Übergabedokumentation für das Development

You may also like