Разработка лендинга для производителя домов из бревна

Строительство дома — дорогая и ответственная покупка. Клиенту важно не просто увидеть красивые фотографии, а понять весь процесс: из чего строят, как рассчитывается стоимость, какие этапы проходят до сдачи объекта и почему компании можно доверять.

Компания Woodstock обратилась за лендингом, который должен показать проекты домов, объяснить преимущества финской технологии и привести пользователя к заявке на расчет стоимости.

Задача была собрать страницу, которая помогает потенциальному клиенту пройти путь от интереса к дому из бревна до первого обращения.

Woodstock — производитель домов из бревен по финской технологии.

Компания реализует проекты под ключ: от проектирования и подготовки домокомплекта до строительства и сдачи объекта. Основная аудитория — частные клиенты, владельцы участков, инвесторы и застройщики, которым важны надежность, понятная смета, визуальный результат и контроль этапов строительства.

Особенность ниши — длинный цикл принятия решения. Поэтому лендинг должен не только привлекать внимание, но и постепенно снижать тревожность клиента: показывать этапы, материалы, готовые дома, отзывы и удобные формы заявки.

• Наглядный процесс строительства. Клиент понимает, что происходит на каждом этапе и за что платит.

• Портфолио готовых домов. Реальные объекты помогают представить будущий результат и снижают сомнения.

• Преимущества финской технологии. Пользователь видит, чем дом из бревна отличается от альтернативных вариантов.

• Формы заявки в ключевых местах. Клиент может оставить обращение тогда, когда уже готов перейти к расчету.

• Бесплатный выезд специалиста. Это снижает барьер первого контакта и помогает начать диалог с клиентом.

• Адаптивность под все устройства. Лендинг удобно смотреть с телефона, планшета и компьютера.

• Подготовка под рекламный трафик. Страница должна принимать посетителей из поиска, соцсетей и рекламы и превращать их в заявки.

• Блоки доверия. Отзывы, фотографии домов и описание этапов помогают клиенту спокойнее принять решение.

Этап 1. Маркетинг

Собрали данные по принципу трех «К»: Компания, Клиенты, Конкуренты.

• провели интервью с клиентом

• изучили типовые проекты домов, цены и особенности строительства;

• разобрали преимущества финской технологии

• определили сильные стороны компании: строительство под ключ, понятная последовательность этапов, работа с домокомплектами, реальные фото готовых объектов

• составили карту пользовательских сценариев: «семья хочет дом из бревна для постоянного проживания», «владелец участка выбирает подрядчика», «инвестор заказывает проект для последующей продажи или аренды»

• определили целевую аудиторию:

• частные клиенты

• владельцы земельных участков

• семьи, которые планируют строительство загородного дома

• инвесторы

• застройщики

• создали 5 аватаров клиентов

• изучили потребности целевой аудитории: понять стоимость, увидеть готовые дома, разобраться в этапах, оценить материалы, получить консультацию до покупки

• выявили боли и страхи: непонятная смета, риск переплат, недоверие к подрядчику, страх затяжного строительства, сомнения в качестве материалов, отсутствие понимания сроков

• поняли, как закрывать эти боли через лендинг: показать этапы работ, добавить формы расчета стоимости, разместить портфолио, показать материалы и фотографии строительства, усилить страницу отзывами

• проанализировали 14 сайтов компаний по строительству деревянных домов

• выделили лучшие решения: пошаговая подача строительства, фото этапов, акцент на расчете стоимости, блоки с готовыми домами, формы для выезда специалиста

• собрали список из 37 идей для реализации

• исследование целевой аудитории

• анализ 14 конкурентов

• карта пользовательских сценариев

• список из 37 идей для реализации

• понимание ключевых страхов клиентов перед строительством

• структура лендинга, которая показывает процесс, усиливает доверие и ведет пользователя к заявке на расчет стоимости

Этап 2. Проектирование

Спроектировали лендинг и определили последовательность блоков.

Важно было выстроить страницу так, чтобы пользователь не просто посмотрел фотографии домов, а понял весь путь строительства: от первого расчета до готового объекта.

• Шапка

• Первый экран с УТП

• Бесплатный выезд специалиста

• Расчет стоимости

• Этапы строительства

• Преимущества домокомплектов

• Фото материалов

• Фотографии готовых домов

• Отзывы клиентов

• Контакты

• Футер

• форма заявки на расчет стоимости;

• форма заявки на бесплатный выезд специалиста;

• переходы к этапам строительства;

• фотогалерея готовых домов;

• блоки с фото материалов;

• контакты компании;

• кнопки для быстрого обращения;

• подготовка под Яндекс.Метрику и рекламный трафик.

Разработали ТЗ (техническое задание). Описали в нем функции непонятные из прототипов.

• прототипы лендинга

• готовое техническое задание

• стало понятно, как страница будет объяснять процесс строительства, показывать ценность компании и подводить клиента к заявке

Этап 3. Дизайн сайта

• создали дизайн в стиле «натуральное дерево, уют и надежность»

• разработали адаптивные макеты для планшета и смартфона

• подобрали фотоконтент: реальные фото домов, этапы строительства, материалы и готовые объекты

• Дизайн-макеты страницы, готовые к верстке. 

• Лендинг получил визуальную структуру, которая помогает клиенту представить будущий дом, понять процесс строительства и перейти к расчету стоимости.

Этап 4. Верстка

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

• сверстали лендинг на HTML, CSS и JavaScript

• обеспечили адаптивность для планшетов и смартфонов

• оптимизировали скорость загрузки всех элементов

• проверили корректную работу кнопок и форм заявок

• готовая HTML-страница 

• пользователю удобно изучать этапы строительства, смотреть фотографии домов и оставлять заявку с любого устройства

Этап 5. Разработка back-end

Собрали техническую основу лендинга и реализовали все блоки, которые нужны для презентации услуги и получения заявок.