Пять золотых правил продающего веб-дизайна

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

Правило №1: дизайн должен согласоваться с продуктом

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

Правило №2: юзабилити, или делаем так, как привык пользователь

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

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

Правило №3: акцентирование внимания на продукте

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

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

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

Правило №4: качественный контент

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

Текстовый контент для продающего сайта, тоже должен быть надлежащего качества. Помимо сео-оптимизации, важно учитывать его практическую пользу. Интересные, тематические статьи, привлекают около 30% пользователей на ресурс, из которых, минимум 10%, в будущем вернуться на сайт уже для покупки.

Правило №5: правильное использование цветов

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

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

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

Магазины для взрослых создают дизайн на основе фиолетовых, красных тонов, являющихся прообразами страсти: тайной или явной.

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

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