5 признаков продающего дизайна

Дизайн бизнес-сайта или интернет-магазина не должен быть “просто красивым” - он должен служить одной цели: увеличивать число продаж. Ваш сайт активно привлекает покупателей, если...

Дизайн, пантон
Фото: pixabay.com
1

Посетителя не отпугивает первый взгляд на сайт

Популярный разработчик шаблонов сайтов, компания TemplateMonster, провела исследование и выяснила, что 42% покупателей создают свое представление об интернет-магазине, основываясь только на его оформлении,а 52% — никогда не вернутся на сайт, который им не понравился.

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

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

1

Розовый фон с нежным рисунком подходит для сайта женской одежды.

2

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

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

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

2

Посетителю не нужно думать

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

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

Главное правило: вся важная информация должна размещаться выше “мертвой линии”

 Разделите экран по горизонтали на три части. Нижняя треть — это зона, куда, согласно тестам, взгляды посетителей практически не попадают. Мысленно проведите линию, отчеркивающую нижнюю треть экрана — и проверьте, оказалось ли что-то из важной информации в “слепой зоне”. Если да — это нужно поскорее исправить.

Главную информацию о вашем магазине потенциальный клиент получает из так называемой “шапки” (header), занимающей верхнюю часть страницы. Разместите здесь название магазина (лучше — в виде логотипа), при необходимости — короткий и яркий “слоган”, объясняющий, чем именно вы занимаетесь, контактный телефон.

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

3

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

4

А вот здесь изображение полностью соответствует тематике магазина.

Купить что-либо именно у вас покупателю поможет “социальное доказательство”: яркая цифра, подтверждающая ваш опыт в обслуживании покупателей. “75% наших клиентов обращаются к нам снова!”, “2000 обработанных заказов — результат последнего месяца”, “30 благодарных отзывов каждую неделю” — фразы, которые сразу дают понять: у этого продавца (то есть у вас!) есть масса довольных клиентов, а значит, ему можно доверять.

К слову, о “благодарных отзывах” — здесь же, на главной, можно опубликовать один из недавних положительных отзывов клиентов, при клике на который новый покупатель перейдет на страничку отзывов (вы ведь помните, что такая страничка у вас обязательно должна быть!).

Еще одна цифра, которую стоит разместить на главной странице, — информация об ассортименте. “6 000 модных платьев на любой вкус”, “300 моделей чехлов для телефона”, — пусть покупатель сразу видит, что у вас он гарантированно найдет нужное.

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

3

Посетитель легко может найти ваш сайт в закрытых вкладках

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

Учтите, что размер фавикона всего 16*16 пикселей, а это значит, он не должен содержать мелких деталей. Правильный фавикон соответствует тематике вашего интернет-магазина.

5

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

4

Посетитель сразу понимает, что ему нужно сделать

Определитесь, какого действия вы ждете от посетителя. Чтобы он подписался на рассылку? Заказал просчет услуги? Связался с менеджером? “Лайкнул” вашу страничку в фейсбуке?

Выберите самые главные и желаемые действия (на главной странице не должно быть много призывов!), сделайте кнопку заметной, однозначно трактуемой. “Кнопка действия” должна размещаться выше “мертвой линии”, ее должно быть хорошо видно, она должна быть однозначной.

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

Еще один секрет:

Если на вашей главной странице предполагается фотография человека, найдите такую, на которой взгляд персонажа устремлен на вашу “кнопку действия”

Это привлечет к нужному вам месту дополнительное внимание пользователей.

5

Посетитель может рассмотреть товар во всех подробностях

Особенно важно тщательно выбирать снимки, иллюстрирующие “витрину” вашего магазина на главной странице. Сделать продающую фотографию (линк на соответствующую статью) — настоящая наука.

Ее стоит освоить, потому что большинство покупателей воспринимают информацию в интернет-магазине “на глаз” (к визуалам, которых около 40 %, в интернете присоединяются кинестетики, лишенные возможности потрогать товар: им особенно важно наличие четких снимков деталей вашего товара, его фактуры).

Крупные маркетплейсы типа prom.ua в Украине и tiu.ru в России предлагают клиентам услугу «Продающее фото»

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

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