Что делать, если ваш лендинг шаблон не конвертирует?

02.12.2015 Маркетинг

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

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

Как популярны шаблоны лендингов?

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

1. Лишь один Themeforest предлагает более 25 000 шаблонов сайтов.

2. Envato Market со своим огромным сообществом дизайнеров, девелоперов и фотографов общим количеством 6 800 000 участников выставляет к продаже более 10 100 000 дизайнерских продуктов.

3. HubSpot имеет более 1 400 шаблонов email-сообщений и website templates.

4. TemplateMonster реализовывает более 50 000 шаблонов сайтов.

В сети возможно кроме того отыскать целый сайт-пародию, высмеивающий избитые шаблоны одностраничников на базе bootstrap:

Посмотрите-ка, вот он во плоти: сайт на базе bootstrap.Что делать, если ваш лендинг шаблон не конвертирует? Просмотрите на отечественную страницу, дабы убедиться, что она выглядит полностью равно как и 10 миллионов вторых сайтов! И у нее все тот же комплект стандартных функций!

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

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

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

1. Являются ли шаблоны успешным ответом с позиций оптимизации коэффициента конверсии?

2. В случае если нет, какую стратегию направляться выбрать вашим экспертам в области CRO (conversion rate optimization)?

3. Что маркетологам необходимо учесть в собственной работе?

Уникальный подход — как он серьёзен?

Но сперва зададимся вторым значительным вопросом: какое значение имеет оригинальность Сейчас?

Сейчас столько компаний выбирают готовые шаблоны, что большая часть веб-сайтов выглядит совсем одинаково. Однако, Джастин Рондо (Justin Rondeau), начальник отдела оптимизации и один из авторов в Digital Marketer, не видит в этом неприятности:

«Эксперты в области оптимизации в большинстве собственном не являются опытными дизайнерами — как раз исходя из этого я СОВСЕМ не против того, что они прибегают к готовым ответам для начального запуска. Как правило шаблоны помогают двум целям: во-первых, скоро создать дизайн и запустить сайт, во-вторых, применять структуру, ожидаемую пользователями.

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

Но нельзя легко в один раз настроить шаблон, а позже забыть про него! Запустите сайт, соберите эти, внесите корректировки, после этого улучшите его производительность.

Я думаю, многие эксперты в области маркетинга либо оптимизации уверены в том, что применять шаблоны сайтов пара нечестно. Движение их мыслей таков: «Кто-то еще, кроме меня, может применять те же шаблоны либо темы». Какая отличие?!

Вы лучше понимаете собственный дизайн, собственный контент, да фактически все о собственном бизнесе, чем кто-либо из существующих либо потенциальных клиентов.

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

Для начала, сделайте ход назад и спросите себя: вправду ли принципиально важно, что какой-то второй сайт выглядит так же, как ваш?

Затем поразмыслите о эффекте узнавания и влиянии эталонов (familiarity). В большинстве случаев сознание пользователей позитивно принимает что-то обширно распространенное и ожидаемое.

Джош Данстервиль (Josh Dunsterville), несущий ответственность за дизайн в KlientBoost, разделяет подобный взор:

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

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

Нет.

  • Разрушая стереотипы веб-дизайна, вы уничтожаете пользовательский опыт

Шаблоны — это хорошее начало для чего-то большего

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

Шаблоны имеют место быть, в случае если исходить из принципа «Лучше готовый продукт, чем совершенный».

В случае если у вас имеется ресурсы и время — превосходно! Воспользуйтесь ими. Но в случае если ваша обстановка не отличается от других людей, шаблоны сайтов смогут стать хорошей альтернативой, считает Скайлар Ричард (Skylar Richard), UX-дизайнер компании Qimple:

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

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

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

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

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

Так что же обязан содержать шаблон сайта? Джош Данстервиль предлагает обращать внимание на базы, ища что-то простое и служащее в качестве «черновой отделки»:

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

Вы понимаете, что у вас будет зал, кухня, ванная и т.д.

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

Однокомнатное жилье, вероятнее, не подойдет семье из пяти человек. Так же и шаблон сайта стоматологической клиники вряд ли будет оптимален для SaaS-компании.

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

После этого перевоплотите шаблон в сайт, что трудится как раз для ваших визитёров».

Занимаясь поиском шаблонов, обращайте внимание на наличие следующих моментов:

1. Ясность (Clarity): разрешает ли шаблон внятно выразить ваше ценностное предложение (Value Proposition).

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

3. Навигация (Navigation): как понятен функционал иконок.

4. Совместимость с мобильными устройствами (Mobile Compatibility): как сайт будет смотреться в мобильной версии.

5. Быстродействие (Performance): не замедляют ли сайт какие-либо функции либо компоненты.

6. UX: присутствуют ли неточности в UX.

7. Доступность персонализации (Customization): вероятно ли приспособить сайт под вашу компанию в будущем.

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

  • 8 воодушевляющих примеров товарных Landing Pages

Вот, в неспециализированном-то, и все…

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

Они не созданы для оптимизации конверсии

Шаблоны сайтов создаются дизайнерами. И, в большинстве случаев, в собственной работе они не исходят из правил оптимизации конверсии. Сооснователь компании Unbounce Оли Гарднер (Oli Gardner) растолковывает, из-за чего это может стать их огромный недочёт.

«Мой совет тем, кто планирует приобретать шаблоны лендингов и сайтов: будьте осмотрительны.

Любой человек, когда-либо начинавший бизнес и нуждавшийся в недорогом сайте в сжатые сроки (к примеру, в MVP-сайте для сбора лидов для тестирования бета версии либо в рамках нежданно «нарисовавшейся» маркетинговой кампании) как минимум раз либо два брал либо применял шаблон.

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

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

Возможно кроме того не сомневаться, что дизайнеры, осознающие, как необходимо разрабатывать дизайн, снабжающий рост конверсионных действий, не реализовывают собственные шаблоны за $30.

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

Но не забывайте: то, что сработало на одном сайте, не обязательно принесет плоды на втором. Как растолковывает Сара Дуди (Sarah Doody), основательница The UX Notebook, конверсия не есть передаваемой величиной:

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

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

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

Применяя шаблон, вы не имеете тот контекст, для которого он изначально создавался».

Перед тем, как обратиться к шаблону сайта, задайте себе пара вопросов:

1. Похож ли данный шаблон на образцы сайтов, используемых в моей индустрии?

2. Подходит ли он конкретно к моему бизнесу?

3. Будет ли мой контент верно трудиться в данной модели?

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

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

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

К примеру, вы имеете возможность встретить страницы с разделом «Отечественная команда», блоками предложения действий для пользователей, картами, контактами, видео, слайдерами и т.д. Ни одна из этих частей сама по себе не подразумевает нехорошей UX, но если вы заполните ими всеми одну страницу, вы быстро увеличите количество объектов, на каковые пользователь обязан будет направить внимание».

Они прекрасные и «в тренде»

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

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

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

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

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

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

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

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

1. Параллакс (Parallax) подразумевает более медленное перемещение изображений на заднем фоне по отношению к элементам переднего фона, что формирует 3D-эффект при прокручивании страницы вниз.

2. Контурные кнопки (Ghost Buttons) — это прозрачные безлюдные кнопки, имеющие несложную форму (квадрат либо прямоугольник).

Джастин Рондо вторит словам Оли Гарднера довольно контурных кнопок и додаёт еще один недочёт шаблонов сайтов:

«слайдеры и Контурные кнопки громадного размера — это, пожалуй, самые популярные неточности в выборе элементов, видящиеся на популярных шаблонах».

Маарья Каськ (Maarja Kask), веб-дизайнер в ConversionXL, кроме этого отмечает, что шаблоны сайтов на первый взгляд выглядят привлекательно, но видимость возможно далека от действительности…

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

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

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

Я довольно часто вижу в шаблонах экспериментальные, чересчур хорошие hover-эффекты: они отвлекают внимание и подходят не для любого типа аудитории. Также, строка поиска довольно часто скрыта иконкой и гамбургер-меню (наряду с этим на ярлыке нет слова «Меню»)».

Они заставляют лениться

Удобство обычно ведет к лени. Люди смогут применять (и применяют) шаблоны по принципу «установил и забыл». Не будьте одним из этих лентяев.

Вот, что предлагает Джастин Рондо тем, кто рискует попасть в данную ловушку.

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

Базисные настройки — это всего лишь вероятный вариант функционирования, и, само собой разумеется, имеется области, каковые вы срочно имеете возможность улучшить в собственном шаблоне».

Принимайте шаблон сайта как минимально жизнеспособный продукт (Minimum Viable Product). Вам еще предстоит без шуток поработать над его оптимизацией чтобы сделать его успешным.

  • Тренды веб-дизайна, убивающие вашу конверсию

Применять с умом

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

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

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

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

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

Если вы купили тему от WordPress либо что-то похожее, частенько вам нужно будет зайти в настройки и отключить кое-какие из них. Это повысит скорость и в следствии быстро улучшит юзабилити вашего вебсайта либо лендинга.

Не забывайте, что в базе создаваемого вами маркетингового опыта должны быть правила ясности (Clarity) и восхищения от применения (Delight). Все это имеет значение для ваших визитёров, соответственно, и для коэффициента конверсии. Сосредоточьте внимание на этих двух вещах — и вы не совершите ошибку.

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

Маарья Каськ предлагает собственный совет по важном выбору шаблона сайта.

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

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

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

  • Функционал HTML-редактора шаблонов LPgenerator: подробное управление

Заключение

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

Для каждого из них нужно проводить собственный анализ конверсии, делать собственные прогнозы и запускать собственные тесты.

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

И не забывайте: с выбором макета ваша работа лишь начинается…

Высоких вам конверсий!

По данным: conversionxl.com

Случайные статьи:

Landing page не работает! Что делать?


Подборка похожих статей: