«Кроха и Я» — лендинг для детского массажа

Заказчик — специалист по детскому массажу с частной практикой. Был сайт на конструкторе, который медленно грузился, плохо отображался на телефонах и не индексировался поисковиками. Нужно было создать быстрый, современный лендинг, который будет привлекать клиентов через поиск и соцсети.

Требования:

• Простая и понятная структура — за 10 секунд посетитель понимает, кто, что делает и сколько стоит
• Форма записи на массаж с уведомлениями в Telegram
• Адаптивность — основной сценарий просмотра с телефона
• Быстрая загрузка — не терять трафик из-за тормозов
• SEO-база — чтобы сайт находили по запросам «детский массаж [город]»
• Возможность самостоятельно менять тексты и фото без программиста

1. Структура и тексты

Сначала спроектировал структуру лендинга. Главный экран с фото специалиста и УТП, блок услуг с ценами, информация о методике, отзывы родителей, форма записи и контакты. Помог заказчику с текстами — сформулировал чёткие заголовки и описания.

2. Дизайн

Выбрал спокойную, доверительную цветовую гамму. Мягкие оттенки, приглушённые акценты, много воздуха. Дизайн должен ассоциироваться с заботой и профессионализмом, а не с навязчивым маркетингом.

3. Верстка

Ручная вёрстка HTML/CSS/JS без фреймворков и конструкторов. Mobile-first подход — сначала мобильная версия, потом десктоп. Использовал CSS Grid и Flexbox, CSS-переменные для единообразия.

4. Анимации

Плавные появления блоков при скролле, hover-эффекты на кнопках и карточках. Без тяжёлых библиотек — только CSS transitions и лёгкий JS. Сайт работает плавно даже на бюджетных телефонах.

5. Форма записи

Простая форма: имя ребёнка, возраст, контакт родителя, выбор услуги. Заявка уходит через Formspree и дублируется в Telegram. Валидация полей, сообщение об успешной отправке.

6. SEO

Правильная структура заголовков (H1-H3), meta description, Open Graph, Schema.org, sitemap.xml. Технически сайт готов к индексации.

7. Запуск

Деплой на хостинг, подключение домена baby-massage05.ru, настройка SSL, тестирование на реальных устройствах.