Заказать дизайн лендинга. Обратная связь с клиентами. Форма обратной связи

Разработка дизайна лендинг пейдж по принципу «хочу, как у него» осталась еще в 2014 году, когда эффективность продающей страницы раскрылась по максимуму, а компании поняли, что с помощью лендинга можно не только быстро продавать товар/услугу, но и раскрывать себя с креативной точки зрения. Современные landing page - это не только продающая структура, но и отличная возможность вызвать у посетителя WOW-эффект, восхищаться идеей страницы и ее реализацией.

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

Все 9 примеров , собранных из Интернета, мы посчитали крутыми. Простота, соответствующая принципу лендинга, удобство и учет основных требований, свойственных целевой странице, делают примеры продающих Landing page высококонверсионными.

Пример продающего сайта № 1

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

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

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

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

Пример лендинга № 2

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

Разжигается интерес критериями.

Профессиональные и яркие фото и видеоматериалы еще сильнее разжигают интерес к услуге.

"Дожимаем" посетителя рядом преимуществ и закрываем потребности, вызываем "желание".

Логический завершающий структуры AIDA - блок "действие".

Пример лендинг пейдж № 3

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

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

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

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

Пример страницы лендинга № 4

Хороший landing page, разработанный нашей веб-студией, который может стать примером для подражания и вдохновением для других разработчиков и клиентов. Одностраничник и раскрывает проблему целевой аудитории (в нашем случае, это женщины с большим объемом груди), и сразу решает ее путем качественного оффера.

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

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

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

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

И фотография директора компании с его обращением к клиенту.

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

Пример посадочной страницы № 5

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

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

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

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

Пример удачного лендинга № 6

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

Этот landing page имеет отличительную особенность, которой редко пользуются другие разработчики. Она максимально раскрывает вопрос цены, предлагая пользователю самостоятельно выбрать ценовой диапазон, рассмотрев варианты, которые ему по карману.

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

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

Пример посадочной страницы № 7

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

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

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

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

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

Здесь нет социальных доказательств, блока доверия, блоков преимуществ и выгод. Зато есть рецепт котлеток:-)

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

Пример продающего сайта landing page № 8

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

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

Блок выгод акцентирует внимание на удобство сотрудничества.

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

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

Пример landing page № 9

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

При выборе исполнителя потенциальному клиенту важна репутация и опыт компании. Именно на этой информации потребитель формирует выгоды для себя.

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

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

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

Напутственные слова

Современный пользователь, изощренный бесчисленным количеством продающих страниц, попадающимся ему на глаза, уже устал от однотипности. Сегодня в моду вошла уникальность, чем интереснее и необычнее лендинг, тем выше вероятность того, что он привлечет внимание юзера. К тому же, хороший и эксклюзивный дизайн - это всегда плюс: и посетителя удивить, и себя порадовать. А приятно удивленный посетитель, как минимум, +10% к конверсии. Желаем оригинальных и вкусных идей! А если с этим возникли трудности, вы всегда можете заказать landing page в нашей веб-студии.

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

Приветствую вас в блоге Start-Luck. Ваша цель создание лендинга и вы исследуете разные варианты ее достижения? Тогда эта статья будет вам полезна.

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

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

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

Структура

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

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

Если опытная хозяйка добавляет в борщ кинзу, скорее всего выйдет вкусно. Если начинающий повар добавляет горсть опилок, просто пытаясь сделать что-то новенькое, скорее всего получится не очень.

Итак, как сделать лендинг, что он должен в себе содержать?

Компания

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

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

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

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

Продукт

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

Преимущества

Каждый продукт чем-то хорош. Иначе зачем создавать очередную компанию? Эти отличия нужно показать человеку, если хотите, чтобы он что-то у вас купил. Чем убедительнее получится, тем больше пользы принесет страничка.

Оффер

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

Форма обратной связи

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

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

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

Представьте, товар стоит 2 000 рублей, на , которая привлекает покупателей, вы тратите точно такую же сумму. На сайт заходит 100 клиентов. Даже если трое решат воспользоваться предложением, вы получаете двойную прибыль.

Чем лучше создана страница, тем больше заказов. Как научиться создавать красивые лендинги? Для начала я бы посоветовал вам попрактиковаться на Wix . Я уже говорил о его . Вам нужно набить руку и это прекрасная площадка для усовершенствования своих навыков. Код учить не обязательно, никаких сложностей, это самый простой визуальный редактор для создания очень красивых проектов.

Никто не станет пускать за руль человека, прежде чем он пройдет обучение на тренажере. Вот он вам – пользуйтесь. К тому же смотрите, оплатив годовой тариф на викс, даже если вы захотите испытать сайт в деле, вы потратите 4500 рублей в год. В качестве бонуса, вы получите 3000 рублей на контекстную рекламу в .

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

У меня есть альтернативный вариант. Adobe Muse. я тоже уже писал. Это все тот же конструктор, только чуть более сложный и без «запятнанной» репутации. Используя его вы уже проявите себя как профессионал. Компания, выпустившая его, также создавала фотошоп, премьер про, в котором работают телевизионщики и многое другое качественное и крутое ПО.

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

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

Лучшие примеры, которые нарушают все правила

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

Дизайнеры восхитили именно меня и думаю, от некоторых из этих примеров вам тоже захочется воскликнуть: «WFT!».

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

На втором месте «Окна людям ». Ребята просто взяли, нарисовали ленд на листочке, отсканировали и выложили в интернете.

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

Ну и первое место – Алексей Земсков (3208.ru ), который занимается ремонтом. Просто офигеваешь, когда попадаешь на этот сайт. Кажется, что он создан школьником, подкупает своей мужественностью, простотой и брутальностью.

Если вы не обратили внимание или не можете прочитать, на логотипе написано: «Сайт очень легко запомнить – 32 зуба и 8 пальцев».

Почему он на первом месте? Да потому что спустившись с главного экрана ты понимаешь, что проект выполнил нифига не профан. Он сделан очень круто, профессионально. Это ни разу не насмешка. Тексты подкупают своей правдивостью. Создается впечатление, что ты знаешь этого Алексея и очень хочешь работать именно с ним.

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

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

Что такое лендинг?

Понятие landing page, как, в принципе, и дизайн лендинга, пришло к нам сравнительно недавно, по официальной версии из США, лет 10–12 назад. По сути, это продающий одностраничный сайт, созданный ради одной единственной цели: подготовить и довести потенциальных клиентов к покупке товара или услуги.

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

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

Чем отличается лендинг пейдж от обычного сайта? Ну, во-первых, на нем нет сложных навигационных сеток. Во-вторых, нет меню. Все ссылки, которые есть на таких страницах, ведут, в основном, на раздел «заказать» или «оставить заявку». И, в-третьих, landing захватывает с первых минут и не отпускает, пока вы не проскролите до самого футера. Это в идеале, конечно .

Для кого создаются одностраничники? Для бизнеса, старт-апов. Наиболее востребован лендинг среди:

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

Л-пейдж делят на:

Long и Short landing page;

Оne step и Two steps landing page.

Самые распространенные - Оne step Long, то есть длинные и одношаговые. Short - соответственно, короткие; их используют для сбора подписной базы, e-mail адресов и т. д. Two steps встречаются крайне редко, они делятся на две страницы: так сказать, накручивание интриги и собственно призыв к действию.

Как оценивается эффективность лендинга?

Для оценки эффективности работы посадочных страниц используется самый объективный показатель - конверсия. Конверсия - это соотношение числа посетителей, совершивших целевое действие, к общему количеству посетителей сайта. Считается она так:

сегодня на сайт зашло 250 человек, оставили заявки на консультацию 12 человек;

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

значит, дневная конверсия составила 12/250 * 100 = 4,8%

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

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

К какому проценту конверсии надо стремиться? Это зависит от ниши бизнеса, в котором лендинг будет бороться за клиентов. Ну, например, для туристического захвата конверсия не должна опускаться ниже 9–14%, а вот для элитных товаров (тех же шуб, драгоценностей, автомобилей) конверсия в 6% будет уже за верхней границей. Абсолютный рекордсмен по конверсии, естественно, инфобизнес. На продаже обучающих курсов в удобном формате можно смело требовать 22–30%.

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

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

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

3. Заголовок. Как книга начинается с обложки, так и о качестве landing можно сказать по его заголовку. При неудачном варианте процент закрытия страницы на 5–7 секунде просмотра будет очень высоким.

4. Визуализация. Максимум наглядного материала. Можно 100 раз рассказать, как работает ваш товар, но проще 1 раз показать на коротком видео ролике. Не требует ваш товар или услуга видео презентации? Тогда фото во всех ракурсах, фото довольных клиентов, счастливых покупателей…и т. д.

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

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

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

И напоследок еще один секрет от коллег-маркетологов, чью роль в создании захватывающих страниц нельзя недооценивать. Правило AIDA:

Attention - внимание;

Interest - интерес;

Desire - желание;

Action - действие.

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

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

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

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

«Встречают по одёжке…», гласит известная пословица. Что ж, в случае с интернет-маркетингом это в 9 случаях из 10 совершенно справедливо.

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

Первое правило дизайна: «Не заставляйте меня думать!»

Ключевое правило веб-дизайна сформулировано в Стивом Кругом. Вышедшая в далёком 2000 году книга «Не заставляйте меня думать» актуальна спустя 15 лет.

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

В чём суть правила? Среднестатистический потребитель не хочет думать. Зайдя на сайт или продающую страницу, он хочет рассуждать по принципу «так, понятно… а вот это… а вот и то, что мне нужно». И как часто владельцы сайта сами строят препятствия на пути у потенциального покупателя! Бездарный дизайн лендинга – то, что забивает первый гвоздь в крышку гроба вашего проекта.
Как же выглядят типичные ошибки?

4 ошибки, снижающие конверсию

Ошибки №1 и №2

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

• В первом случае «дизайнеры» используют заезженные, безжизненные шаблоны. Утянутые с flaticon.com бесплатные пиктограммы, таймеры на весь экран со «специальными предложениями» и другие прелести – прилагаются.
• Второй случай намного хуже первого, и, ей-Богу, лучше бы горе-дизайнеры лепили всё по одному (но хорошему) шаблону. Речь идёт о случаях, когда дизайн абсолютно не соответствует предлагаемому товару. Визуально «тяжёлые» блоки, тёмно-коричневый цвет, текстуры кожи, дерева и золота в лендинге, продающем чай для похудения? Легко!
  Как этого избежать
• Остерегайтесь бесплатных «стандартных» шаблонов. Они могут быть очень яркими и красочными, но абсолютно не выражающими суть вашего товара. Обратитесь к профессионалам, которые придадут лендингу действительно уникальный вид.
• Чётко определитесь с ЦА. Если это девушки, то и дизайн landing page должен быть в меру «девчачьим» – в зависимости от товара. Если вы продаёте дрели новейших моделей, то пусть и дизайн landing page будет сдержанным, «профессиональным» – ведь именно этого ждёт мужская аудитория. Запомните: не получится угодить всем.

Ошибка №3

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

• Мелкий шрифт. Это хуже… хуже всего, в общем. Когда текст набран крошечными буковками, ваш потенциальный клиент НЕ БУДЕТ напрягать зрение дольше нескольких секунд, и просто закроет страницу. Смиритесь. И начните, наконец, использовать большие буквы.
• Слишком много текста. Лендинг может состоять и из 5, и из 25 блоков (последнее даже лучше – при соответствующем исполнении). Однако ни один из них не должен быть перегружен текстом. 90% людей визуалы – так дайте им картинки, образы, которые легко считываются и запоминаются. «Не заставляйте меня думать!» — не забыли?
• Светлый текст на тёмном фоне, капслок, восклицательные знаки!!!, и другие мелочи. Всё это напрямую относится к дизайну. Текст в лендинге должен легко читаться. А читаемость зависит не только от того, как построена фраза, но и от того, как она выглядит.

Как этого избежать?

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

Ошибка №4

Этот пункт касается в первую очередь лендингов, связанных с бизнес-тематикой. Ошибка, о которой пойдёт речь, преследует 99 из 100 продающих страниц. Речь идёт об изображениях с бесплатных фотостоков. В основном этот ужас можно увидеть в разделах «О компании», но некоторые не стесняются ставить фотографии улыбающихся бизнесменов и в первый блок лендинга.
Отнеситесь к этому серьёзно. То, что допустимо в блоге или статье, недопустимо в бизнесе, тем более – в продажах.
Когда вы используете это:

Ваш лендинг выглядит:

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

Если вы стесняетесь, или вам некого фотографировать в качестве сотрудников – разоритесь на 5 долларов ради платного аккаунта на фотостоках.

Немного о usability

К дизайну также относится «юзабилити» лендинга. Слово usability не имеет адекватного перевода на русский язык. «Удобство использования» – достаточно близкий перевод, лишённый, впрочем, оригинального «вкуса».
От того, как расположены и как выглядят элементы интерфейса на вашей landing page, во многом зависит решение посетителя о покупке.

Говоря упрощённо:

1. Кнопка «купить» выглядит вызывающе, кричаще? «Мне что-то навязывают», думает клиент, и навсегда уходит с вашей страницы.
2. Кнопка «купить» находится в неочевидном месте, её трудно найти? Клиент снова уходит.

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

Помните, для чего нужен лендинг

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