Клиентский проект
Svoydom — лендинг «Построй свой дом за миллион»
Технологии
WordPressPHPjQueryCSS AnimationsMySQL
Услуги
- →UX-прототипирование и конверсионная архитектура
- →UI-дизайн — эстетика промо-лендинга
- →HTML/CSS-вёрстка
- →Front-end разработка (таймер обратного отсчёта, галерея-лайтбокс, адаптивная вёрстка)
- →Интеграция с CMS WordPress и кастомная тема
- →Форма захвата заявок с запросом обратного звонка
- →SEO-копирайтинг
Результаты
- ✓Одностраничный маркетинговый лендинг, охватывающий всю конверсионную воронку
- ✓Фотогалерея готовых объектов с зумом в лайтбоксе
- ✓Таблица конкурентных преимуществ в сравнении со средним по рынку
- ✓Живой таймер обратного отсчёта акции
- ✓Форма заявки на обратный звонок — имя и телефон, работает 24/7
- ✓Полностью редактируется через админ-панель WordPress
Путь клиента
- Первый экран — оффер считывается мгновенно. Посетитель попадает на страницу и видит крупный заголовок: «Построй свой дом за миллион!» Таймер обратного отсчёта, показывающий, сколько дней осталось до окончания бонусной акции (бесплатная скважина при каждом заключённом договоре), создаёт ощущение срочности. Компактная форма заявки — только имя и телефон — расположена прямо в первом экране. Решение заполнить её доступно ещё до первой прокрутки.
- Что входит в цену — снимаем ценовой шок. Следующий раздел перечисляет, что именно клиент получает за эту цену: каркасный дом под ключ, немецкий фундамент на стальных сваях, канадскую технологию деревянного каркаса, кровлю из металлочерепицы, чистовую отделку, водопровод, отопление и электрику. Восемь позиций, ноль скрытых доплат. Посетитель переходит от «слишком дёшево, чтобы быть правдой» к «я точно понимаю, что покупаю».
- Галерея готовых домов — доказательство через фото. Фотосетка завершённых объектов показывает реальные дома, а не рендеры. Чёрно-белая обработка с появлением цвета при наведении добавляет визуальный интерес, оставляя фокус на самих постройках. Клик по любому фото открывает полноэкранный лайтбокс. Галерея передаёт качество строительства быстрее любого текстового отзыва.
- Почему мы — таблица сравнения. Структурированная таблица противопоставляет предложение компании рынку: цена за квадратный метр, тип фундамента, материал стен, срок гарантии, сроки строительства и что входит в базовую комплектацию. Конкуренты представлены одним столбцом «среднее по рынку». Посетителю не нужно ничего изучать — ответ уже на экране.
- Вторая галерея — глубина проекта. Второй блок изображений показывает интерьеры и процесс стройки — этапы возведения каркаса, утеплённые стены, готовые комнаты. Это отвечает на следующее возражение: «А будет ли это ощущаться как настоящий дом?» Ответ визуальный и мгновенный.
- CTA в середине страницы — бронирование без давления. Кнопка «Забронировать место» ведёт к форме заявки, а не к номеру телефона. Никаких обязательств, звонить не нужно. Текст подаёт это как бронирование места в очереди на строительство — что соответствует действительности и звучит конкретнее шаблонного «получить расчёт».
- Отзывы клиентов — живое доказательство в точке принятия решения. Фотографии реальных покупателей сопровождают короткие отзывы. Лица рядом с именами делают отзывы убедительными. Этот раздел появляется прямо перед финальным контактным блоком, когда посетитель делает последнюю оценку перед действием.
- Отсчёт акции — финальный слой срочности. Бонусное предложение снова появляется внизу с живым таймером обратного отсчёта. Посетители, пролиставшие всю страницу и так и не оставившие заявку, видят часы и получают напоминание: бесплатная скважина исчезнет в конкретную дату.
- Контакты и карта — замыкаем цикл. Полные контактные данные компании, встроенная карта и форма обратного звонка размещены в подвале. Посетителю, готовому действовать, всё нужное доступно без возврата наверх.
До и после
| До | После |
|---|---|
| ✗ Нет присутствия в интернете — заявки приходили только из печатной рекламы и по рекомендациям | ✓ Лендинг принимает органический и платный трафик 24/7 без участия человека |
| ✗ Ценовое возражение отрабатывалось по телефону — высокое трение, низкая конверсия | ✓ Блок «Что входит в цену» снимает ценовое возражение ещё до того, как посетитель возьмёт трубку |
| ✗ Готовые объекты существовали только в телефоне у собственника — были невидимы для потенциальных клиентов | ✓ Фотогалерея реальных построенных домов с зумом в лайтбоксе даёт визуальное доказательство качества стройки |
| ✗ Клиентам приходилось самим сравнивать варианты по множеству источников | ✓ Таблица конкурентных преимуществ сравнивает компанию со средним по рынку на одном экране |
| ✗ Чтобы получить расчёт, нужно было звонить в рабочие часы | ✓ Форма обратного звонка (имя + телефон) работает круглосуточно — заявку можно оставить без звонка |
| ✗ Об акциях сообщали устно — их легко пропустить и легко забыть | ✓ Живой таймер обратного отсчёта превращает ограниченный по времени бонус в наглядный драйвер конверсии |
| ✗ Нет социального доказательства — покупатели не могли увидеть, что кто-то уже прошёл этот путь | ✓ Реальные фото клиентов и отзывы появляются в точке принятия решения, прямо перед финальным CTA |
Показатели
1 страница
вся воронка от первого экрана до заявки — навигация не нужна
8 пунктов
явно перечисленных в оффере позиций — без скрытых доплат
2 галереи
показаны экстерьеры и интерьеры — визуальное доказательство до CTA
Живой таймер
отсчёт акции создаёт измеримую срочность при каждом визите
2015
реализовано на WordPress с кастомной темой и захватом заявок
24/7
форма обратного звонка автоматически собирает заявки вне рабочих часов
Макет страницы
Полный макет страницы — нажмите для увеличения
Открыт для работы по контракту
Я доступен для работы по контракту. Если у вас есть интересная идея проекта — запишитесь на звонок через Calendly.
Записаться на 30-минутный звонок