“Вектор F”: создали лендинг для контекстной рекламы

ЧТО БЫЛО НА СТАРТЕ

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

ЧТО МЫ СДЕЛАЛИ

Разработка структуры

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

Четкое позиционирование

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

Когда структура была согласована, мы запросили у клиента необходимую информацию и материалы для наполнения сайта: прайс-листы, фотографии, технические сведения о манипуляторах, контакты и так далее. После этого наша команда составила ТЗ на дизайн и разработку, где уже подробно расписала внешний вид и функционал блоков, расположение присланных материалов, а также указала отдельные пожелания заказчика. А подробнее о том, как мы пишем ТЗ для дизайнеров и разработчиков, можно узнать в наших отдельных блоговых статьях: тут и тут.

Дизайн и наполнение сайта

Главный посыл клиента заключался в том, что сайт должен отличаться от конкурентов. Поэтому мы провели повторный анализ значимых игроков на рынке спецтехники и оценили дизайн их сайтов. Исследование показало, что чаще в этой тематике используют желтые, коричневые, красные, оранжевые оттенки. Все они в той или иной степени присутствуют и на самой спецтехнике. Манипуляторы также бывают синих тонов, что тоже сказывается на оформлении арендных сайтов. Однако заказчик прямо обозначил, что не хочет задействовать все эти цвета. 

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

Когда мы согласовали общую визуальную концепцию и внешний вид всех блоков, можно было переходить к разработке сайта. В качестве CMS мы взяли Tilda — надежный фундамент для быстрого и недорого запуска блочных лендингов, который к тому же не нуждается в сложном администрировании. Добавив небольшие анимации к блокам, мы заполнили сайт контентом от заказчика: подгрузили в карточки изображения и цены, добавили данные о компании и так далее. Ну а дальше дело оставалось за малым: мы купили домен и подключили его к Tilda. После сдачи сайта наша команда перешла к другой важной задаче — запуску контекстной рекламы. Но об этом расскажем в следующий раз!

Ключевые пункты разработки