Главные секреты в создании лендинга

Почти все лендинги, не имеют особой уникальности. В них нет креатива, каких-то ярких задумок автора

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

Посмотрите на все примеры и примените, понравившиеся вам, на практике.

Расширенная форма

Чаще всего на так называемых «одностраничниках» пользуются обычной заявочной формой, имеющая несколько полей. Обычно клиенту надо вписать контактные данные – Ф.И.О., Email, мобильный телефон. Но иногда тему приходится раскрывать поподробнее. Например, в сложных сферах. Как это сделано в «Текстерре» в dellservers.ru. Там у клиента имеется возможность выбора параметров, задач сервера. Также вполне возможно сбросить все, если что сделано не так.

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

CTA. Две нужные кнопки.

В wunderlist.com/ru есть на выбор две кнопки: «Создать бесплатную учетную запись» и  «Загрузить Wunderlist». Если пользователи нажимают на  обе ссылки, то лендинг отлично выполняет свою работу.

Результаты. Конкретика.

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

Персонализация

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

Вопросы

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

Если пользователь авторизовался через Вконтакте, написать вопрос он сможет быстро и легко.

Отзывы

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

Покажите свои результаты.

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

Анимация

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

Создайте эффект параллакс

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

Оригинальные иллюстрации

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

Мультилендинги

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

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

• Функциональное описание
• Дополнительные модули
• Популярные вопросы
• Стоимость услуг
• Отзывы

Hover- эффект

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

Сплит-макеты

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

3D графика и дополненная реальность

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

В этом нет ничего сложного. Много специалистов сумеет сделать такое. Зато взамен вы получите довольных клиентов, которые могут в 3D формате выбрать себе кухню, потом подобрать в ней цвета: стен, потолков, холодильника и так далее.

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

Прелоадеры

Другими слова прелоадер — это знак появляющийся на странице сайта перед ей загрузкой.

Зачем это нужно?

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

Давайте посетителю гарантии

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

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

Делайте хорошие заголовки и подзаголовки

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

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

Признаки правильных заголовков

• Показывает преимущества, а не перечисляет характеристики
• Простота, понятность, понятная цель
• Сделан при использовании мнения аудитории и отзывов
• Дает конкретные сроки, получения преимущества
• Правдоподобность
• Оптимизация для поисковых систем, содержание ключевых слов

Как можно меньше лишнего

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

Делайте тексты меньше

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

Важные мелочи

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

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

Итоги

Лендинг это то, про что никак нельзя сказать: «Сделал и забыл». У вас никак не получится после успешного создания лендинга, надеяться на то, что он сам сделает поставленные цели. Чтобы из вашей компании извлекать максимальные выгоды, нужно постоянно измерять и изучать данные.

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

В конце статьи хотелось бы рассказать о аспектах хорошего дизайна лендинга.

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

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