Проектирование лендингов на Тильде

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

Сразу оговоримся — мы разделаем лендинги по типам задач:

Если нужна тестовая страничка для проверки гипотезы — можно сделать ее на конструкторе за 15 000 ₽. Мы недавно собирали такую страницу для проверки оффера:

Если нужен сайт для работы с платным трафиком в долгую — надо делать его через этап проектирования. Здесь значительно выше трудозатраты и чек приближается к 100-150 000 ₽. Пример — страница для российского производителя пластиковых труб:

Ниже пример того, как изменение конверсии сайта влияет на объем продаж при прочих равных. Предположим, что клиент изготавливает кровати из массива по индивидуальному заказу по цене 50 000 ₽.

На достаточных объемах трафика дорогая разработка посадочной страницы окупается за 1-3 месяца

Конечно каждый проект нужно рассматривать индивидуально. Кто-то делает дизайнерские кованые ворота, тратит на рекламу 20 000 ₽ в месяц и может окупить полгода рекламы одним заказом. Кто-то доставляет пиццу в пределах центра Кирова и получает 500-700 ₽ прибыли с одного заказа — в таком случае лучше развивать сайт постепенно внедряя небольшие доработки.

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

Шаг 1 — бриф
Стандартный список вопросов нужно адаптировать под каждый конкретный бизнес: у дилера металлообрабатывающих станков спросим про постпродажное обслуживание и преимущества перед сингапурскими аналогами, у производителя дизайнерской мебели — про сроки производства и партнерские программы для шоу-румов.

Примеры вопросов:

В 99% случаев после заполнения брифа нужна встреча для разбора уточняющих вопросов. Иногда нужно поговорить с представителями разных отделов, например, узнать в отделе продаж, какие вопросы включать в блок вопрос-ответ.

Шаг 2 — анализ конкурентов
После анализа внутренней среды компании переходим к изучению конкурентного окружения.

Что делаем:

• отбираем конкурентов для анализа;
  
  
• оцениваем уникальное торговое предложение каждого – это то, что выделяет продукцию/услугу компании на рынке, помогает отстроиться за счет позиционирования и ценности;
  
  
• оцениваем офферы — ключевые коммерческие предложения, которые привлекают пользователя совершить конверсионное действие;
  
  
• изучаем описание продукта и его ценности — как это доносится и раскрывается для потребителя;
  
  
• конверсионные элементы — как пользователь может оставить заявку или купить на сайте, как собираются данные пользователя для дальнейшей коммуникации.
  
  

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

Шаг 3 — проработка сценариев взаимодействия
Пользователь проходит путь от первого контакта до покупки, взаимодействуя с разными блоками и элементами сайта.

О чем тут стоит подумать:

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

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

Шаг 4 — формируем структуру и собираем прототип
На этом этапе мы собираем скелет лендинга, чтобы было понятно, что и как будет расположено, как это будет работать, чем это наполнить.

Что покажет прототип:

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

Прототип презентуется клиенту, если необходимо в него вносятся правки и итоговая версия передается для верстки.

Шаг 5 — готовим контент
Прототип дает исчерпывающее понимание того, чем будет наполнен сайт — именно структура определяет контент.

Что предоставляет заказчик:

• фактаж и ответы на вопросы исполнителя;
  
  
• фото и видео;
  
  
• брендбук/фирстиль;
  
  
• референсы.
  
  

Что делаем мы:

• пишем тексты;
  
  
• пишем текстовое окружение — названия кнопок, заголовки разделов;
  
  
• обрабатываем фото и видео;
  
  
• готовим графику — баннеры, иконки, инфографику.
  

Шаг 6 — сборка или верстка
После того, как готов прототип, мы может однозначно сказать, на какой CMS стоит собирать сайт — на конструкторе или полноценном движке. Сборка или верстка — почти финальный этап разработки, а не единственный, как можно подумать.

Что делаем:

• отрисовываем и верстаем страницы/собираем страницы;
  
  
• добавляем контент;
  
  
• дорабатываем адаптивную верстку.
  
  

Шаг 7 — интеграции и сервисы
В качестве финального штриха прорабатываем базовую веб-аналитику и дополнительные сервисы увеличения конверсии сайта.

Что можем настроить:

• онлайн-чаты,
  
  
• квизы,
  
  
• счетчики Яндекс-метрики и Гугл-аналитикс,
  
  
• сервисы коллтрекинг, имейлтрекинга.
  
  

Шаг 8 — запускаем лендинг
Этот этап обычно занимает 1-2 рабочих дня, но его ни в коем случае нельзя игнорировать.

Что делаем:

• тестируем формы и функционал;
  
  
• размещаем сайт на хостинге;
  
  
• привязываем домен.
  
  

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

Аккаунт-менеджер. На нем большая часть коммуникаций с заказчиком.

Аккаунт запланирует встречи, задаст вопросы, поработает с документами, скоординирует работу команды и проверит результат, прежде чем отправить на согласование.

Маркетолог-аналитик. Это главный человек в проектировании.

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

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

Дизайнер. Работает по ТЗ маркетолога-аналитика.

Верстает страницы и собирает адаптив, готовит визуалы — баннеры, иконки, инфографику, приводит в порядок фото- и видео-контент.

Редактор. Превращает наброски с прототипа в качественный текст.

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

Программист. Устанавливает и настраивает дополнительный функционал.

На лендингах чаще всего это онлайн-чаты, формы обратной связи, поп-апы, интеграции с мессенджерами и CRM.

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

Процесс создания посадочных страниц на долгосрочную перспективу — это куча работы: 70% времени мы думаем, 30% времени собираем сайт.

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

Трудозатратная разработка имеет смысл, если будет окупаться и не «съест» бюджет небольшого бизнеса на 3 месяца продвижения. Целесообразность нужно оценивать по каждому проекту индивидуально — мы готовы помочь.