Vagabov Agency
Lady Vi — Website-Mockup auf MacBook Pro im Studio-Ambiente

Mai 2026 – Website-Entwicklung, SEO & Buchungssystem

Lady Vi

Service

Website-Entwicklung, SEO-Optimierung & Online-Terminbuchung

Client

Lady Vi — Kosmetikstudio Bad Ems

Date

Mai 2026 — online gestartet

Technology

Next.js 15 · React 19 · Tailwind CSS v4 · Framer Motion · Cal.eu · Netlify · schema-dts

Schönheit, die begeistert — digital umgesetzt.

Lady Vi ist ein ästhetisches Kosmetikstudio in Bad Ems und Koblenz mit über 8 Jahren Erfahrung in eigener Praxis. Das Angebot umfasst zehn professionelle Behandlungen — von Aquafacial und chemischen Peelings über Microneedling und Akneprogramme bis zu Anti-Aging und Wimpernlifting — mit veganen und bio-zertifizierten Esse-Produkten.

Der Auftrag: den bestehenden WordPress-Auftritt in einen modernen, statischen Next.js-Webauftritt zu überführen — mit Premium-UI, klarer Conversion auf Terminbuchungen und Vertrauenselementen wie Vorher/Nachher-Fällen, Kundenstimmen und transparenter Preisübersicht.

Das Ergebnis ist ein schneller, suchmaschinenoptimierter und mobile-first umgesetzter Auftritt unter ladyvi.beauty — bereit für lokale Sichtbarkeit und direkte Online-Termine.

  • Konzeption & UX/UI (Cream/Purple Design System, Switzer + Melodrama)
  • Next.js Entwicklung (App Router, Static Export)
  • 10 Behandlungs-Landingpages mit FAQ & Preisen
  • Before/After Case Studies (react-compare-slider)
  • Mobile-Optimierung & Performance (Hero-Video, prefers-reduced-motion, Safe Areas, FAB)
  • Vollständige SEO-Optimierung (Meta/OG/Twitter, Sitemap, Robots, JSON-LD, Geo-Metadaten, llms.txt)
  • Online-Terminbuchung (Cal.eu Inline-Embed + Netlify-Formular-Fallback)
  • Medien-Pipeline (Client-Import, Sharp/WebP, Galerie-Manifest)
  • Netlify Deployment & Legacy-Redirects (/hydrafacial/ → /aquafacial/)

Design & Nutzerführung

Die Gestaltung verbindet elegante Serif-Typografie mit einer warmen Cream- und Purple-Farbwelt (#FBFADA, #542582, #2E1D48). Der Hero nutzt ein cinematisches Video mit Poster-Fallback; Trust-Marquee, Statistik-Band, Preistabelle und Testimonials stärken Vertrauen. Floating Action Buttons für WhatsApp, Telefon und Google Maps halten Kontaktwege auf allen Breakpoints erreichbar.

SEO & Sichtbarkeit

Jede Seite erhält eigene Meta-Daten, Canonicals und OpenGraph-Bilder. Strukturierte Daten umfassen BeautySalon, WebSite, Service, FAQPage und Breadcrumbs. Geo-Metadaten, areaServed für Bad Ems und Koblenz sowie eine llms.txt-Datei unterstützen lokale und KI-gestützte Auffindbarkeit. Sitemap und robots.ts sind vollständig konfiguriert.

Buchung & Conversion

Die zentrale Conversion ist die Online-Terminbuchung über einen Cal.eu-Inline-Embed mit konfigurierbarem Kalender-Link; alternativ fängt ein Netlify-Formular Anfragen ab. „Termin buchen“-CTAs führen durch Hero, Leistungskarten, Preissektion und alle Behandlungs-Landingpages — für einen durchgängigen Buchungsfunnel.

Einblicke

Lady Vi — Website-Startseite auf Desktop-Monitor
Lady Vi — Tablet-Mockup mit Homepage im Lifestyle-Kontext
Lady Vi — Peelings-Seite auf Smartphone Mockup
Lady Vi — Tablet-Mockup mit Website im Studio-Ambiente
Lady Vi — Mobile Homepage auf iPhone Mockup