Сайт детейлинг-студии VinylProfi
О проекте
VinylProfi — студия детейлинга в Москве: оклейка кузова полиуретаном, матовые плёнки, смена цвета, антихром, бронирование и полировка фар. Студии был нужен сайт, который продаёт дорогую услугу. На нём должно быть видно качество работ, понятны цены и сроки, а записаться можно в пару касаний.
Мы сделали тёмный «премиальный» дизайн на шрифте Montserrat с золотыми и тёмно-синими акцентами. Сайт полностью управляется из админки.
Что на сайте
- Главная со слайдером работ, этапами, блоком «До / После», FAQ и призывом к записи
- 9 страниц услуг: описание, цена «от» или «после осмотра», сроки, галерея, этапы работ и FAQ
- Портфолио «Наши работы» с фильтрами по услуге и марке автомобиля
- Кейсы по каждой машине: фото до и после, этапы, использованные материалы
- Форма заявки с выбором услуги. Заявки приходят в Telegram и сохраняются в админке со статусами «Новая», «В работе», «Завершена», «Спам»
- Ограничение частоты заявок и защита от спама
SEO и скорость
- Уникальные title и description на каждой странице, шаблоны с городом, если в CMS поле пустое
- Микроразметка JSON-LD: Organization, AutoBodyShop с каталогом услуг, Service, FAQPage, Article с Car для кейсов, хлебные крошки
- Sitemap с картинками, robots.txt, Open Graph. Картинки для соцсетей генерируются автоматически
- Изображения отдаются в AVIF/WebP в нескольких размерах
- Lighthouse (мобильная версия): SEO, Accessibility и Best Practices — 100, Performance — 88–93, CLS — 0
Администрирование
- Админка Strapi 5 полностью на русском: услуги, работы, марки авто, отзывы, заявки, настройки сайта
- Телефон, адрес, соцсети, режим работы и коды Метрики меняются в одном месте
- Сайт обновляется сразу после публикации по вебхуку, пересборка не нужна
- Блок отзывов и рейтинг в микроразметке появляются только при наличии реальных отзывов
Технологический стек
- Next.js 16 (App Router), React, TypeScript
- Tailwind CSS v4, shadcn/ui
- Strapi 5 (Headless CMS), SQLite
- Telegram Bot API для заявок
