Создание продающей страницы, основные способы. Рейтинг сервисов для создания продающих страниц

Дарим знания!

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

• деньги;
• люди;
• слова;
• информационная архитектура.

Эти составляющие взаимосвязаны и складываются в единую цепочку:

1. пересчет денег в людей;
2. пересчет людей в ключевые слова;
3. пересчет слов в информационную архитектуру.

I. Пересчет денег в людей

Первое, что надо сделать, – поставить цель по технологии SMART. Как правило, для коммерческих сайтов SMART-цель – это оборот, или объем продаж, который должен обеспечивать сайт в месяц. Когда мы выяснили, какой нужен оборот, мы рассчитываем предполагаемую цену товара или размер среднего чека, если мы продаем целую линейку товаров. Поделив оборот на рассчитанную среднюю цену, мы получаем то количество сделок, которое нам необходимо заключить, чтобы выполнить наш план по объему продаж. Теперь нам известно, сколько продаж нам надо совершить в месяц. Это число мы умножаем на коэффициент конвертации. Коэффициент конвертации посетителей в покупателей – это соотношение посетителей сайта и тех, кто становятся покупателями. Средний по Рунету плановый показатель – 100: 1 или 1%.

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

II. Пересчет людей в ключевые слова

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

III. Пересчет слов в информационную архитектуру

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

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

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

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

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

Обращайтесь в интернет-холдинг SalesGeneration, если хотите поручить создание и продвижение своего сайта профессионалам интернет-бизнеса!

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

Наверняка, такой инструмент интернет-маркетинга, как E-Mall маркетинг, постепенно будет тесниться другими инструментами, но никогда не исчезнет из перечня наиболее значимых инструментов онлайн бизнеса. Конечно, спам делает своё грязное дело с одной стороны, а с другой стороны внедряются новые инструменты продвижения бизнеса в сети, но и E-Mail маркетинг не стоит на месте, он также совершенствуется, как и все остальные инструменты интернет-маркетинга.

Основу E-Mail маркетинга составляет рассылка писем для целевой аудитории. Целевая аудитория, увеличение её объёма (количества подписчиков), качественный состав, вот основная цель, к которой направлены усилия автора рассылки, а также технический инструментарий, дающий автору усиливать акценты для более активного привлечения потенциальных подписчиков в свою подписную базу, часто называемую подписным листом (некоторые путают его с подписной страницей).

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

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

Многие пользуются, например, таким генератором, как «LP generator», подробности о нём на его официальном сайте: https://lpgenerator.ru , у него есть и бесплатный вариант, но с очень большими ограничениями по функциональным возможностям.

Второй «генератор»-это» wPPage», официальный сайт https://wppage.ru . «wPPage» — это профессиональная система для удобного и простого создания целевых страниц, подогнанная под WordPress. Рассказывать о функционале этого плагина я не буду, так как на указанном официальном сайте, читатель найдёт полную информацию, в том числе и обучающие уроки, полностью раскрывающие техническую сторону работы с этим генератором.

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

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

Уважаемый читатель, предлагаю Вам познакомиться и освоить процесс создания сайта одностраничника в программе Dreamweaver.

Урок «Создание сайта-воронки в Дримвиере » проводит Софья Бронникова

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

И так, смотрите уроки «WebPageMaker-программа для создания сайтов одностраничников » В качестве примера показано создание сайта-воронки в программе WebPageMaker. Уроки проводит Маргарита Минкова.

Урок 1.

Урок 2.

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

Продающие страницы

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

Теперь логично будет поставить вопрос: "Если такую информацию можно разместить на обычном сайте, резонным ли будет создание продающей страницы?"

Зачем создавать Landing page?

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

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

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

Схемы

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

1. «Экранный» сайт . Информацию о товаре или услуге вмещают на один экран. Все, что нужно пользователю, он видит перед собой, не прокручивая при этом экран. Эта схема удобная, вот только подходит исключительно для бесплатных предложений или подписок.
2. Длинный сайт . Ну, это то, что можно назвать полноценным «лендингом». Такую страницу нужно прокрутить несколько раз, чтобы прочитать всю информацию. И самое главное, в таких посадочных страницах есть блоки, из которых они и состоят.

Блоки

Как сделать продающую страницу самому? Все просто! Нужно следовать правилу AIDA (Attention, Interest, Desire, Action), что значит - внимание, интерес, желание, действие. Именно в такой последовательности нужно представить пользователю информацию, выделив самые важные моменты.

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

1. Понятный и цепляющий заголовок . Это не одно и то же, а два совершенно разных типа заголовков. В качестве понятного заголовка зачастую выступает название товара или тип услуги («Кокосовое масло» или «Маникюр на дому»). После него идет цепляющий заголовок, который привлечет внимание посетителя. Например, «Роскошные волосы за 3 минуты» или «Быть красивой в любую погоду».
2. Приветствие . Буквально в двух предложениях нужно описать товар или услугу, предоставив красочное изображение. Совет: не зацикливайтесь на стандартных фразах - «это то, а это - это», так как пользователя нужно цеплять дальше. В этом блоке можно выделить основное преимущество продукта/услуги или УТП.
3. Преимущества . Отдельно выписать все преимущества товара.
4. Экспертное мнение .
5. Вопрос -ответ . В этом блоке необходимо максимально эффективно закрыть возражения.
6. Отзывы . Сюда же можно добавить грамоты, если такие имеются, или статьи из прессы. Необходимо повысить кредит доверия у пользователя.
7. Форма заказа .
8. Контакты.

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

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

Естественно, у каждого товара есть свои недостатки. Их можно минимизировать, превратив в цифры. Например, кокосовое масло может вызвать аллергическую реакцию (явление редкое, но возможное). Что, если сформулировать следующим образом: «Только 0,5 % испытуемых имели индивидуальную непереносимость».

Также стоит вписать договор оферты (если такая имеется). И самый щепетильный вопрос - цена. Это особый блок, который может появляться на странице два (в некоторых случаях даже три) раза. Цену нельзя утаивать. Лучше всего, если первый блок появится после 3-го или 4-го, а второй - перед отзывами. Если эта информация усвоена, можно переходить к созданию продающей страницы.

Пошаговая инструкция

Существует 6 основных шагов, которые помогут создать эффективную Landing page. Инструкция создания продающей страницы состоит из таких позиций:

1. Проблемы ЦА. Необходимо проанализировать проблемы целевой аудитории, которые может решить продукт или услуга, узнать чего хочет потребитель и чего он боится.
2. Характеристика товара. Нужно у знать все о товаре, его плюсы и минусы.
3. Оценка конкурентов. Используя информацию о товаре, необходимо сопоставить товар с похожей продукцией конкурентов и найти преимущества.
4. УТП. Используя сведения о товаре и конкурентах попытайтесь создать уникальное торговое предложение. Если стоимость продукта/услуги ниже, чем у оппонентов (пусть и на 1 %), то необходимо акцентировать на этом внимание. Если у конкурентов невозможно выбрать вариант доставки, акцентируйте на этом внимание. Все качественное, что отличает от соперников, заслуживает того, чтобы его выделить.
5. Выгоды. Из проблем клиентов можно определить и их ожидания. Об этом тоже стоит упомянуть.
6. Работа с возражениями. Определите возможные вопросы и возражения, которые могут возникнуть, и хорошо их проработайте.

"ВордПресс"

Что касается технической стороны вопроса, то изготавливать посадочные страницы можно как при помощи HTML/CSS, так и используя уже созданные шаблоны. Неплохим решением будет производство landing page на движке WordPress.

Как сделать продающую страницу на WordPress? Первое, чем стоит обзавестись - нормальным хостингом, который бы поддерживал базы данных. Первые результаты посадочная страница принесет только через полгода после начала оптимизации. Исключением может быть проект, у которого есть мощная контекстная реклама. Второе, над чем стоит задуматься, - это дизайн и верстка. Если нет особых претензий к цветовой гамме, то можно использовать один из стандартных шаблонов. Верстка страницы займет намного больше времени, но даже новичку это под силу. На WordPress очень простой и понятный интерфейс - разберется даже ребенок.

"В контакте"

Также создавать продающие страницы можно и в соцсетях. Естественно в таком случае концепция создания «лендинга» будет меняться. И все-таки, как сделать продающую страницу в "В контакте"? Пошаговая инструкция будет иметь такой вид:

1. Выбор формата страницы (группа, паблик, встреча).
2. Аватарка. Она должна быть яркой и крупной. Обязательно на ней должны быть название сообщества, фото предлагаемого товара или услуги. Внизу нужно разместить заостренный указатель с призывом в прямоугольной рамке («Вступай», «Подпишись» и т. д.) и, конечно же, контакты.
3. Название. Это обычный заголовок, отображающий суть этого предприятия («Кокосовое масло. Продажа в странах СНГ»).
4. Статус. Или цепляющий заголовок, или информация о проведении акций, скидок и т. д.
5. Описание сообщества. Вся информация, которая может быть представлена в 2-4 блоках.
6. Обсуждения. Тот же вопрос-ответ.
7. Медиа. На странице должны быть фотографии продукта и видео о нем. Если есть возможность записать интервью эксперта в конкретной области, то нужно дать ссылку на это видео, можно вставить её в «Описание страницы».
8. Публикации. Ежедневно на «стене» должен появляться хотя бы 1 тематический пост.
9. Ссылки и меню сделают использование посадочной страницы более удобным.
10. Контакты. Пользователи должны иметь связь непосредственно через социальную сеть.
11. Конкурсы. Чтобы увеличить число аудитории, стоит периодически проводить розыгрыши и конкурсы.

Точно таким же алгоритмом могут пользоваться те, кто желает узнать, как сделать продающую страницу в «Фейсбук».

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

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

Окинув взглядом главную страницу, средне-статистический посетитель сайта доверится впечатлению от дизайна, интерфейса, стиля. Оформленное «на коленке» вызовет рефлекторную реакцию закрытия вкладки – такого он не просил! Переселение потребителя в интернет сделало из главной страницы «виртуальную парадную» для современной компании. В чем же продающая особенность страничек, убедительно представляющих топ-бренды? Как оформить главную страницу сайта правильно и не получить памятник дизайнерской мысли, вместо инструмента реализации своих целей?

Мнение исследователя конверсии Брайана Мэсси, о том, как должна выглядеть главная страница интернет-ресурса с коммерческим предложением:

Лучший не тот дизайн, с которым вы подчеркнете статус и стиль компании. Лучший тот, что будет способствовать конверсии, имея мотивирующие элементы и отличные описания, побуждающие нажать СТА-кнопку

Подход уверенного лидера на рынке: главная страница Reebok микросайта

Правила оформления главной страницы продающего сайта

1. Яркий заголовок усилен подзаголовком, которому релевантно изображение
2. Мощный призыв с тонкой анимацией, подчеркивающей предполагаемое намерение
3. Положительный образ, привлекая внимание к предложениям бренда, стимулирует потребительское желание обладать понравившимся
4. Hero-хэдер утверждает в сознании посетителей мысль о полезности продукции, показывая, как ей пользуются другие

Главные правила начальной страницы

1. Прежде, выгоды предложения. Для узнаваемости сайта торговой марки Pepsi-Cola, достаточно одного имени. А вашего? В известной книге «не заставляйте меня думать!» Стив Круг рассуждает: «Вы задержитесь на сайте, не поняв его назначения?» И все же в современном коммерческом секторе, видимо не желая отставать от упомянутого супербренда – все стремятся в первую очередь улучшить потребительское мнение о продукте / компании:

• Обрисовывая саму деятельность кратко, выгоды предложения исчерпывающе – минимум про особенности, больше о полезности
• Акцентом на выигрышных гранях своего подхода… с отзывами и т.д.

Заполнение полей форм, само СТА-действие - это стресс. Преодолеть его помогает интерес к предложению, а не кнопки «Подписаться», «Купить». Смягчите однословную категоричность, что-либо предлагая: Узнай рецепты, Запросить демонстрацию. Краткое информирование не перегружает задачей и не даст почувствовать себя потерянным. Что более важно: вместо «WEB брошюры» сайт становится продающей и лидогенерирующей машиной.

3. Социальные доказательства. Общественная полезность – мерило, по которому принято «оценивать» торговое предложение.

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

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

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

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

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

Хороший заголовок - как пионер:

• Всегда готов! – сфокусирован на удобстве для потребителя
• Всем ребятам пример! – адекватный / «экспертен» / апеллирует к авторитетному мнению, как «Методы оптимизации главной страницы вашего сайта от Matt McGee»

Плохой заголовок - как сосиска:

• Отваривать нужно
• Конверсий быстрых не жди – полуфабрикат нуждается в доработке для годности

Стоит ли его нагружать задачами, от которых теряется меткость? Детализировать уникальное предложение можно подзаголовком, применяемым в паре и усиливающим эффект… . Юзабилити-исследование от KISSmetrics:

Идеальный заголовок - 6-ти словный (3+3): в поисковой выдаче беглый взгляд охватывает три слова (с начала или с конца). MOZ называет оптимальным Title в 57-59 знаков

Признаки эффективного заголовка:

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

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

Согласно исследованиям 3M Corporation:

83 % решений принимаемых человеком основаны на визуальной информации. Визуальный образ – то, что скорее запомнится и доверять будут ему. Зрительное воспринимается быстрее текстового в 60 тыс. раз!

• Для оптимизации пользовательского опыта
• Чтобы общаться на одном языке с нужной аудиторией

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

• Расположение на странице
• Пользовательское восприятие (UX)
• Остальная SEO-стратегия / социальный маркетинг
• Уровень конкуренции / временной фактор / сама полезность

Тесная логическая связь заголовка главной со страничным контентом и включения слов по тексту, пойдут странице на пользу при . Тематические и второстепенные ключевые фразы могут стать находкой, т.к. полнота сбора семантики повышает качество подачи материала. Структурирование информации, от главной и до конверсионных страниц – действенный метод их оптимизации…

Возрастающее влияние фактора «полезности» вполне ожидаемо:

От оптимизации, изначально не ориентированной на удержание, мало толку при слабой вовлеченности пользователя

Уделите внимание типу трафика: брендированный / нишевые запросы / long tail, чтобы не упускать важных клиентов.

8. Сделайте главную страницу удобной в пользовании. Юзабилити часть UX и если принести в жертву своей индивидуальности (чего-то еще), интересы посетителя имеющего и другой опыт, он ответит:

• Большей избирательностью
• Отказами, предпочитая осваивать узнаваемые схемы (грозит вам потерей позиций)

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

10. Привлекательная идея vs Проработка элементов. Веб-аудитория оценит привлекательность, явно относящуюся к делу – когда качество элементов безупречно, а их необходимость очевидна.

Лирическое отступление. Древний ваятель на вопрос, как он создает скульптуру:

Беру каменную глыбу, образ божественной формы уже есть в ней. Я просто отсекаю лишнее

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

Гибкие решения от скульптора Хосе Лопес: «открывая гранитную страницу»

Еще раз о важном:

1. Хороший дизайн не заметен, а ключевые элементы там, где их ожидают увидеть
2. Чем шире целевая аудитория, тем больше компромисса в оформлении – требуется БОЛЕЕ хороший дизайн

Читайте также: UX-дизайны интернет-магазинов: хорошие и плохие. 21 пример

Главные страницы сайтов™ прод. брендов

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

Эко Хлеб

Достойное оформление – сайт Эко-Хлеб™ с интернет-магазином:

на гл. страницу

• Качественная отрисовка элементов и фотосъемка продуктов
• Уникальность фирменного ретро-стиля с красивым логотипом

Персона

Главная оформлена как промо-страница - сайт торговой марки на Битриксе:

на гл. страницу

• Запоминающийся логотип производителя продуктов питания. Слоган разработан под «товар-локомотив»
• Для имиджевых целей подобраны / отрисованы / подогнаны элементы
• При прокрутке анимированное меню сворачивается в иконку; меняется по секциям тип кетчупа (спецэффект)

Читайте также: 40+ лучших дизайнов сайтов о еде и кулинарии

Крошка Картошка

Интересный вариант оформления - промо-сайт фастфуд бренда:

на гл. страницу

• Позитивный брендинг с логотипом концептуального блюда
• HotSpot тултип-подсказки занимают посетителя познавательными описаниями
• Аудиомаркетинг – послушайте гимн компании

Бургер Кинг

Сайт сети ресторанов быстрого питания с декоративным шрифтом:

на гл. страницу

• В мультяшном интерфейсе массивный шрифт гармонирует со стилизованными элементами UI не подавляя имиджевых фото
• Социальные доказательства выводятся во flip-блоки динамической подгрузкой твитов
• К корпоративному приложению привлекают внимание скидками и стилем гранж

Впечатляющее визуальное воздействие

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

Apidura

Главная страница продающего сайта – английский бренд велотоваров:

на гл. страницу

• Впечатляющие фоны с градиентным переходом к разделяющим иконкам. Стильное полупрозрачное меню, контурные кнопки и
• Феноменальный способ продвижение бренда дизайном: сайт уже получил 10000 пинов на досках Pinterest!

Яркий смысл флэт дизайнов

Читайте также: Сайты в стиле флэт: 20 нестандартных дизайнов

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

Все больше flat-интерфейсов выражают стилистику и особенности позиционирования бренда в интернете / за пределами сети. Смотрите сами, как «упрощения» фирменной индивидуальности сокращает дистанцию между бизнесом и клиентом.

Moosend

Пример редизайна главной страницы – позитивный сайт с красивой типографикой:

на гл. страницу

• Единая гарнитура с одним шрифтом для заголовков & UI, повышая узнаваемость сайта облегчает восприятие его страниц
• Доработано оформление: в логотип вложен смысл бренда, поля регистрации вынесены на первый экран, новые анимации

Tribute Media

Американское веб-маркетинговое агентство – лаконичный минимум (CMS Drupal):

на гл. страницу

• Стрелки и анимированные иконки указывают на выдвижное меню / дублирующую навигацию по вкладкам
• Призыв размещен в первом экране по F-схеме просмотра: лого> цифры> кнопка

Bizible

Главная страница с отличными идеями – сайт небольшой компании:

на гл. страницу

• Красивый сайт сразу привлекает рифмованной связкой «заголовок + подзаголовок»
  
• Мягкая выразительность UI с тоновой проработкой и размытием текстуры фона. Социальные доказательства и отзывы встроены в фоны каруселью
• Формы с названиями полей в контексте поясняющих предложений – хорошее юзабилити при уникальном дизайне

Zendesk

Редизайн главной страницы – сайт современной компании с эффектным контентом:

на гл. страницу

• С новыми анимациями, графикой и мультипликацией видео сайт повеселел, стал лаконичней (выпадающее меню скрыло вторичное)
• Выразительно переведенный Zendesk , полемичным тоном и прямым обращением в заголовках напоминает диалог

Читайте также: Анимация по правилам UX-дизайна: полное руководство

Эффектные страницы с интересными дизайн-решениями

Сегодня не удивишь wow-эффектом на «Главной». В тренде – полезная анимация.phive.pt – португальский фитнес-сайт с интерактивным дизайном на JS и jQuery.

«Танцующий», «изможденный» эффектно решает UX-задачу: предзагрузка страницы – уже побуждает к активности

Ged Group

Пример последовательного визуального стиля – сайт с jQuery эффектами:

на гл. страницу

• Векторная графика согласует главную с внутренними страницами. Больше чем эстетика! – пользователь увереннее на сайте с четко определенной идентичностью
• 2-6х фигурная сюжетная сцена прорисовывается анимированной предзагрузкой
• Ненавязчивые интерфейсные микровзаимодействия, эффект Кена Бернса для картинок и скролл-анимации

Medpraktika

Клиентоориентированный дизайн главной страницы медицинского сайта:

на гл. страницу

• Лаконичный дизайн с отрисовкой главной страницы при минимуме цветов
• Оригинально проиллюстрированы предложения организации: с блоком услуг и занимательным фунционалом хотспота удерживает внимание клиентов

Главная страница как лендинг

Читайте также: 30+ адаптивных лендинг пейдж шаблонов на HTML (бесплатные, премиум)

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

Очевидно, что продающая страница оказывает основное влияние на воронку конверсии. Возможно, вы уже прочитали несколько статей о создании качественной целевой страницы и даже выполнили A/B тестирование (если еще нет — изучите этот ). И, скорее всего, вас не достаточно впечатлили полученные результаты.

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

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

5 причин использовать продающую страницу с одним кликом:

1. Обычно самый дешевый вариант.
2. Нет необходимости искать копирайтера.
3. Вам нужно написать только заголовки и основные пункты.
4. Не нужно разрабатывать дизайн страницы.
5. Вы точно ничего не испортите.

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

Что мы учитывали при составлении списка сервисов?

Качество – это основной критерий. Будет ли продающая страница обеспечивать конверсию?

Затем мы учитывали стоимость и поддержку . Сколько стоит создание нескольких продающих страниц? Что включено в набор функций? Насколько легко связаться с компанией?

Среди сервисов, чьи цены основывались на количестве посетителей в месяц, мы не рассматривали те, что ориентируются ниже, чем на 5 000 просмотров в месяц.

Контрольная версия : IM Creator

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

С помощью IM Creator не получится создать идеальную продающую страницу совсем без усилий. Он предоставляет больше опций в три щелчка, а не в один. Тем не менее, сервис позволяет бесплатно создать привлекательную, удобную продающую страницу. Для пользователей WordPress без опыта в кодировании этот сервис может показаться сложным, так как необходимо интегрировать формы подписки в HTML страницу. Однако, это отличная возможность сэкономить.

В этой индустрии нет ничего бесплатного без причины. Считается, что в случае, если сервис, который вы оцениваете, не предоставит больше потенциала, чем IM Creator, стоит задуматься, платить ли за него еще 50$ в месяц.

7. Lander

Первым платным сервисом в нашем списке стал Lander, который хорошо строит продающие страницы, но делает это без особых изысков.

По стартовой цене (70$ ежемесячно за 5 000 просмотров в месяц) Lander остается хорошей альтернативой. Здесь ограничен выбор шаблонов продающих страниц, но они отличаются современным минималистичным дизайном и отлично соотносятся с актуальными принципами по оптимизации конверсии.

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

Хорошее техническое оснащение Lander дает возможность провести A/B тестирование в любом ценовом диапазоне. Их страницы легко интегрируются с Paypal, социальными сетями, сервисами Mailchimp и Salesforce, а также другими услугами.

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

В целом, очень неплохо.

6. Landingi

Если вы заплатите сайту Landingi за 6 месяцев вперед, вы можете получить 10 000 посетителей в месяц всего за 29$ .

Сервис Landingi предлагает впечатляющий выбор шаблонов и неограниченное A/B тестирование в любом пакете услуг. Серьезное предложение по отличной цене.

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

Итак, 29$ в месяц за 10 000 посетителей и впечатляющий выбор шаблонов оказались достаточными для Landingi, чтобы он оказался на шестом месте в нашем рейтинге.

5. Instapage

Instapage также предлагает 29$ в качестве начальной цены, но только за 5 000 посетителей .

В эту стоимость также включено безлимитное A/B тестирование. Instapage выигрывает за счет очень простого и удобного в использовании интерфейса.

Instapage — это очень широкий выбор шаблонов высокого качества. Несмотря на то, что у них есть глянцевые, яркие варианты, вы не ошибетесь, выбрав продающую страницу от Instapage. А за 29$ в месяц ничего дешевле такого же качества не найти. Выше мы упомянули Landingi за их больший выбор шаблонов и доступность поддержки в он-лайн чате.

Недостаток Instapage в том, что он ограничивает пользователей, заплативших 29$, в использовании таких пакетов программ, как Salesforce и Infusionsoft, что является странным выбором сегментации характеристик (на наш взгляд).

4. Wishpond

Wishpond – еще один сервис, который обладает множеством преимуществ.

Wishpond является одним из немногих продуктов, который не устанавливает ограничений для пользователей и лимит в посещениях за 45$ в месяц . Хотя за эту цену они не предлагают A/B тестирования, оно входит в пакет за 65$ в месяц, что позволяет его сравнить с Lander. На наш взгляд, продающие страницы от Wishpond слегка выигрывают в качестве у Lander, хотя бы по выбору шаблонов, выложенных у них на сайте.

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

Покупка всплывающих форм у таких популярных сервисов, как OptinMonster, требует дополнительных 49$ в месяц (). Поэтому доступность данной функции является неоспоримым преимуществом Wishpond.

3. PageWiz

PageWiz устанавливает цену 29$ в месяц за 5 000 посетителей . Этот сервис включает неограниченное количество A/B тестирований, полный набор профессиональных интеграций и легкий в использовании редактор.

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

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

Вот почему PageWiz является просто уникальным сервисом.

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

2. Unbounce

Unbounce является хорошо известным лидером по оптимизации продающих страниц. Этот сервис предлагает мощную платформу для кастомизации проверенных шаблонов или создания вашей собственной страницы с нуля.

Минимальный пакет услуг стоит 50$ в месяц за 5 000 посетителей , и из-за такой цены Unbounce не стал самым дешевым вариантом. Однако, в этот базовый набор входит неограниченное A/B тестирование и оповещение о количестве лидов. Их следующий пакет стоит 100$ за 25 000 посетителей и включает полный набор функций Unbounce.

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

1. LeadPages

Проведя серьезное исследование, мы отдаем первое место в нашем рейтинге сервису LeadPages.

Как и Unbounce, LeadPages был создан специально для оптимизации конверсии продающих страниц. Однако, в отличии от Unbounce, сайт LeadPages не остановился только на этом. Он обладает такими ценными функциями, как всплывающие окна и ссылки, позволяющие оформить подписку одним кликом. Рассылка от LeadPage обеспечивает пользователей, владельцев бизнеса, значительным набором инструментов для создания списков рассылки или конвертации трафика в покупателей.

Более того, стоимость пакета LeadPage не имеет ограничений по количеству пользователей. Начальная цена 37$ в месяц предлагает шаблоны продающих страниц и всплывающие окна без дополнительных характеристик. Следующий пакет за 67$ в месяц состоит из полного набора функций, включая доступ к сети аффилиатов и загрузку настраиваемых шаблонов. По нашим расчетам, характеристики, предлагаемые в обоих пакетах, являются лучшими в этом рейтинге сервисов.

Единственное, что нас беспокоит в LeadPages, это их способность достойно поддерживать быстро растущий список клиентов. Нам понадобилось 15 минут на безрезультатный поиск контактной информации, и в итоге мы зашли в сообщество на Google Plus, в котором было очень много вопросов без ответа. Отрицательные отзывы о компании также должны привести к улучшения службы работы с клиентами, но это пока только в планах. Посмотрим, как они исправятся.

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