Вспомнить все: сайты-презентации

Эти материалы были впервые опубликованы мной в блоге студии «Веб-мерчандайзинг» в 2017 году, но они по-прежнему актуальны, поэтому с удовольствием публикую их здесь.

Как мы придумали сайты презентации:
https://webmerch.ru/site-presentation-history/

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

Как люди не становятся звездами в одночасье, так и появлению сайтов-презентаций предшествовало множество событий.

История лендинга с поблочной прокруткой

Осенью 2015 года мы работали над серией лендингов для потрясающей компании «Megabot», продвигающей франшизы по продаже робототехники. Мы хотели не просто сделать качественный лендинг по всем правилам веб-мерчандайзинга, но и внести в него нечто необычное. Поэтому мы добавили поблочную прокрутку, которую раньше никогда не использовали.

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

На первый взгляд, такой способ прокрутки может показаться неудобным, но мы увидели необычный эффект — количество просмотров страницы до самого конца выросло с 43% до почти 80%. Мы пробовали отключать прокрутку и включать снова, но показатели не менялись.

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

Кстати, поблочную прокрутку мы отметили как тренд 2016 года.

Лендинг за 4 дня

Все так же в рамках сотрудничества с «Megabot», спустя 7 месяцев после запуска поблочной прокрутки, перед нами встала задача разработать простой лендинг с минимумом информации, но запоминающийся и яркий. Задача была бы самой обычной, если бы не одно условие – срок разработки 4 дня.

Мы уже были знакомы с компанией, поэтому могли сэкономить время на погружение в область, но срок все равно был предельно коротким. Одно дело – сгенерировать простенький дешевый текст, а затем разместить его на готовом шаблоне, и совсем другое:

• Разработать продающий прототип по правилам веб-мерчандайзинга;
• Написать продающие тексты;
• Нарисовать дизайн;
• Сверстать макеты, разместить текст и опубликовать сайт.

Обычно, каждый шаг занимает минимум 5-7 дней. Поэтому, чтобы уложиться в срок, следовало:

• Подготовить в 5 раз меньше текстов;
• Придумать универсальный способ получения уникального дизайна и одновременно сэкономить время на разработке прототипа;
• Свести количество элементов и блоков до минимума, чтобы сэкономить время на верстке.

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

Но это ещё не все. Удивительнее всего были результаты.

Сайты-презентации в действии

Вовлеченность аудитории превысила все ожидания: 30% смотрело презентацию до самого конца, 96% аудитории посещало минимум 3 слайда.

Хорошо знакомый с интернет-маркетингом читатель заметит, что 30% – несколько меньше обычного лендинга с поблочной прокруткой, но на практике это не совсем так. В случае с классическим одностраничным сайтом мы ориентируемся только на данные карт скроллинга, которые не всегда объективны. Сайты-презентации же позволяют отследить просмотр каждого слайда со 100% вероятностью: каждое событие переключения между слайдами фиксируется и отправляется в статистику.

Более того, 30% аудитории, прошедшей по презентации до конца, с куда большей охотой заполняли заявки, чем в случае с классическим лендигом.

В результате мы получили эффективный продающий инструмент за 4 дня и тысячи отслеживаемых данных для последующей аналитики. Например, мы видели, с какого слайда больше всего «уходило» клиентов и могли улучшить его.

Получив положительный результат, мы сосредоточились на развитии идеи сайтов-презентаций.

Сайты-презентации сегодня

Сайты-презентации – это не просто лендинги. Мы научили их определять уровень вовлеченности посетителя и в максимально конверсионный момент показывать форму захвата, которая также имеет несколько вариантов отображения. Наши сайты-презентации могут быть нелинейными и иметь сразу несколько маршрутов движения посетителя.

И это только верхушка айсберга. Опыт веб-мерчандайзинга и собираемая аналитика позволяют поднимать конверсию до небывалых высот.

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

О сайтах-презентациях в вопросах и ответах:
https://webmerch.ru/o-sajtax-prezentaciyax-v-voprosax-i-otvetax/

Частые вопросы о сайтах-презентациях

В чем ключевая особенность сайтов-презентаций? Почему они работают?

В сайты–презентации заложен совершенно иной механизм взаимодействия с сайтом. Здесь нет классической прокрутки страницы. Вместо этого блоки сменяют друг друга по щелчку. Пользователь не может сразу пролистать страницу вниз и узнать цену, пропустив все ваши доводы «за». Мы плавно готовим посетителя к стоимости, предварительно рассказывая о преимуществах, демонстрируя примеры, отзывы и так далее. В результате, видя стоимость, посетитель сравнивает ее с конкурентами, помня о ваших выгодных отличиях.

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

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

Благодаря аналитике мы точно знаем, после какого слайда «уходит» большая часть пользователей. Мы корректируем такой слайд и показатель вовлеченности улучшается, поэтому 80% аудитории, в среднем, смотрит сайт-презентацию до конца.

Все эти факторы позволяют делать наши сайты-презентации действительно эффективными.

Как сайты-презентации продвигаются в поисковых системах (SEO)?

Сайты-презентации прекрасно индексируются поисковыми системами, обладая всеми достоинствами классических лендингов, но при этом лишены их недостатков. Движок сайтов-презентаций прямо «из коробки» поддерживает необходимые для SEO и SMM функции, а код максимально адаптирован для поискового продвижения.

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

Как сайт-презентация отображается на мобильных устройствах?

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

Собирается ли какая-нибудь аналитика?

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

Сильная сторона нашей студии – работа с аналитикой с целью увеличения конверсии. Поэтому мы знаем, что нужно собирать и как правильно это делать.

Благодаря аналитике и нашим алгоритмам мы можем рассчитать момент, когда посетитель максимально вовлечен и в это время показать ему форму заказа (или иную другую по ситуации).

А можно формы сайта интегрировать с нашей CRM-системой?

Движок сайта-презентации уже имеет встроенные интеграции с AmoCRM, Битрикс24, MailChimp, GetResponse, UniSender, Calltracking, Яндекс.Целевой звонок, SMS.ru, Jivosite, Callback Hunter, Leadback и другими сервисами. При необходимости, мы разработаем модуль интеграции именно с тем сервисом, который нужен вам.

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

Как подбираются фоновые изображения и иконки для сайта?

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

При необходимости, мы задействуем возможности собственной небольшой офисной фотостудии для создания абсолютно уникальных изображений, или готовим снимки ваших объектов на выезде.

Какие гарантии, что наш сайт-презентация будет продавать?

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

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

Наш лендинг прекрасно продает. Зачем нам сайт-презентация?

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

Можно ли наш товар/услугу оформить в стиле сайта-презентации?

Если вы продаете монопродукт или комплекс услуг, который представлен в виде единого продукта – да. Например:

• Продажа автомобилей
• Продвижение концертов и других мероприятий
• Продажа недвижимости
• Проведение акций
• Продажа банковских продуктов
• Продажа клининговых или любых других услуг
• Продажа консалтинга (как компании консультантов или фронт-услуги)
• Продажа всего, что может быть ценно: от вещей до эмоций 🙂

Что такое уровень вовлеченности?

Уровень вовлеченности – наш показатель, определяющий, насколько посетитель заинтересовался предлагаемой услугой (товаром) и готов стать клиентом. Он рассчитывается по нашим алгоритмам на основании собираемой статистики.

Например, если посетитель длительное время смотрит слайд с описанием тарифов и цен, то есть вероятность, что услуга его заинтересовала. Мы можем показать ему форму захвата раньше, чем закончится презентация. Более того, мы показываем ему разные формы захвата как по внешнему виду, так и по содержанию. Например, предлагаем предварительную консультацию, а не заказ услуги. Это простейший пример.

Постскриптум:
По прошествии времени сайты-презентации действительно доказали свою эффективность благодаря всем тем свойствам, которые перечислены выше. Сегодня они применяются наряду с другими форматами отображения информации хотя само название, «сайты-презентации», встречается редко – не закрепилось :)

Результаты, опубликованные в этой заметке, позволяют лучше понять как аудитория взаимодействует с информацией, что, безусловно, стоит использовать в работе над своими текущими проектами – эти модели поведения актуальны.