Май 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: премиальный интерфейс, чёткая конверсия в записи на процедуры и элементы доверия — кейсы «до и после», отзывы клиентов и прозрачный прайс.
Результат — быстрый, оптимизированный для поиска сайт по принципу mobile-first на ladyvi.beauty, готовый к локальной видимости и прямой онлайн-записи.
- Концепция и UX/UI (дизайн-система Cream/Purple, Switzer + Melodrama)
- Разработка на Next.js (App Router, Static Export)
- 10 лендингов процедур с FAQ и ценами
- Кейсы «до и после» (react-compare-slider)
- Мобильная оптимизация и производительность (видео на первом экране, prefers-reduced-motion, Safe Areas, FAB)
- Полная SEO-оптимизация (Meta/OG/Twitter, Sitemap, Robots, JSON-LD, геометаданные, llms.txt)
- Онлайн-запись (встроенный виджет Cal.eu + резервная форма Netlify)
- Медиапайплайн (импорт материалов клиента, Sharp/WebP, манифест галереи)
- Деплой на Netlify и редиректы со старых адресов (/hydrafacial/ → /aquafacial/)
Дизайн и навигация
Дизайн сочетает элегантную типографику с засечками и тёплую кремово-фиолетовую палитру (#FBFADA, #542582, #2E1D48). На первом экране — кинематографичное видео с постером на случай, если оно не загрузится; бегущая строка, полоса со статистикой, таблица цен и отзывы укрепляют доверие. Плавающие кнопки WhatsApp, телефона и Google Maps держат способы связи под рукой на экранах любого размера.
SEO и видимость
У каждой страницы свои метаданные, canonical и OpenGraph-изображения. Структурированные данные включают BeautySalon, WebSite, Service, FAQPage и Breadcrumbs. Геометаданные, areaServed для Бад-Эмса и Кобленца и файл llms.txt помогают находить сайт в локальном поиске и через ИИ-сервисы. Sitemap и robots.ts полностью настроены.
Запись и конверсия
Главная конверсия — онлайн-запись через встроенный виджет Cal.eu с настраиваемой ссылкой на календарь; запасной вариант — форма Netlify, которая принимает заявки. Кнопки «Записаться» проходят через первый экран, карточки услуг, раздел цен и все лендинги процедур — получается сквозная воронка записи.
Крупным планом
