Хотите, чтобы Ваш дизайн продавал? Не знаете, как усовершенствовать дизайн своего одностраничного сайта? Тогда эта статья точно для Вас!
От качества визуальной подачи информации зависит очень многое. По сути, дизайн помогает копирайтингу продавать, захватывая в нужных местах внимание пользователя. Хорошее оформление упрощает восприятие информации и способствует совершению конверсионного действия.
Хороший дизайн одностраничного сайта позволяет пользователям в течение 3–5 секунд понять, что Вы продаете. Тезис о «решении за 5 секунд» впервые был выдвинут маркетологами в 2006 году. Тогда было проведено масштабное исследование, которое показало, что:
«Захват» внимания осуществляется (или не осуществляется) в течение 3–5 секунд с момента загрузки сайта
Многие ошибочно полагают, что продает эстетически привлекательный дизайн, но на практике даже откровенно «кривые» лендинги могут давать более высокий процент конверсии, если они простые как валенки, а их контент соответствует продвигаемому товару или услуге.
Но! Мы ни в коем случае не призываем Вас создавать сайты с косым дизайном. Просто не забывайте о том, что любая крайность — это не очень хорошо. Дизайн должен быть и красивым, и практичным, и соответствующим продукту. Только тогда Ваш сайт будет продавать.
Итак, вот 5 простых рекомендаций по оптимизации дизайн-макета Вашего сайта.
Очень важно давать пользователям контекст, причем, в самом широком смысле этого слова. Задача дизайнера в том, чтобы помочь копирайтеру объяснить посетителю сайта, куда он попал.
«Упакуйте» свое предложение в соответствующий визуальный контент, который:
Так Вы сможете не только привлечь, но и удержать внимание целевой аудитории, а также сформировать привлекательный образ своей компании.
Качественные изображения и видео также работают на Вашу экспертность и формируют доверие таргет-группы. Главное, это использовать настоящие видео, а не футажи и нарезки из чужих материалов.
Как ни крути, люди симпатизируют людям (…и котикам), и поэтому в дизайне одностраничного сайта мы очень часто используем портретные фотографии. Это делает страницу более эмоциональной, теплой и «живой».
Потенциальные клиенты чувствуют себя комфортно, когда попадают на такой сайт. Просто подумайте: когда Вам кто-то искренне улыбается, Вы ведь часто невольно улыбаетесь в ответ. Эмоциональный дизайн может существенно увеличить конверсию… А может и не увеличить.
Так вот, иногда дизайнеры совершенно бездумно включают в макет людей, которых мы не привыкли видеть. Расскажу небольшую историю из своей жизни. У меня был друг детства, папа которого был из Сенегала, а мама — украинка. Родители мамы жили в Мелитополе, и мы с этим другом детства и его мамой отправились туда на отдых (было нам лет по пять). Я до сих пор помню, как в Бена тыкали пальцем, фотографировались с ним на Кодак и шептались за спиной.
В итоге, история с печальным концом: Бена обижали у нас, а когда он переехал в Сенегал — не принимали и там. Все это потому, что для «наших» он на половину черный, а для Сенегала слишком светлый. То же самое и с дизайном одностраничных сайтов: если лица кажутся посетителю сайта чужими, то и эффекта вовлеченности нет.
Когда я вижу на сайте небольшой ремонтной компании улыбчивую белозубую девушку-консультанта, то я чувствую себя обманутым, ведь когда я делал ремонт, то со мной общалась тучная штукатурщица Зинаида Ибрагимовна. Я утрирую, но идею Вы уловили: размещайте на сайте людей, которых могли бы увидеть на улицах своего города. Также не забывайте связывать их с продуктом или услугой, которую продвигаете.
Контрастные цвета, яркие «цепкие» изображения, типографика — все это позволяет задержать внимание посетителя на той или иной области. Когда смотришь Вебвизор всегда заметно, где пользователь задерживается. На нашей практике, первый крючок — это визуальный контент, а уже потом текст, который находится на этом развороте. В общем, если дизайн будет «гладеньким», то даже при невероятно крутом копирайтинге, сайт просто пролистают, не читая.
Правда, перегибать палку тоже не стоит. Частая ошибка при разработке дизайна одностраничных сайтов — это перебор по элементам, которые выделяются в макете. Чтобы эффективно выделять информацию на лендинге, работайте на контрасте. Не бойтесь белых, чистых блоков с минимумом элементов. Именно на их фоне фотографии, клипарты и текст выделяются, выходят вперед.
В дизайне любого сайта, в том числе одностраничного, важно выделять CTA-элементы. Основная задача интернет-упаковки бизнеса в том, чтобы его посетитель превратился в покупателя, а если в визуальном оформлении не выделены акции и кнопки, то эта самая цель не будет выполнена.
В дизайне одностраничного сайта однозначно следует избегать такой популярной ошибки, как одинаковая цветовая гамма для фона и для кнопки. Это кажется очевидным, но встречается в дизайне лендингов чаще, чем кажется. В итоге кнопка сливается и кажется меньше. Естественно, конверсия в такой ситуации падает.
Потенциальные клиенты ищут глазами информацию о преимуществах, качестве и цене продукта, и если последний параметр можно не указывать, то пренебрегать первыми двумя в крайней степени глупо. Если характеристики и преимущества не показаны в дизайне (или показаны невнятно), то с большой долей вероятности посетитель перейдет на другой сайт.
Иногда даже чистый фон и минимум посторонних элементов не дают должного эффекта. С чем это может быть связано? Например, с тем, что в блоке слишком много текста и он плохо структурирован.
Наша практика показывает, что преимущества проще всего оформлять:
В общем, идея такая: преимущества следует презентовать так, чтобы их можно было прочитать и воспринять быстро и без особых усилий.
Ответ простой: user-friendly. Не забывайте о том, что Вы создаете landing page для людей — красивый, удобный, легко читаемый. Правильный алгоритм выглядит со стороны пользователя так:
Поверьте, все это в Ваших силах, и я очень надеюсь, что эта небольшая статья с 5 простыми советами по дизайну одностраничных сайтов хотя бы капельку помогла Вам увеличить продажи в своем бизнесе!
Оценок: 521 (средняя 5 из 5)
Дизайн Landing Page для новичков: 5 простых советов {descr}
