May 2026 – Website development, SEO & booking system
Lady Vi
Service
Website development, SEO & online appointment booking
Client
Lady Vi — beauty studio, Bad Ems
Date
May 2026 — launched
Technology
Next.js 15 · React 19 · Tailwind CSS v4 · Framer Motion · Cal.eu · Netlify · schema-dts
Beauty that inspires — brought online.
Lady Vi is an aesthetic beauty studio in Bad Ems and Koblenz with more than 8 years of experience in its own practice. The range covers ten professional treatments — from Aquafacial and chemical peels to microneedling, acne programs, anti-aging and lash lifts — with vegan, certified organic Esse products.
The brief: move the existing WordPress site to a modern, static Next.js website — with a premium UI, a clear conversion path to appointment bookings and trust elements such as before/after cases, client testimonials and a transparent price overview.
The result is a fast, search-engine-optimized, mobile-first website at ladyvi.beauty — ready for local visibility and direct online bookings.
- Concept & UX/UI (cream/purple design system, Switzer + Melodrama)
- Next.js development (App Router, static export)
- 10 treatment landing pages with FAQ & prices
- Before/after case studies (react-compare-slider)
- Mobile optimization & performance (hero video, prefers-reduced-motion, safe areas, FAB)
- Complete SEO optimization (meta/OG/Twitter, sitemap, robots, JSON-LD, geo metadata, llms.txt)
- Online appointment booking (Cal.eu inline embed + Netlify form fallback)
- Media pipeline (client import, Sharp/WebP, gallery manifest)
- Netlify deployment & legacy redirects (/hydrafacial/ → /aquafacial/)
Design & user guidance
The design pairs elegant serif typography with a warm cream and purple palette (#FBFADA, #542582, #2E1D48). The hero uses a cinematic video with a poster fallback; a trust marquee, a statistics band, a price table and testimonials build trust. Floating action buttons for WhatsApp, phone and Google Maps keep every contact option within reach at every breakpoint.
SEO & visibility
Every page gets its own metadata, canonicals and OpenGraph images. The structured data covers BeautySalon, WebSite, Service, FAQPage and breadcrumbs. Geo metadata, areaServed for Bad Ems and Koblenz and an llms.txt file support local and AI-driven discoverability. The sitemap and robots.ts are fully configured.
Booking & conversion
The central conversion is online appointment booking via a Cal.eu inline embed with a configurable calendar link; as an alternative, a Netlify form catches inquiries. “Book an appointment” CTAs run through the hero, service cards, pricing section and every treatment landing page — for a seamless booking funnel.
A closer look
