травень 2026 – розробка сайту, SEO та система онлайн-запису
Lady Vi
Послуги
Розробка сайту, SEO-оптимізація та онлайн-запис
Клієнт
Lady Vi — косметологічна студія, Бад-Емс
Дата
травень 2026 — сайт запущено
Технології
Next.js 15 · React 19 · Tailwind CSS v4 · Framer Motion · Cal.eu · Netlify · schema-dts
Краса, що захоплює, — у цифровому втіленні.
Lady Vi — студія естетичної косметології в Бад-Емсі та Кобленці з понад 8-річним досвідом власної практики. Студія пропонує десять професійних процедур — від Aquafacial і хімічних пілінгів через мікронідлінг і програми проти акне до антивікового догляду та ліфтингу вій — із використанням веганської та біосертифікованої косметики Esse.
Завдання: перенести наявний сайт із WordPress у сучасний статичний вебсайт на Next.js із преміальним UI, чіткою конверсією в записи на процедури та елементами довіри, як-от кейси «до/після», відгуки клієнтів і прозорий прайс.
Результат — швидкий, оптимізований для пошуку сайт на ladyvi.beauty, зроблений за принципом mobile-first і готовий до локальної видимості та прямого онлайн-запису.
- Концепція та UX/UI (дизайн-система Cream/Purple, Switzer + Melodrama)
- Розробка на Next.js (App Router, статичний експорт)
- 10 лендингів процедур із FAQ і цінами
- Кейси «до/після» (react-compare-slider)
- Мобільна оптимізація та швидкодія (відео на першому екрані, prefers-reduced-motion, safe areas, FAB)
- Повна SEO-оптимізація (Meta/OG/Twitter, карта сайту, robots, JSON-LD, геометадані, llms.txt)
- Онлайн-запис (вбудований віджет Cal.eu + резервна форма Netlify)
- Конвеєр обробки медіа (імпорт матеріалів клієнта, Sharp/WebP, маніфест галереї)
- Деплой на Netlify і переадресації зі старих URL (/hydrafacial/ → /aquafacial/)
Дизайн і шлях користувача
Дизайн поєднує елегантну типографіку із засічками з теплою кремово-фіолетовою палітрою (#FBFADA, #542582, #2E1D48). На першому екрані — кінематографічне відео з постером як резервним варіантом; бігучий рядок із сигналами довіри, смуга статистики, таблиця цін і відгуки зміцнюють довіру. Плаваючі кнопки для WhatsApp, телефону й Google Maps тримають контакти під рукою на екранах будь-якої ширини.
SEO та видимість
Кожна сторінка має власні метадані, canonical і зображення OpenGraph. Структуровані дані охоплюють BeautySalon, WebSite, Service, FAQPage і Breadcrumbs. Геометадані, areaServed для Бад-Емса й Кобленца та файл llms.txt підтримують видимість у локальному пошуку та в пошуку на основі ШІ. Карту сайту й robots.ts повністю налаштовано.
Запис і конверсія
Головна конверсія — онлайн-запис через вбудований віджет Cal.eu з налаштовуваним посиланням на календар; як запасний варіант запити приймає форма Netlify. Кнопки «Записатися» є на першому екрані, у картках послуг, у розділі цін і на всіх лендингах процедур — так утворюється наскрізна воронка запису.
Великим планом
