всегда готовы ответить
на ваши вопросы
Разработка посадочной страницы — глобальная задача. В Информбоксе ее решают сразу несколько специалистов, которые должны учитывать кучу нюансов. Важно ничего не упустить — эффективность и конверсия зависят от малейших деталей.
В рамках спецпроекта «Агентство в фокусе» мы делаем редизайн своего сайта — обновляем старые страницы, дорабатываем структуру и создаем новые посадочные. Существуют разные подходы к разработке страниц. Мы расскажем о своем, не углубляясь в нюансы каждого этапа, покажем весь процесс, от идеи до проверки трафиком. В качестве примера возьмем блок из 6 страниц для тарифов на SEO-продвижение, одну из которых мы разработали и опубликовали за 8-й спринт.
- S. Как мы и предполагали, выкраивать время на свой проект оказалось непросто. Поэтому вопрос оптимизации процессов и экономии времени стоит остро. Заодно расскажем, как мы решаем эту проблему при работе над структурой и страницами сайта.
Формулируем задачи
Заказывая услугу «SEO-продвижение» в Информбоксе, клиент может выбрать один из 6 тарифов. Они отличаются объемом работ, стратегией и ценой. Чтобы посетителям сайта было проще понять, какое предложение лучше подойдет для их проектов, нужно дать как можно больше информации о каждом тарифе. Расписывать подробности на основной странице услуги нельзя – читатель запутается в избытке информации и сделает неправильные выводы. В худшем случае — просто уйдет. Вот почему мы решили создать отдельный лендинг для каждого тарифа.
Суть каждого тарифа изложена емко, чтобы читатель не запутался
Задача отдельных страниц – подробно рассказать о процессе и помочь выбрать подходящий тариф.
В целом у нас три гипотезы, которые проверим после запуска трафика:
- Клиентам будет интересно почитать о каждом тарифе, сравнить их между собой и разобраться в работе агентства. Это увеличит вовлеченность пользователей и глубину просмотра страниц.
- Мы дадим потенциальному клиенту исчерпывающую информацию о тарифе. У читателей останется меньше сомнений, и конверсия повысится.
- Чем больше страниц, тем больше ключевых запросов можно использовать. Сайт поднимется в выдаче и получит больше поискового трафика.
Подготовка
Читатель видит только конечный результат: дизайн и текст лендинга, но это лишь вершина айсберга. На подготовку обычно уходит больше времени, чем на сборку страницы.
Первым делом определяем цели: получить контакты потенциального клиента, в идеале – убедить его оставить заявку. Для этого мы используем:
- контент — раскроем суть услуги, расскажем, зачем клиенту она нужна и почему нужно заказать у нас;
- дизайн — подчеркнем важные факты и нюансы;
- юзабилити — сделаем простые и понятные формы захвата.
Чтобы результат был лучше, делаем маркетинговый анализ:
- Изучаем целевую аудиторию: определяем критерии выбора, узнаем, какая информация их интересует, какие вопросы и сомнения возникают чаще всего. Благодаря этому мы рассказываем об услуге на языке ЦА и обрабатываем их возражения, делая текст более убедительным.
- Анализируем предложения конкурентов и выявляем наши преимущества, чтобы подчеркнуть их.
Все это не сработает, если изначально неправильно позиционироваться. Нужно четко понимать, кому мы предлагаем продукт и какие задачи он решает.
На подготовительном этапе мы создаем структуру будущей страницы: решаем, какие блоки ставить и насколько подробно описывать каждый из них.
Разработка
На этапе подготовки мы создали структуру и решили, в каком блоке о чем будем рассказывать. Тогда же появились предварительные наброски текста.
Получаем структуру страницы с черновиком текста
На странице каждого тарифа мы рассказываем, как работает стратегия, кому стоит ее выбирать, и когда клиент получит первые результаты.
Клиенту важно понимать, когда ждать результатов SEO-продвижения
Когда мы пробовали сократить время разработки за счет экспорта кода с Тильды, то сначала собирали прототип страницы, а потом уже по готовым блокам писали текст. Автору приходилось брать за основу структуру блоков, а не факты и потребности потенциальных клиентов в информации. С таким подходом есть риск упустить важные детали, не рассказать что-то важное или рассказать так, что читатель не поймет.
Теперь делаем наоборот: сперва продумываем структуру и пишем текст, а после – делаем прототип, рисуем дизайн, если надо, и собираем страницу.
Дизайн сделали в стиле всего сайта – в красно-белых тонах. Часть элементов вроде логотипа, блока с отзывами и кейсов позаимствовали с других страниц, а некоторые нарисовали с нуля.
Для тарифа «Продвижение по позициям» получился такой прототип. На его верстку ушло 6 часов. Остальные страницы сверстали быстрее, так как просто копировали эту и заменяли текст.
Пускаем трафик
Чтобы попусту не тратить рекламный бюджет, перед запуском кампаний настроили цели в Google Analytics. Так мы отследим действия посетителей и узнаем, какие элементы страницы им нравятся, а какие – отталкивают. Если подозреваем, что потенциальным клиентам что-то не нравится, мы быстро меняем эту часть страницы и продолжаем тестировать.
Не меняйте несколько элементов одновременно: так вы не узнаете, какое изменение повлияло на поведение посетителей.
После настройки целей запустили трафик на страницы. Решили использовать канал, с которым умеем работать лучше всего — контекстную рекламу. Подробно на процессе настройки кампаний останавливаться здесь не будем — мы уже рассказывали об этом в рамках «Агентство в фокусе» в спецвыпуске прошлого спринта «Настраиваем кампанию в Директе: наш подход и чек-лист».
Выводы
Чтобы сэкономить ресурсы, мы пробовали собирать прототипы на Тильде и экспортировать код на сайт, но этот подход нам не подошел. Возникла куча проблем, на исправление которых ушло бы больше времени, чем на верстку страницы с нуля. Подробнее об этом читайте в статье «Переносим страницу с Тильды на сайт: наш опыт, сложности и советы».
Маленькая хитрость
В рамках спецпроекта «Агентство в фокусе» нам приходится разрабатывать много лендингов одновременно. Чтобы сэкономить время и деньги, мы создали набор стандартных блоков. Мы просто подстраиваем их под каждую задачу: располагаем их в нужном порядке и меняем контент. Подробнее можно почитать тут. Этот вариант оказался оптимальным, потому что так мы одновременно экономим время и соблюдаем единообразие страниц услуг — все посадочные получаются выдержанными в едином стиле.
Процесс сократился до 5 этапов:
- Определяем цели
- Прорабатываем структуру
- Пишем заголовки и тексты
- Выбираем блоки
- Собираем страницу
Дизайнера привлекаем, только когда нужно нарисовать что-то нестандартное. Собирают страницы начинающие верстальщики, а более опытные специалисты освобождаются для других задач.
Мы дорабатываем этот подход и придумываем новые способы ускорения процесса без потери качества. Не пропускайте новые статьи рубрики «Агентство в фокусе», чтобы узнать о результатах!