Почти все лендинги, не имеют особой уникальности. В них нет креатива, каких-то ярких задумок автора
В этой статье присутствует множество интересных и прикольных фишек. Некоторую часть из которых давно сделали веб-дизайнеры, а что пришлось найти в просторах интернета.
Посмотрите на все примеры и примените, понравившиеся вам, на практике.
Чаще всего на так называемых «одностраничниках» пользуются обычной заявочной формой, имеющая несколько полей. Обычно клиенту надо вписать контактные данные – Ф.И.О., Email, мобильный телефон. Но иногда тему приходится раскрывать поподробнее. Например, в сложных сферах. Как это сделано в «Текстерре» в dellservers.ru. Там у клиента имеется возможность выбора параметров, задач сервера. Также вполне возможно сбросить все, если что сделано не так.
Зачем это требуется? Даже если полей в форме всего будет два-три, лендинговый владелец все ровно получит свои лиды. А для клиента гораздо интереснее будет не только заказать, но и самостоятельно сделать выбор своего варианта.
В wunderlist.com/ru есть на выбор две кнопки: «Создать бесплатную учетную запись» и «Загрузить Wunderlist». Если пользователи нажимают на обе ссылки, то лендинг отлично выполняет свою работу.
Важно показать клиентам, какие у вас результаты, в цифрах. Это будет гораздо эфективне чем пустые фразы: «у нас самый лучший сервис», «мы более 10 лет в этой сфере». Вот пример как делать не стоит.
Заставьте потенциального клиента проявить заинтересованность и доверие к вам. Например, разместите фотографии сотрудников, тогда клиент будет понимать, что на сайте работают, вполне, реальные люди.
Если у посетителей возникнут вопросы, а у клиентов появится желание высказать свое мнение – дайте им такую возможность. Общение с клиентами является важной часть продвижения своей продукции. Как быстро задать вопрос, без регистрации? Отличным решением для этого будет ВК.
Если пользователь авторизовался через Вконтакте, написать вопрос он сможет быстро и легко.
Отзывы являются неотъемлемой частью любого сайта. Прочитав их посетитель с легкостью поймет какой это сайт, какие здесь услуги. Понятно, что у довольных не будет ни времени ни желания писать отзывы, поэтому им нужно намекнуть об этом. Проблема заключается в том, что пользователь никак не сможет, проверить настоящие это отзывы или нет. Поэтому нужно идти дальше. Предоставлять в конце каждого отзывы (естественно с позволения клиентов) ссылку на их «Инстаграмм». Так клиент точно убедится в правдоподобности отзыва.
В мобильном приложении Hipstamatic, имеется возможность применения красивых фильтров к фотографиям. Изображение красивых иллюстраций и делает лендинг эффективным. Посетители сразу увидят результаты и в скором времени примут решение о покупке. Размещение результатов очень важна. Посетитель должен понимать что вы сделали и что вы можете.
Картинки, которые движутся, радуют глаз посетителя, кроме того они не навязчиво подскажут на главные элементы. Уделите больше времени анимации.
Скроллинг — параллакс является особым, довольно интересным эффектом. Вкратце суть эффекта: основные элементы двигаются чуть быстрее, чем те что расположены на фоне. Эффект очень красивый, привлекающий глаз.
Красивые, авторские иллюстрации смогут оживить любой лендинг. Главное чтобы рисунки показывали тематику лендинга и были направлены на целевую аудиторию. Например как это сделано у сайта про детское питание, там все стилизовано под детские рисунки, выглядит довольно необычно и привлекает покупателей.
Использовать мультилендинги выгодно, так как посетитель смотрит сразу на несколько предложений, так повышается вероятность того что клиент найдет нужный для себя продукт.
Популярные разделы мультилендингов.
Если навести курсор, на какую-то определённую область, то картинки начнут менять цвет или же, если навести курсор значок домика, на сайте про услуги ремонта покажется красивый интерьер, на какой- то строительный материал, картинка откроется в большом размере и так далее.
Разделение экрана цветом очень эффектный прием дизайнеров. Так взгляд информации не рассевается на весь текст сразу, а концентрируется сначала на одной части, затем на другой. При этом обе информации будут усвоены одинаково.
Например, необычность лендинга компании, занимающейся ремонтов квартир, может являться то, что они предлагают сначала выбрать интерьер комнаты, самому или по готовому шаблону, а потом дают возможность самим раскрасить мебель. Такие функции славятся огромным спросом.
В этом нет ничего сложного. Много специалистов сумеет сделать такое. Зато взамен вы получите довольных клиентов, которые могут в 3D формате выбрать себе кухню, потом подобрать в ней цвета: стен, потолков, холодильника и так далее.
Вы получите много положительных отзывов и прибыль, которая гораздо больше той, которая без этой функции.
Другими слова прелоадер — это знак появляющийся на странице сайта перед ей загрузкой.
Зачем это нужно?
Скорость загрузки сайтов зависит от многих факторов. Не всегда страница загружается сразу. Когда-то может за доли секунды, а когда две-три. Когда страница прогружается несколько секунд, посетитель видит не очень приятную картину, так как сайт будет загружать сначала самые легкие элементы, затем более сложные. При этом все дизайнерские задумки, рассчитанные произвести на посетителя положительный эффект, просто не сработают. Для этого и нужен спинер загрузки.
Это немного уже затрагивалось выше. Пользователь, пришедший к вам на сайт должен понимать ваши серьезные намерения. Предоставьте ему, например, отзывы довольных клиентов. Прочитав их, он поймет, что вы действительно добросовестная компания.
Дайте посетителю единообразный контент, как визуальный, так и текстовый. Когда он кликнет на какую- либо ссылку, у него уже должно быть сформировано конкретное ожидание.
Представьте. Вы неспешно пролистываете ленту новостей, не читая все их подряд. И замечаете заголовок, который вас заинтересовал. Вы вчитываетесь в новостную статью, если она интересная, читаете дальше.
Также и здесь. Заголовки должны быть бросающимися в глаза, ведь для страницы это самый главный элемент. Клиент не хочет тратить много времени на прочтение всех статей. Он ищет только то, что интересует его. Поэтому заголовок играет важную роль.
Не стоит переполнять лендинг не нужной информацией, ссылками. Касается это в первую очередь первого захода посетителя. В этот момент ему нужна краткая информация. Если он захочет большего он перейдет в нужные ему вкладки.
Сейчас во всем мире появилась тенденция сокращения текстов. Все стали считать читателей какими-то кретинами, не способными переваривать большие тексты. Но это тенденция не должна касаться всего. В лендинге ее можно использовать, например, в товарах с низкой стоимостью. Для товаров, чей ценник намного выше тексты, лучше писать побольше. Еще как один вариант: постепено увеличение размера текста
Показатель отказов, на устройствах мобильного или десктопного формата – главная метрика дизайна. При обнаружении проблем с «UX», то есть пользователи устройств мобильного формата, оставляют лендинги с большей скоростью, чем десктопные.
Причин низкой скорости конверсии, может быть масса. Но велика вероятность того, что вы не предоставляете пользователям информацию, нужную им. Ошибка может скрываться в мелочах. К примеру: очень большая форма захвата или очень много информации на одном лендинге
Лендинг это то, про что никак нельзя сказать: «Сделал и забыл». У вас никак не получится после успешного создания лендинга, надеяться на то, что он сам сделает поставленные цели. Чтобы из вашей компании извлекать максимальные выгоды, нужно постоянно измерять и изучать данные.
Никогда не забывайте о правиле: один лендниг – одна цель, в нем заложена ключевая метрика успеха. Но и не забывайте про возможность отслеживания и других показателей, для полного понятия вопроса: Дизайн помогает или мешает?
В конце статьи хотелось бы рассказать о аспектах хорошего дизайна лендинга.
После прочтения этой статьи вы, наверняка, поняли главные правила создания лендинга. Остается только пожелать вам удачи!