РАЗБОР САЙТА

СТОИМОСТЬ

О НАС

Бесплатная польза для дизайнеров, маркетологов

Подробнее

Задача
Аналитика
Прототип
Дизайн
Настройки
Улучшения

Лендинг на Tilda — заказать и получать клиентов

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

Мы знаем, как сделать landing page под ключ. Тильда нам в этом поможет.

Узнайте всё о нашем подходе за 8 минут

Узнайте стоимость и получите консультацию маркетолога

Выясним задачу → Ответим на вопросы → Предложим оптимальное решение → Дадим два варианта цены

Разработка сайтов на Тильде. Наш подход

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

ОГЛАВЛЕНИЕ

1. Структура сайта

2. Аудит бизнес-процессов

3. Прототип, который убеждает

4. Дизайн, который побуждает

5. Технические настройки

6. Доведение до результата

Начинаем погружаться в бизнес и создаём подробную структуру сайта

Цель структуры — разобраться в задаче, продумать основные смыслы, которые будут заложены в сайт и зафиксировать с вами точный бюджет на весь проект.

СТРУКТУРА САЙТА

Этап №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 факта и делаем лидмагнит, который должен бить в потребности ЦА. Делаем акцент на бесплатности.

После запуска трафика анализируем все метрики и обращения. Понимаем, что изначальная гипотеза работает плохо. Ищем то, что реально важно ЦА.

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

Проводим аудит рекламных кампаний и предлагаем улучшения

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

№ 3

Пример комментария из аудита рекламной кампании

Проанализировали рекламную кампанию и вот какие минусы нашли:
— Всего 1 объявление
— Нет разбивки на регионы
— Запросы с маленьким трафиком
— Одна ставка на все запросы

Это всё влияет на качество трафика и стоимость лида. Внеся изменения, можно привлекать больше клиентов за тот же бюджет

РЕЗУЛЬТАТ УЛУЧШЕНИЙ

Уменьшение стоимости лида и повышение эффективности сайта

Приведём целевых клиентов на сайт на Тильде с рекламой

Запуск и ведение рекламы в Яндексе, Google и социальных сетях

Тестируем объявления и площадки, чтобы оставить только те, которые будут приносить вам деньги

Настраиваем сквозную аналитику, чтобы понимать откуда конкретно пришёл лид. Фиксируем всё: заявки, личку, звонки

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

Отчитываемся раз в неделю по всем показателям рекламы: сколько лидов, какая их стоимость