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

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

🔵  Провели интервью с клиентом, изучили типовые проекты и цены.

🔵  Составили карту сценариев («семья хочет дом из бревна», «инвестор заказывает проект»).

🔵  Проанализировали 12 конкурентов, выделили лучшие решения.

🔵  Определили ЦА: частные клиенты, инвесторы, застройщики.

🔵  Создали «аватары клиента» (владелец участка, инвестор).

🔵  Сформировали «Чемодан знаний» с идеями для реализации.

Результат: исследование ЦА, анализ конкурентов, карта сценариев, 35 идей.

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

🔵  Изучили бриф и техническое задание.

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

🔵  Разработали текстовый прототип: заголовки, УТП, описания, призывы к действию.

🔵  Выбрали цветовую гамму (натуральные древесные тона, белый) и шрифты.

🔵  Подготовили ТЗ.

Результат: прототипы, готовое техническое задание.

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

🔵  Создали дизайн в стиле «натуральное дерево, уют».

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

🔵  Подобрали фотоконтент (реальные фото домов, этапы строительства).

Результат: дизайн‑макеты страницы.

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

🔵  Сверстали макет на HTML, CSS и JavaScript.

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

🔵  Обеспечили адаптивность для всех устройств.

Результат: готовая HTML‑страница.

Этап 5. Разработка (back‑end)

Что было сделано:

🔵  Шапка: логотип, о компании, контакты.

🔵  Первый экран: УТП.

🔵  Бесплатный выезд специалиста: форма заявки для получения заключения по выбору фундамента.

🔵  Шаг 1: расчет стоимости с формой заявки.

🔵  Шаг 2: бесплатный выезд на участок и форма заявки.

🔵  Шаг 3: разработка проекта дома.

🔵  Шаг 4: заключение договора.

🔵  Шаг 5: заготовка леса и производство домокомплекта.

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

🔵  Шаг 6: устройство фундамента.

🔵  Шаг 7: заезд домокомплекта.

🔵  Шаг 8: установка стенового комплекта и фото материалов.

🔵  Шаг 9: устройство крыши с фото материалов.

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

🔵  Отзывы клиентов.

🔵  Контакты: адрес, форма заявки.

🔵  Футер: логотип, о компании, телефон.

Результат: альфа‑версия лендинга.

Этап 6. Тестирование и запуск

🔵  Проверили работу кнопок и форм.

🔵  Протестировали адаптивность на 10+ устройствах.

🔵  Устранили баги, оптимизировали скорость.

🔵  Подключили Яндекс Метрику, запустили рекламный трафик.

Результат: готовый лендинг.