Eine Welt statt eines Templates
Ihr Name gibt die Bildsprache vor — konsequent durchgezogen bis in die 404-Seite und den Scrollbalken.
Making-of · Case Study
Gebaut wie eine Marke,
nicht wie eine Visitenkarte.
Wie Moonlit Nails zu einer Mitternachts-Website kam — und was Ihr Geschäft davon übernehmen kann. Ein Blick hinter die Kulissen für alle, deren Handwerk man sehen kann.
- Kunde
- Moonlit Nails by Diana — privates 1:1-Nagelstudio, Hildesheim
- Leistung
- Konzept, Designsystem, Umsetzung, SEO, Bild-Pipeline
- Stack
- Nuxt 4 · Vue 3 · GSAP · Sharp · statisches Hosting
- Zeitraum
- Mai – Juli 2026
- Conversion-Ziel
- Genau eines: die Instagram-DM
Ausgangslage
Nichts verwalten. Eine Sache sehr gut können.
Ein Ein-Personen-Studio mit starker Handarbeit und einem einzigen Kanal: Instagram. Kein Telefon, kein Buchungssystem — gewollt. Die Website muss also nichts organisieren, sondern den Wert der Arbeit spürbar machen und in eine DM überführen. Dazu kamen zwei harte Rahmenbedingungen:
Zwei Städte, ein Studio
Gefunden werden in Hildesheim und Hannover — ohne Duplicate-Content-Tricks.
DSGVO ohne Kompromisse
Keine Cookies, kein Tracking, keine Drittanbieter-Requests — auch keine Font-CDNs.
Das Konzept
Die Mondnacht, in fünf Momenten
Der Studioname gibt die Welt vor: Nachtblau, Mondgold, Serifen-Poesie. Kein Beauty-Template — ein Designsystem, das die ganze Seite trägt.
- Zum Hero
Der CSS-Mond
Der Hero kommt ohne ein einziges Foto aus: Mond, Krater und Halo sind reines CSS, die Headline fährt aus Zeilenmasken.
- Deck ansehen
Das Signature-Deck
Vier echte Arbeits-Collagen fächern sich beim Scrollen zu einem Karten-Deck auf — gepinnt per GSAP ScrollTrigger.
- Ritual ansehen
Das Ritual
Der Ablauf eines Termins, erzählt entlang der zunehmenden Mondphasen — Neumond (Beratung) bis Vollmond (Versiegelung).
- Zahlen ansehen
Das Zahlenband
Nur belegbare Fakten — 134 °C Sterilisation, 1:1-Termine — beim Scrollen hochgezählt. Nichts erfunden.
- Galerie öffnen
Die Galerie
Zehn echte Sets in einer Lightbox mit Tastatur- und Touch-Navigation, Fokusfalle und ESC zum Schließen.
Technik
Messbar, nicht behauptet
Zahlen aus dem Build dieses Projekts — keine Marketing-Schätzungen.
0
Cookies · Tracker · Dritte
DSGVO ohne Banner, im Build verifiziert
≈ 112 KB
Erst-Transfer (gzip)
18 KB HTML + 12 KB CSS + 82 KB JS
60
responsive WebP-Varianten
aus 18 Fotos: 9,8 MB → 4,0 MB
5
Routen, statisch vorgerendert
das erste Byte kommt aus einer Datei
Außerdem: Animationen werden nachgeladen (27 KB) und fehlen bei reduzierter Bewegung komplett · ohne JavaScript bleibt die Seite vollständig lesbar · Skip-Link, Fokusfalle, semantische Landmarken · Schriften lokal statt über Google-Server.
Übertragbar
Dasselbe Muster, Ihr Geschäft
Friseur, Tattoo, Kosmetik, Floristik, Feinkost — es funktioniert überall, wo man Handwerk sehen kann.
Lokales SEO mit Substanz
Eigene Seiten pro Einzugsgebiet, strukturierte Daten, ehrliche FAQ — statt kopierter Städtetexte.
Technik ohne Abhängigkeiten
Statisch gehostet, keine Cookies, kein Wartungsvertrag nötig. Schnell, weil wenig da ist, das langsam sein könnte.
Conversion auf Ihren Kanal
Ob DM, WhatsApp oder Telefon: Jede Sektion führt dorthin, wo Sie ohnehin mit Ihren Kundinnen sprechen.
Und Ihre Website?
Wenn Sie Ihr Handwerk zeigen wollen, reden wir — Konzept, Design und Code aus einer Hand.
Nicolas Dymcenko · Konzept, Design & Code
Transparenz: Kundenstimmen und Impressums-Angaben sind im Code als Platzhalter markiert und werden vor dem Go-Live durch echte Inhalte ersetzt. Alle Zahlen oben sind Build-Messwerte aus dem Projekt — Traffic- und Ranking-Zahlen gibt es vor dem Launch ehrlicherweise noch nicht.