2026 – Website-Konzept für ein Beauty-Atelier
MAISON LUMIÈRE
Service
Website-Konzept, UI-Design und Frontend-Entwicklung
Client
MAISON LUMIÈRE (Konzeptprojekt)
Date
2026
Technology
HTML, CSS, JavaScript – ohne Framework
Editorial statt Salon-Standard.
Beauty-Websites sehen fast alle gleich aus: viel Gold, viel Serifenschrift, wenig Haltung. MAISON LUMIÈRE war die Gegenprobe – ein Atelier in der Düsseldorfer Altstadt, gestaltet wie ein Magazin und nicht wie ein Branchentemplate.
Kern des Entwurfs ist eine editoriale Basis auf warmem Papier mit dunklen Atelier-Blöcken. Die Leistungen sind kein Kachelraster, sondern ein nummerierter Index 01–06, der sich beim Überfahren mit Tinte füllt und ein Vorschaubild hinter dem Zeiger nachzieht. Die Arbeiten laufen als angepinnte Leiste seitwärts, während vertikal gescrollt wird.
Der Rest ist Handwerk: 106 MB Bildmaterial auf 2,6 MB gebracht, sieben Seiten, kein einziges Template, Terminanfrage in drei Schritten statt eines Formularblocks.
- Art Direction & Design-System
- Frontend-Entwicklung (ohne Framework)
- Motion & Scroll-Interaktionen
- Bildoptimierung & Performance
- Responsive Umsetzung
- Social-Video zum Launch
Design-System
Warmes Papier, Tinte, ein einziger Goldton als Akzent – dazu Fraunces als variable Display-Serife und Inter für den Lesetext. Keine Schatten, keine runden Ecken, 1px-Haarlinien als einziges Trennmittel.
Interaktion
Drei gebaute Effekte tragen die Seite: der Tinten-Index der Leistungen, die angepinnte Arbeiten-Leiste, die vertikales Scrollen seitwärts übersetzt, und die dreistufige Terminstrecke mit Validierung an Ort und Stelle.
Performance
Sechzehn Ausgangsbilder mit zusammen 106 MB wurden zu responsiven WebP-Sätzen in drei Breiten – 2,6 MB für die komplette Seite. Fällt JavaScript aus, bleibt der Inhalt sichtbar; `prefers-reduced-motion` schaltet die gesamte Motorik ab.
Einblicke
Konzeptprojekt. MAISON LUMIÈRE ist eine frei erfundene Marke. Dieses Projekt entstand als eigenständige Design- und Entwicklungsarbeit, um ein vollständiges Konzept von der Art Direction bis zur Umsetzung zu zeigen. Es gab keinen Auftraggeber; Adresse, Preise, Team und Bewertungen sind fiktiv.