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

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

Задача по разработке лендинга по строительству домовом – довольно востребованная услуга. Этот рынок высококонкурентен, на просторах интернета можно встретить большое количество сайтов и лендингов из данной тематики. 

Многие лендинги объединят одинаковый подход по стилю и оформлению.

Мы постарались отойти от стандартных решений в стиле русского беханса и сделали лаконичный, стильный и современный сайт по строительству домов. 

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

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

Копирайтер на основе задания от маркетолога составляет под блоки лендинга готовый текст. Текст отвечает на вопросы пользователя и побуждает его совершить целевое действие. 

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

Вернемся к нашему примеру.

Проект выполнен в темных тонах, это решение позволяет представить 3D-визуализации домов более ярко. Иллюстрации необходимо представить в таком виде, чтобы пользователь захотел жить в доме из 3D-визуализации и представил себя в интерьере дома. Теплые, светлые, уютные примеры проектов — это очень важно.

На первом экране лендинга использована анимация для лучшего представления проектов. Краткий и понятный оффер помогает пользователю сориентироваться в предложении. 

Так же на первом экране предусмотрено место для размещения сезонных акций и предложений.

На втором экране УПТ  и примеры проектов, подробная информация представлена в отдельном окне. Для удобства пользователя предусмотрена возможность скачивания информации по проекту прямо с лендинга. 

Презентация для скачивания выполнена с стиле сайта и не выбивается из общего дизайна.

Подробная информация ( про стройматериалы, отопление, сроки, дополнительные услуги)  представлена в текстовых блоках и блоке «ответы на вопросы».  Каждый блок лендинга завершает кнопка с призывом к действию. 

Отдельное внимание мы уделили блоку с этапами работы по строительству домов. Было важно отразить простоту и скорость работу, поэтому мы упаковали этапы всего в три пункта. И подкрепили схему кнопкой с призывом к действую.

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