[Веб-дизайн без дураков] или 3 ключевых отличия профессионального дизайна лендинг пейдж от любительских поделок

[Веб-дизайн без дураков] или 3 ключевых отличия профессионального дизайна лендинг пейдж от любительских поделок

[Веб-дизайн без дураков] или 3 ключевых отличия профессионального дизайна лендинг пейдж от любительских поделок

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

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

[Веб-дизайн без дураков] или 3 ключевых отличия профессионального дизайна лендинг пейдж от любительских поделок

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

Предприниматели просто не могут знать всего:

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

С другой стороны, за отсутствие заявок несут ответственность и сами дизайнеры:

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

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

В чем основная ошибка?

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

3 характеристики качественного веб-дизайна

Взгляните на дизайн лендингов самых дорогих брендов и крупнейших транснациональных компаний. Вы удивитесь, насколько эти сайты простые, строгие, скромные. Никаких искр из монитора, радуг в глаза и видеоэффектов как в 3D-шутерах последнего поколения. Красота и «навороченность» — не первый приоритет успешного бизнеса. Гораздо выше в цепочке стоят простота, функциональность, удобство и доступность. Конечно, визуальное оформление посадочных страниц Apple выполнено безупречно. Но их дизайн лаконичный и простой: он строго подчинен идее бренда и задачам лендинг пейдж. Хороший веб-дизайн не кричит о своей крутости, не размахивает ею как флагом. Он сопровождает пользователя изящно, ненавязчиво и ни на секунду не отвлекает его от совершения целевого действия.

1. Настоящий веб-дизайн играет вспомогательную роль

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

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

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

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

[Веб-дизайн без дураков] или 3 ключевых отличия профессионального дизайна лендинг пейдж от любительских поделок

Юзабилити, простое восприятие контента, адаптивность, быстродействие, простота. Контрастная цветовая пара, лаконичные формулировки, минимум блоков. Вместо «дорого-богато» заказчик получил главное — продажи.

[Веб-дизайн без дураков] или 3 ключевых отличия профессионального дизайна лендинг пейдж от любительских поделок

2. Хороший веб-дизайн действует прицельно, учитывая сотни нюансов

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

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

Просто представьте, как может восприниматься образ загорелой белозубой девушки в купальнике в Китае, Америке, России и ОАЭ.

Америка. О, привлекательная девушка с Брайтон Бич. Похожа на мою подругу Элис.

Россия. О, привлекательная девушка. Правда, очень уж неестественная, таких у нас не встретишь. Наверное откуда-то с фотостоков взяли.

Китай. Фу, какая некрасивая смуглая девушка.

ОАЭ. Боже, как вульгарно! Как можно размещать такое на своем сайте?

То, что в одной стране совершенно нормально, может оказаться неприемлемым или просто неэстетичным в другой. Например, азиатский рынок — это совершенно другие стандарты красоты: средний рост (около 172 см), тонкая кость, бледная кожа, типаж baby-face. Девушки рисуют себе круги под глазами, отбеливают кожу и стараются говорить как можно более высоким голосом.

К чему все это? Очень важно учитывать специфику рынка, культурные особенности и целевую аудиторию.

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

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

[Веб-дизайн без дураков] или 3 ключевых отличия профессионального дизайна лендинг пейдж от любительских поделок

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

И это только социальные условия, влияющие на уровень продаж с лендинга. Кроме этих есть сотни других: количественные, технические, психологические, физиологические и другие не менее значимые факторы, влияющие на конверсию. Именно поэтому дизайн и разработка лендингов таких компаний, как Google, Adidas, Sony, IBM и Microsoft будет колебаться в пределах десятков тысяч долларов.

3. Правильный веб-дизайн — это функциональный веб-дизайн

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

Для этого нужны три вещи:

  1. Чтобы на сайт привлекался качественный целевой трафик.
  2. Чтобы продукт или услуга были «вкусно» и понятно поданы.
  3. Чтобы посетитель почувствовал выгоду и совершил целевое действие.

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

Пример из жизни: мой хороший друг из Харькова еще в студенческие годы очень любил пообедать в «Пончиковой» — сети закусочных, где продают недорогую квадратную пиццу с очень пышным и мягким тестом. Так вот, когда-то он признался, что по какой-то необъяснимой причине каждый раз, когда он туда приходит, у него разыгрывается зверский аппетит. Стоило только начать есть…И остановиться просто не получалось. После пиццы были пирожки, соки, салаты, десерты и все, на что только хватало стипендии. После десятого, двадцатого, надцатого случая, друга уже стали посещать мысли о том, что в пиццу что-то подмешивают. Стали разбираться. Все оказалось гораздо проще: дело было в дизайне интерьера! Стены закусочных украшала яркая оранжевая плитка, в помещении было теплое освещение… А оранжевый цвет вызывает у многих людей чувство голода, нужды, неудовлетворенности и возбуждает аппетит. И да, надо сказать, что в этой сети никогда не было проблем с уровнем продаж.

Взгляните на дизайн лендинга, который мы сделали для KirinTours:

[Веб-дизайн без дураков] или 3 ключевых отличия профессионального дизайна лендинг пейдж от любительских поделок

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

[Веб-дизайн без дураков] или 3 ключевых отличия профессионального дизайна лендинг пейдж от любительских поделок

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

[Веб-дизайн без дураков] или 3 ключевых отличия профессионального дизайна лендинг пейдж от любительских поделок

Резюме в два предложения

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

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