Лендинг на Tilda — заказать и получать клиентов
Задача лендинга — приносить заявки и лиды. Чтобы он выполнял эту задачу, нужно убедить вашу целевую аудиторию в том, что вы решите их проблемы.
Мы знаем, как сделать landing page под ключ. Тильда нам в этом поможет.
Узнайте всё о нашем подходе за 8 минут
Узнайте стоимость и получите консультацию маркетолога
Выясним задачу → Ответим на вопросы → Предложим оптимальное решение → Дадим два варианта цены
Разработка сайтов на Тильде. Наш подход
Вы поймёте, как мы выстраиваем все процессы от заявки до результата и что вы получите на выходе после каждого этапа разработки сайта на Tilda.
ОГЛАВЛЕНИЕ
Начинаем погружаться в бизнес и создаём подробную структуру сайта
Цель структуры — разобраться в задаче, продумать основные смыслы, которые будут заложены в сайт и зафиксировать с вами точный бюджет на весь проект.
СТРУКТУРА САЙТА
Этап №1
Проводим интервью на 1-1,5 часа
Выясняем, для каких целей нужно создать сайт, чего вы хотите достичь с его помощью. Находим сильные стороны вашего бизнеса. Обсуждаем вашу целевую аудиторию и что для неё важно. Изучаем до 3 ключевых конкурентов.
№ 1
Автор задаёт много вопросов о компании и продукте. А потом создаёт структуру сайта.
Клиент развёрнуто отвечает на вопросы.
№ 2
Создаём структуру сайта
После интервью в течение 2 рабочих дней создаём подробную поблочную структуру сайта: какие смыслы и в каком порядке доносим до аудитории. Презентуем её вам, если нужно, вносим корректировки и презентуем ещё раз.
№ 3
Утверждаем и переходим к прототипу
После утверждения структуры, делаем расчёт стоимости всего проекта целиком — за прототип и дизайн. Цена разработки сайта точно не изменится в процессе. Если не пройдём в ваш бюджет, структуру можно будет немного сократить. Подписываем договор на прототип и назначаем ещё интервью.
Подписываем каждый экран и нумеруем его, чтобы потом было удобно делать расчёт стоимости.
Описание экрана включает: о чём будем говорить, на какие вопросы отвечать и как примерно иллюстрировать.
Фиксируем условия работы. Туда входит описание того, какие технические возможности будут использоваться, что предоставляет заказчик, а что делаем мы.
Прописываем стоимость данного этапа и как именно происходит оплата работы.
Самая важная часть приложения. Фиксируем все сроки. Закладываем и на вашу обратную связь, за счёт этого мы всегда сдаём работу вовремя или раньше. А на случай ошибок есть штрафы.
Проводим большое интервью в зуме. Обычно на связи: клиент, менеджер проекта и автор/маркетолог.
Пример структуры, которую вы получите на выходе. Обычно, это документ на 3-6 страниц.
Вырезка из приложения к договору. В приложениях прописаны все условия по конкретному этапу.
РЕЗУЛЬТАТ СТРУКТУРЫ
Зафиксирована стоимость и понятно смысловое содержание сайта
Проводим подробный аудит вашего бизнеса, конкурентов и клиентов
Задача аналитики — понять, в чём вы классные, как показать вас лучше конкурентов и что важно для ваших клиентов.
БИЗНЕС-АУДИТ
Этап №2
Находим вашу силу
Проводим 1-2 больших интервью голосом или текстом от 1 до 4 часов. На них задаём до 200 вопросов про ваши бизнес-процессы. Выясняем на каких этапах и каким образом с вами взаимодействуют клиенты, чтобы понять, как вы решаете их проблемы.
№ 1
Первая итерация вопросов. В неё входит от 20 до 50 вопросов. Первое интервью занимает от 1 до 2 часов.
Пример вопросов и тем для обсуждения, которые мы затрагиваем на интервью
После того, как мы с вами обсудили первую часть вопросов — есть вторая, а иногда и третья итерация. На них мы обсуждаем ту информацию, которую получили в первый раз. По времени занимает от 1 до 2 часов.
Помимо вопросов про ваш бизнес, спрашиваем про конкурентов и клиентов. Обсуждаем крутые решения, которые подсмотрели у конкурентов.
Спрашиваем о продукте и о том, что в нём важно для потребителя, чтобы понять, как побудить клиента захотеть его купить. Находим все сильные стороны вашего бизнеса, формулируем из них предложение, которое попадёт точно в клиентский запрос.
Отстраиваемся от конкурентов
Изучаем до 10 ваших прямых и косвенных конкурентов. Анализируем их по таким показателям: уникальное предложение, сильные стороны, слабости, качество дизайна, лидмагниты. Это нужно, чтобы понять, за счёт каких текстов и дизайна мы сможем их победить и как клиент поймёт, что нужно покупать у вас, а не у ваших конкурентов.
№ 2
Категории, по которым будет проходить аналитика конкурентов. Они бывают разными, в зависимости от ниши.
Пример таблицы сравнения конкурентов
Комментарии по каждому из конкурентов к категориям. Это документ для внутренней работы, поэтому комментарии часто понятны только редактору.
Убеждаем клиентов оставить заявку
Вытаскиваем все потребности, проблемы, запросы, возражения и вопросы, которые есть у клиента по отношению к вашему продукту, сервису или компании. Выясняем, что для клиентов важно и как они принимают решение о покупке. Изучаем это по одному по нескольким источникам, в зависимости от задачи: интервью с собственником; профильные ресурсы; форумы и сообщества; комментарии в соц. сетях; агрегаторы отзывов и так далее.
№ 3
Пример проблем целевой аудитории, которые мы выявили на этапе анализа в нише подбора персонала.
Пример формирования ключевого предложения компании на основании изучения целевой аудитории
Это нужно, чтобы: убедить клиента в том, что вы понимаете его потребность и сможете экспертно её закрыть; вызвать доверие к вам, как эксперту и продавцу; чтобы писать заголовки и тексты, в которых клиент будет узнавать себя и отвечать себе внутренне «да, это про меня, ребята знают, что делают».
Пример заголовка, который сразу показывает, что мы понимаем проблемы посетителя и знаем как их решить. Здесь важно точное попадание.
После того, как мы показали посетителю, что понимаем его — призываем оставить заявку на подбор.
РЕЗУЛЬТАТ АНАЛТИТИКИ
Мы знаем, почему клиент должен заплатить именно вам
Пишем текст и делаем прототип, который убедит потенциального клиента
Задача прототипа — привести посетителя к заявке, за счёт отработки всех возражений и ответов на все вопросы.
ПРОТОТИП
Этап №3
Пишем текст, который снимет возражения и ответит на вопросы
Мы проанализировали, что важно для клиента и как он принимает решение о покупке. Теперь пишем текст, который даст посетителю понять, что здесь его понимают и могут решить его задачу или проблему. Для этого нужно ответить на внутренние вопросы и возражения посетителя.
№ 1
Пример: таксист выбирает, через какого посредника подключиться к агрегатору такси. Внутри у него есть ряд вопросов, которые ему важно выяснить. Типа «Как я смогу выводить заработок?». Мы это знаем и показываем ему два варианта вывода денег — через приложение или напрямую на карту.
Пример того, как мы отвечаем на вопросы вашей целевой аудитории и отрабатываем их возражения
Пример: «У всех есть скрытые комиссии». Чтобы его убедить в обратном мало просто сказать, что у нас их нет. Мы открыто показываем все 3 комиссии, которые в принципе бывают в нише.
Делаем иллюстрации, которые помогут понять суть даже без текста
Убедить человека и продать ему может даже просто текст на листе а4. Но если мы покажем суть с помощью говорящей фотографии или иллюстрации, посетитель сможет понять смысл быстрее. Важно, чтобы схема, фотография или иллюстрация передавали суть текста, а не просто украшали его.
№ 2
Пример схемы, которая иллюстрирует одно из преимуществ
С такой схемой необязательно читать текст. Сразу становится очевидно преимущество — первый кандидат через 2 дня.
Создаём прототип, следуя по которому клиент скажет «да, беру!»
Упаковываем текст и иллюстрации в логичный прототип, который последовательно ответит на все вопросы. 80% посетителей не читают тексты больше, чем на 20%. Первые 2-4 экрана самые важные, поэтому сначала отрабатываем самые целевые возражения и вопросы.
№ 3
Пример части прототипа. Полностью можно посмотреть здесь.
Пример прототипа, который мы согласуем с заказчиком. На нём показываем весь текст, порядок блоков, лидмагниты и важные акценты. На этом этапе утверждаем полностью смысловую часть.
Чтобы человек оставил заявку, нужно призвать его к этому в правильном месте и с правильным посылом: не стоит на первом экране сразу предлагать купить, клиент ещё недостаточно верит вам. А вот как нужно: рассказали про врача, его опыт, компетенции и только после этого предлагаем записаться к нему не приём.
Презентуем прототип и объясняем, почему он сделан именно так
Когда прототип готов — созваниваемся с вами на 30 минут, показываем его по видео и презентуем. Рассказываем, в каком блоке и какие возражения отрабатываем. Показываем, почему именно здесь нужен лидмагнит. Отвечаем на все ваши вопросы. Если нужно, вносим корректировки.
№ 4
РЕЗУЛЬТАТ ЭТАПА
Прототип с готовым текстом и призывами, который побуждает оставить заявку
Делаем дизайн, который побуждает нажать на кнопку и оставить заявку
Задача дизайна — создать настроение, выделить вас среди конкурентов, зацепить взгляд и с помощью акцентов подвести человека к клику на кнопку.
ДИЗАЙН
Этап №4
Подбираем визуальные примеры, чтобы выяснить ваши ожидания
Дизайн должен выполнять маркетинговые задачи, а не быть «красивым». Но важно, чтобы он отражал суть бизнеса и основателя. Поэтому мы подбираем до 10 подходящих по стилистике примеров, чтобы понять: какая вёрстка вам больше нравится, какие цвета, шрифты или кнопки. Это нужно, чтобы ваши ожидания сходились с тем что получится на выходе.
№ 1
Собираем примеры в разной стилистике, чтобы понять, что вам нравится, а что не нравится. Стараемся присылать ссылки на рабочие сайты, а не на картинки, чтобы было нагляднее.
Пример документа с визуальными примерами
Иногда обсуждаем примеры текстом. В таком случае отправляем документ со ссылками, в котором вы оставляете свои комментарии.
Выбираем подходящую стилистику, которая привлечёт внимание
Ключевая задача дизайна — отстройка от конкурентов. Подбираем цвета, элементы и формы так, чтобы визуально выделиться среди них. Если у всех сайты синие — добавим элементы красного цвета, чтобы человек обратил внимание именно на вас. Всё в рамках разумного: цвета, шрифты и картинки будут соответствовать тематике. Если вы продаёте услуги юриста, радужные иллюстрации не нужны.
№ 2
В кадровых агенствах основная часть конкурентов в зелёных или синих оттенках. Они довольно простые и похожие друг на друга.
Пример усредненного варианта визуалки конкурентов — сверху. И свежий, более современный дизайн нашего заказчика — снизу.
Делаем красный цвет, который подходит по духу молодой компании. Создаём фирменные элементы, которые выделяют среди остальных и делают сайт более современным.
Расставляем правильные акценты, которые побудят заказать
С помощью дизайна нужно показать, куда человек попал, и сконцентрировать его внимание на важном. Поэтому мы делаем минималистичный дизайн без кучи разных элементов и анимаций — чтобы у человека не было каши и не разбегались глаза. Если на этом экране нам нужно показать товар, то делаем большую картинку, чтобы сначала человек видел её, а потом всё остальное. Если важно, чтобы нажал на кнопку — делаем её большой и яркой.
№ 3
Вот так выглядит средний сайт по продаже систем пожарной безопасности. Куча элементов, плохо расставленные акценты, слишком много текста. Взгляду тяжело зацепиться.
Пример расставленных акцентов у среднестатистического конкурента и у нашего заказчика
Здесь мы концентрируем внимание на самом важном. Показываем с помощью картинки куда попал, чтобы была понятна тематика. Пишем крупный заголовок. И делаем акцент на кнопку расчёта стоимости, потому что это один из ключевых вопросов у ЦА.
Презентуем макет вам и поясняем все дизайн-решения
Когда макет готов — созваниваемся с вами на 30 минут и презентуем его. Рассказываем, почему выбран именно этот цвет, почему шрифт с засечками здесь подойдёт лучше или зачем здесь этот градиент. При необходимости, вносим до 2 итераций корректировок в дизайн.
№ 4
РЕЗУЛЬТАТ ЭТАПА
Дизайн лендинга, который нравится клиентам и выделяет вас среди конкурентов
Адаптируем сайт под телефоны и готовим к запуску
Задача настройки — подключить все сервисы, формы, домен, чтобы на лендинг можно было пускать рекламу, также в стоимость входит базовая сео оптимизация.
НАСТРОЙКИ
Этап №5
Адаптируем, чтобы хорошо отображался на мобильных
Верстаем лендинг под планшеты и телефоны. Иногда, сокращаем контент для мобильных, чтобы не нужно было бесконечно скроллить. Создаём удобную навигацию по странице.
№ 1
Отдельное меню, которое не мешает восприятию информации на маленьком экране.
Акцент на кнопки. Все важные призывы всегда идут по ширине контента.
№ 2
Делаем технические настройки, чтобы лендинг работал
Настраиваем базовую сео-оптимизацию, подключаем домен и ссл-сертификат, настраиваем приём данных из форм, настраиваем фавикон, бейджики и описания страниц, чтобы при постинге в соц.сетях всё отображалось красиво.
№ 3
Передаём лендинг на ваш аккаунт, чтобы вы могли с ним работать
Изначально мы работаем на нашем аккаунте. После того, как всё готово — передаём на ваш. Рассказываем, как пользоваться созданным на Тильде сайтом. При необходимости записываем видео-инструкцию.
Помимо прочих настроек, подключаем базовую аналитику, чтобы потом можно было изучать поведение людей на сайте.
Делаем все настройки, чтобы сайт не заблокировали, он хорошо индексировался поисковыми системами и отображался при постинге в социальных сетях.
Приём сайта происходит в один клик на вашем аккаунте.
Пример адаптированной версии landing page
Скриншот настроек лендинга
Процесс передачи лендинга
Адаптированные размеры шрифта, иконки, картинки и другие элементы, чтобы всё выглядело органично и читаемо.
РЕЗУЛЬТАТ ЭТАПА
Лендинг готов к приёму трафика и обработке посетителей
Доводим до результата, увеличиваем конверсию и улучшаем
Задача улучшений — сделать лендинг или многостраничный сайт максимально эффективным, чтобы реклама приносила больше лидов и денег. Поэтому иногда лучше заказать рекламу сайта в той же конторе.
УЛУЧШЕНИЯ
Этап №6
Анализируем метрики, качество заявок и результаты
После того, как запущена реклама и накопилось достаточно переходов — изучаем метрики. Смотрим карту скролла, карту кликов и вебвизор, чтобы понять: куда люди кликают, а куда нет; какой текст читают, а какой можно убрать; какую форму заполняют, а какую лучше переделать. Смотрим заявки, которые приходили: из каких форм пришли целевые; на каких текстах они останавливались.
№ 1
На карте кликов наглядно видим, что на один пункт в меню почти не кликают. Значит, можно заменить его чем-то более полезным.
На форму тоже кликов почти нет. Ей не место на первом экране, посетители к ней не готовы. Значит, имеет смысл оставить только кнопку или убрать ее ниже, а призыв сменить.
На форму тоже кликов почти нет. Ей не место на первом экране, посетители к ней не готовы. Значит, имеет смысл оставить только кнопку или убрать ее ниже, а призыв сменить.
Примеры из яндекс метрики, на основании которых мы вносим некоторые изменения в лендинги
Это небольшой процент отказов. Но он начал увеличиваться. Есть вероятность, что на сайт стал попадать более грязный трафик. Стоит обратить на это внимание.
Вносим изменения в лендинг для повышения конверсии
На основании аналитики редактируем структуру и контент. Убираем формы, которые не работают. Переписываем предложение, тестируем новые. Меняем местами блоки, поднимаем выше те, которые больше цепляют целевую аудиторию. Убираем из меню те пункты, по которым не кликают, и добавляем те, которые часто ищут. Вносим до 4 итераций изменений в месяц.
№ 2
У каждого потенциального клиента своя ситуация и способ её решения. Большинство клиентов уже сталкивались или боятся столкнуться с коллекторами.
Объединяем 2 факта и делаем лидмагнит, который должен бить в потребности ЦА. Делаем акцент на бесплатности.
Объединяем 2 факта и делаем лидмагнит, который должен бить в потребности ЦА. Делаем акцент на бесплатности.
Пример улучшений, которые мы вносим в лендинги на тильде
После запуска трафика анализируем все метрики и обращения. Понимаем, что изначальная гипотеза работает плохо. Ищем то, что реально важно ЦА.
Поняли, что страх «банкротство дороже обойдётся» пересиливает другие. Поэтому убрали не результативные формы и сделали акцент на то, что реально волнует посетителей — оценку стоимости конкретно для них.
Поняли, что страх «банкротство дороже обойдётся» пересиливает другие. Поэтому убрали не результативные формы и сделали акцент на то, что реально волнует посетителей — оценку стоимости конкретно для них.
Проводим аудит рекламных кампаний и предлагаем улучшения
Половина успеха — хорошо настроенная реклама. При необходимости, наш маркетолог проанализирует ваши рекламные кампании. Найдёт недостатки и расскажет, как их можно исправить. Аудит — самостоятельная услуга, оплачивается отдельно.
№ 3
Проанализировали рекламную кампанию и вот какие минусы нашли:
— Всего 1 объявление
— Нет разбивки на регионы
— Запросы с маленьким трафиком
— Одна ставка на все запросы
Это всё влияет на качество трафика и стоимость лида. Внеся изменения, можно привлекать больше клиентов за тот же бюджет
— Всего 1 объявление
— Нет разбивки на регионы
— Запросы с маленьким трафиком
— Одна ставка на все запросы
Это всё влияет на качество трафика и стоимость лида. Внеся изменения, можно привлекать больше клиентов за тот же бюджет
Пример комментария из аудита рекламной кампании
РЕЗУЛЬТАТ УЛУЧШЕНИЙ
Уменьшение стоимости лида и повышение эффективности сайта
Оставьте свои контакты, мы свяжемся с вами для уточнения деталей
Ответим на все ваши вопросы, расскажем, что будет в структуре и что делать дальше
Нажимая на кнопку «Хочу структуру», я соглашаюсь с политикой конфиденциальности сайта
Приведём целевых клиентов на сайт на Тильде с рекламой
Запуск и ведение рекламы в Яндексе, Google и социальных сетях
РЕКЛАМА
Тестируем объявления и площадки, чтобы оставить только те, которые будут приносить вам деньги
Настраиваем сквозную аналитику, чтобы понимать откуда конкретно пришёл лид. Фиксируем всё: заявки, личку, звонки
Оптимизируем кампании в режиме реального времени, чтобы не было впустую потраченного бюджета
Отчитываемся раз в неделю по всем показателям рекламы: сколько лидов, какая их стоимость
1
2
3
4