Как сделать карту на лендинге
[Оффер на лендинге] Пошаговое руководство и 10 примеров
Оффер на лендинге (УТП) — это единственный способ обратить на себя внимание в однообразном потоке конкурентных предложений. Но это в теории, а на практике сформулировать оффер становится настоящим кошмаром. Что делать, если продукция на первый взгляд ничем не отличается? Сегодня мы по шагам разберем, как составить оффер, и посмотрим несколько примеров от агентства ConvertMonster.
Что такое оффер? Это совокупность всех выгод, которые несет ваш продукт/услуга и которые по максимуму закрывают потребности клиента, а в идеале отвечают и на его возражения. Часто оффером называют совокупность выгод + акцию + CTA (призыв к действию), это тоже верно.
Оффер обязательно нужно выносить на первый экран лендинга. Ключевые выгоды — в заголовок, дополнительные — в подзаголовок и в маркированный список. Посмотрим красивый пример в тематике строительство домов:
Рис. 1. Пример оффера в тематике строительство домов. Обратите внимание, что как много выгод представлено на первом экране, но они не перегружают страницу, баланс элементов соблюдается.
Шаг 1. Изучаем целевую аудиторию и продукт
Самый простой совет: чтобы грамотно сформулировать оффер — изучайте свою целевую аудиторию и продукт. Сравнивайте запросы аудитории и характеристики продукта, отмечайте какие потребности вы закрываете, какие нет.
Мы собрали для вас несколько полезных материалов, изучение которых поможет приблизиться к пониманию целевой аудитории и вашего продукта:
Рис. 2. Короткий пример карты продукта.
В карте персонажей мы определяем потребности, выявляем ключевые и дополнительные факторы принятия решения о покупке, собираем возражения. Самый лучший способ это сделать — задать вопрос напрямую клиентам. Кого именно опрашивать? Самых маржинальных (с кем выгоднее работать) и проверенных (есть опыт работы с ними) и самых интересных на перспективу.
Параллельно работаем с картой продукта и подробно прописываем свойства вашего продукта. Затем возвращаемся в карту персонажа и для каждого фактора принятия решения пишем выгоды, которые отвечают эти факторам. Далее для каждой выгоды прописываем обоснование (как вы покажете ваши выгоды на лендинге).
Разберем на примере из тематики «аренда кофемашин для офиса»:
Рис. 3. Фрагмент карты персонажей, работа с разделом «Основные/ключевые факторы принятия решения»
Что делать, если вы только «тестируете нишу» и реальных клиентов пока нет? К вашим услугам Wordstat, форумы, блоги и группы в соцсетях по вашей тематике. В свой привычной среде обитания ваши потенциальные клиенты не боятся делиться мнениями и болями.
Шаг 2. Составляем рейтинг характеристик
Провели анкетирование действующих клиентов и изучили инсайдерскую информацию в блогах и форумах? Отлично, двигаемся дальше.
Выделяем 5-10 наиболее часто встречающихся запросов, которые отмечают реальные или потенциальные клиенты, составляем из них чарт (на первом месте характеристика, набравшая наибольшее количество голосов). Это будут ключевые и дополнительные факторы принятия решения.
Теперь смотрим на свой продукт, отмечаем, какие факторы вы можете удовлетворить своим предложением, а какие — нет.
Шаг 3. Проводим простой конкурентный анализ
Переключаем внимание на конкурентов. В первую очередь обращаем внимание на тех, с кем вы будете рекламироваться на одних рекламных площадках.
Составляем таблицу из выявленных в шаге 2 факторов принятия решения (строки), и названий конкурентов (столбцы). Пишем как характеристики продукта/услуги конкурента закрывают эти факторы. Не забываем оставить столбик и для себя, вписываем полученные данные.
Теперь у вас в руках есть наглядных конкурентный анализ и вы четко видите, по каким аспектам вы превосходите конкурентов, а по каким они на шаг впереди.
Выделяем пункты, по которым вы обходите конкурентов, именно они в итоге лягут в основу вашего предложения.
Конечно, это далеко не единственный способ провести конкурентный анализ. На курсе «Интернет-маркетолог за 80 дней» мы подробно рассказываем, как глубоко анализировать целевую аудиторию, проводить подробный конкурентных анализ и формулировать оффер, который бьет на поражение.
Шаг 4. Формулируем оффер
Ранее мы уже писали про протестированную формулу идеального оффера:
Идеальный оффер = Конкретная выгода + Вкусные бонусы + Гарантия + Ограничение + Призыв к действию
Рис. 4. Пример протестированной формулы оффера.
Сегодня рассмотрим еще 2 коротких формулы, которые облегчат вам муки составления оффера:
«Потребность + характеристика продукта, закрывающая ключевой фактор принятия решения»
Выносим в оффер потребность целевой аудитории и добавляем важную характеристику. Например, потребность «получить допуск СРО», факторы принятия решения «быстро», выгоды — «без посредников» и «за 24 часа». Ниже пример лендинга с готовым оффером:
Рис. 5. Пример оффера по формуле «потребность + выгода»
«Идентификация (представитель целевой аудитории) + его «боль» + решение проблемы»
Пример: «Как укрепить иммунитет малыша с помощью закаливания? Курс для мам детей от года до пяти.»
Как вы понимаете, нужно пробовать разные формулы, однако, есть ряд характеристик на которое стоит обратить особое внимание при составлении оффера.
Шаг 5. Изучаем примеры офферов
Пока вы не набили руку в составлении офферов, рекомендую вам чаще смотреть примеры и обращать внимание на то, как формулируют оффер профессионалы, подмечать для себя цепляющие идеи и удачные решения.
Есть ряд выгод, которые хорошо себя зарекомендовали в разных тематиках, используйте их, если запутались и не знаете, что можно «вытащить» в оффер. Сюда относятся:
— Что клиент получит в результате от использования продукта/услуги
Рис. 6. Пример оффера с результатом
— Лучшее предложение по цене
Рис. 7. Пример оффера с ценой.
— Экономия в деньгах или времени
Рис. 8. Пример оффера с экономией.
— Сроки (изготовления, доставки)
Рис. 9. Пример оффера со сроками.
— Подарки и спецпредложения
Рис. 10. Пример оффера с подароком.
— Ограничения (счетчики времени, количества товаров, мест)
Рис. 11. Пример оффера со счетчиком.
— Гарантия (лучшей цены, доставим за 30 минут или вернем деньги)
Рис. 12. Пример оффера с гарантией.
Заметили, что общего у этих примеров? Основные выгоды вынесены в заголовок, а дополнительные либо в подзаголовке, либо в маркированном списке. Также обратите внимание, как часто используется комбинация сразу нескольких выгод (например, цена/гарантии/бонус).
Шаг 6. Проверяем свой оффер
Вопрос первый: Вы сами купили бы свой товар? Если ответ положительный и вы можете его подтвердить сильными характеристиками по продукту или по сервису, то переходите ко второму вопросу.
Если нет, то почему нет? Вы сами знаете себя лучше других, и только что выявили ваши самые слабые стороны. Не забывайте, что продать другим свой продукт, не «продав» его себе, это заведомо провальная стратегия либо голое «впаривание».
Вопрос второй. Представьте, что ваш клиент прямо спрашивает вас: «Почему я должен выбрать ваш продукт/услугу из всех доступных мне предложений на рынке? Как называется ваша компания и какие вы хорошие меня мало волнует». Что вы ответите? Это и есть ваши отличия и сильные стороны, они обязательно должны быть в вашем оффере.
Можете уверенно ответить на оба вопроса? Поздравляю, готовый оффер у вас в кармане, вы прошли проверку. Осталось настроить рекламную кампанию и протестировать свою гипотезу.
Как создать лендинг для любого проекта — пошаговая инструкция
Подробная пошаговая инструкция для дизайнера — как создать лендинг, понять задачу, выбрать инструменты и подобрать варианты для вдохновения.
Мода на лендинги или, как их еще называют, промостраницы, пришла вместе с кризисом. Предпринимателям нужно было тестировать новые продукты, для этого отлично подходили одностраничные сайты: не нужны система управления контентом, оптимизация под поисковые системы. Главное правило лендинга: «Один сайт — один продукт».
Разберитесь со структурой
В любой промостранице есть обязательные блоки. Все построено на психологии потенциального клиента:
Это общий скелет промостраницы. Для каждого продукта структура модифицируется, можно добавить другие блоки.
Прежде чем разбираться, как сделать лендинг конкретно для вашего продукта, найдите в интернете несколько сайтов на схожую тематику и посмотрите, как в них реализован каждый из блоков. Представьте, что вы заинтересованный клиент. Подумайте, на чем останавливается взгляд, что нравится, а что отталкивает. Такая «насмотренность» поможет вам:
Лендинг — это конструктор, гибкий инструмент. Если нет четкого видения, какой стиль лучше воспринимает целевая аудитория, попробуйте сделать несколько вариантов дизайна. Затем проведите тестирование и выясните, что работает эффективнее.
Познакомьтесь с разными подходами
Найдите на Behance дизайнеров, которые создают лендинги. Подпишитесь на коллекции, в которых пользователи выкладывают понравившиеся им прототипы. Например, арт–директор Wildberries Дмитрий Матвеев собирает промостраницы с необычным стилем — подборка постоянно обновляется.
Сделайте свою коллекцию. Просматривайте подборки перед каждым заказом, черпайте идеи и думайте, как сделать сайт эффективнее.
Начните с понимания задачи
Лендинг — это не просто рисование. Никто не заказывает промостраницу без причин. Уточните, какую цель преследует клиент. Поймите, каких результатов он ждет. Подумайте, какие блоки для этого использовать.
Подготовьте бриф. Вам нужны ответы на три главных вопроса:
Это сайт, на котором люди будут сразу покупать? Или цель лендинга — побудить человека поверить в экспертность клиента и подписаться на рассылку? Может быть, важна запись на вебинар? Обязательно обсудите этот момент с заказчиком.
Вам нужно досконально изучить целевую аудиторию. Дизайн для презентации сериала для подростков и стиль для b2b-направления отличаются кардинально.
Как вы это реализуете
Здесь нужно уточнить, чего в результате ждет заказчик. Придумайте, какие блоки будете рисовать, с помощью каких инструментов.
Если вы будете заниматься только рисованием, эффективности не будет. Мало красиво нарисовать, нужно понимать, зачем на лендинге размещается тот или иной блок, зачем используется конкретный стиль.
Контент на каждом экране должен масштабироваться, помещаться на любом устройстве. Не должно быть горизонтальной прокрутки. Учитывайте это при разработке.
Уделите больше внимания блоку описания продукта
Обязательно учитывайте, что о вашем продукте потенциальный клиент может и не знать. Главный вопрос, на который вы должны ответить в блоке описания: зачем нужно это покупать?
Подключайте воображение. Например, вы делаете косметические маски. Подготовьте на странице блок под галерею фотографий и видео с людьми, которые пользуются ими. Возможно, блок «до/после»? Так вы объясните пользователю, что это за маски и зачем они нужны.
Разрабатывая лендинг, помните: это задача не для реализации ваших суперспособностей и демонстрации всех навыков. Дизайн может быть максимально простым, но эффективным. Нормально, когда прототип лендинга после опроса заказчика делается за один-два дня.
Переходите на новый уровень
Да, обычно лендинг — это быстро и недорого. Но в любом правиле есть исключения. Например, компания S7 Airlines сделала необычную презентацию нового самолета — это интерактивная картинка гаража с Airbus A320neo. Дизайнер создал 3D-анимацию снятия покрывала с самолета, взлета и возможность прогулки по салону.
Если позволяют ресурсы, попробуйте сделать подобное. Несмотря на распространение техники параллакса, такие эффекты все еще привлекают пользователей.
Старайтесь удивлять пользователя. Не обязательно использовать технологии, которые стоят тысячи долларов. Съемка 3D-фотографии, пусть без динамики, сейчас стоит не очень дорого (можно найти варианты от 600–700 рублей), но этот эффект заставит пользователей запомнить ваш лендинг.
Помните про UX
Красивый дизайн, возможность удивить пользователей — это признак хорошего лендинга. Но главное — эффективность, комфортное путешествие пользователя по сайту. Если навигация будет неудобной или будущий клиент не поймет, что за продукт ему предлагают, то промостраница так и остается красивой картинкой.
Подумайте, получает ли человек нужную информацию, есть ли за что зацепиться взгляду. Не отталкивайте его массой возможностей на лендинге, аккуратно «ведите» по контенту.
Не забывайте улучшать навыки
Хороший лендинг — это сочетание продуманного стиля, типографики, анимации. Это огромное количество возможностей, которые дизайнер должен уметь не просто бездумно использовать, а влиять с их помощью на настроение пользователя.
Учитесь собирать лендинги для тестирования гипотез и продаж и создавать дизайн-решения для крупных проектов на курсе от Skillbox. Во время обучения потренируетесь на практических задачах и сделаете из них убедительное портфолио.
Как создать лендинг для любого проекта — пошаговая инструкция
Подробная пошаговая инструкция для дизайнера — как создать лендинг, понять задачу, выбрать инструменты и подобрать варианты для вдохновения.
Мода на лендинги или, как их еще называют, промостраницы, пришла вместе с кризисом. Предпринимателям нужно было тестировать новые продукты, для этого отлично подходили одностраничные сайты: не нужны система управления контентом, оптимизация под поисковые системы. Главное правило лендинга: «Один сайт — один продукт».
Разберитесь со структурой
В любой промостранице есть обязательные блоки. Все построено на психологии потенциального клиента:
Это общий скелет промостраницы. Для каждого продукта структура модифицируется, можно добавить другие блоки.
Прежде чем разбираться, как сделать лендинг конкретно для вашего продукта, найдите в интернете несколько сайтов на схожую тематику и посмотрите, как в них реализован каждый из блоков. Представьте, что вы заинтересованный клиент. Подумайте, на чем останавливается взгляд, что нравится, а что отталкивает. Такая «насмотренность» поможет вам:
Лендинг — это конструктор, гибкий инструмент. Если нет четкого видения, какой стиль лучше воспринимает целевая аудитория, попробуйте сделать несколько вариантов дизайна. Затем проведите тестирование и выясните, что работает эффективнее.
Познакомьтесь с разными подходами
Найдите на Behance дизайнеров, которые создают лендинги. Подпишитесь на коллекции, в которых пользователи выкладывают понравившиеся им прототипы. Например, арт–директор Wildberries Дмитрий Матвеев собирает промостраницы с необычным стилем — подборка постоянно обновляется.
Сделайте свою коллекцию. Просматривайте подборки перед каждым заказом, черпайте идеи и думайте, как сделать сайт эффективнее.
Начните с понимания задачи
Лендинг — это не просто рисование. Никто не заказывает промостраницу без причин. Уточните, какую цель преследует клиент. Поймите, каких результатов он ждет. Подумайте, какие блоки для этого использовать.
Подготовьте бриф. Вам нужны ответы на три главных вопроса:
Это сайт, на котором люди будут сразу покупать? Или цель лендинга — побудить человека поверить в экспертность клиента и подписаться на рассылку? Может быть, важна запись на вебинар? Обязательно обсудите этот момент с заказчиком.
Вам нужно досконально изучить целевую аудиторию. Дизайн для презентации сериала для подростков и стиль для b2b-направления отличаются кардинально.
Как вы это реализуете
Здесь нужно уточнить, чего в результате ждет заказчик. Придумайте, какие блоки будете рисовать, с помощью каких инструментов.
Если вы будете заниматься только рисованием, эффективности не будет. Мало красиво нарисовать, нужно понимать, зачем на лендинге размещается тот или иной блок, зачем используется конкретный стиль.
Контент на каждом экране должен масштабироваться, помещаться на любом устройстве. Не должно быть горизонтальной прокрутки. Учитывайте это при разработке.
Уделите больше внимания блоку описания продукта
Обязательно учитывайте, что о вашем продукте потенциальный клиент может и не знать. Главный вопрос, на который вы должны ответить в блоке описания: зачем нужно это покупать?
Подключайте воображение. Например, вы делаете косметические маски. Подготовьте на странице блок под галерею фотографий и видео с людьми, которые пользуются ими. Возможно, блок «до/после»? Так вы объясните пользователю, что это за маски и зачем они нужны.
Разрабатывая лендинг, помните: это задача не для реализации ваших суперспособностей и демонстрации всех навыков. Дизайн может быть максимально простым, но эффективным. Нормально, когда прототип лендинга после опроса заказчика делается за один-два дня.
Переходите на новый уровень
Да, обычно лендинг — это быстро и недорого. Но в любом правиле есть исключения. Например, компания S7 Airlines сделала необычную презентацию нового самолета — это интерактивная картинка гаража с Airbus A320neo. Дизайнер создал 3D-анимацию снятия покрывала с самолета, взлета и возможность прогулки по салону.
Если позволяют ресурсы, попробуйте сделать подобное. Несмотря на распространение техники параллакса, такие эффекты все еще привлекают пользователей.
Старайтесь удивлять пользователя. Не обязательно использовать технологии, которые стоят тысячи долларов. Съемка 3D-фотографии, пусть без динамики, сейчас стоит не очень дорого (можно найти варианты от 600–700 рублей), но этот эффект заставит пользователей запомнить ваш лендинг.
Помните про UX
Красивый дизайн, возможность удивить пользователей — это признак хорошего лендинга. Но главное — эффективность, комфортное путешествие пользователя по сайту. Если навигация будет неудобной или будущий клиент не поймет, что за продукт ему предлагают, то промостраница так и остается красивой картинкой.
Подумайте, получает ли человек нужную информацию, есть ли за что зацепиться взгляду. Не отталкивайте его массой возможностей на лендинге, аккуратно «ведите» по контенту.
Не забывайте улучшать навыки
Хороший лендинг — это сочетание продуманного стиля, типографики, анимации. Это огромное количество возможностей, которые дизайнер должен уметь не просто бездумно использовать, а влиять с их помощью на настроение пользователя.
Учитесь собирать лендинги для тестирования гипотез и продаж и создавать дизайн-решения для крупных проектов на курсе от Skillbox. Во время обучения потренируетесь на практических задачах и сделаете из них убедительное портфолио.