Правила оформления рекламных баннеров на сайте

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

• Объявление должно содержать призыв к действию;

• Баннер должен вписываться в структуру и цветовую гамму сайта;

• Текст и фон должны контрастировать;

• Баннер следует размещать на страницах, которые схожи с тематикой баннера;

• Высокое качество баннера (графические элементы в высоком разрешении,

• удачно подобранные шрифты);

• Количество размещенной на баннере информации.

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

• Большое изображение товара;

• Сильные стороны товара;

• Ключевые слова, привлекающие внимание: «скидка», «акция», «рассрочка», «специальное предложение» и т. д.;

• Информация о скидке: «—30%», «Старая цена/новая цена»;

• Информация о дате проведения акции: «С 8 по 16 мая»;

• Рекламный слоган или логотип бренда: «Лучшие наушники 2016», «Скажи „пока“ плохой камере», «Теперь диагональ 5,7 дюйма».

Примеры баннеров:Далее рассмотрим на несколько баннеров и попытаемся понять их сильные и слабые стороны. Предлагаем оценить каждый по 5-бальной шкале эффективности и качества.

Сезонная распродажа

Плюсы:

• Ярко-красный цвет привлекает внимание;

• Хороший контраст (красный/белый);

• Есть минимум информации о товаре (иконки одежды по краям баннера).

Минусы:

• Кнопка «Смотреть всё» — не самое удачное оформление, темно-синий цвет не лучшим образом «работает» с красным;

• Красный цвет и стрелка вызывают ассоциации с YouTube. Возникает ощущение, что при переходе получим видеозапись;

• Довольно странно оформлена информация о скидке «до −70%», а именно слово «до» и символ «%»;

• Низкое качество баннера.

Итоговая оценка: 3 из 5. Как говорится, «на троечку». Баннер заметный, что распродают можно увидеть по иконкам товара. Размер скидки понятен.

 Весенняя распродажа

Плюсы:

• Красочный баннер, красивое оформление;
• Хорошо заметно информацию о скидке.

Минусы:

• Не сразу понятно, на что именно распространяется скидка;

• Детали акции и время проведения малозаметны;

• Нет призыва к действию.

Итоговая оценка: 2 из 5. В силу своего красивого оформления, баннер привлекает внимание, но вот будут ли по нему кликать пользователи — вопрос.

От −30% до −50%

Плюсы:

• Детали акции написаны черным на белом фоне. Информация легко считывается.

Минусы:

• Скучное оформление некоторых элементов баннера (прямоугольники по углам);

• Мало информации о том, на какие именно товары распространяется скидка.

Итоговая оценка: 4 из 5. Баннер довольно неплохо вписывается в общую концепцию дизайна сайта, хоть некоторые элементы (разноцветные прямоугольники) всё портят. Хорошо заметен размер скидки и дата проведения акции.

Межсезонная распродажа 20%

Плюсы:

• Благодаря логотипам известных брендов баннер хорошо заметен;
• Есть фотографии людей в стильной одежде.

Минусы:

• Разные шрифты в описании предложения;

• Текст «На всю женскую одежду» расположен одновременно в розовом и красном блоке этим и нарушает структуру.

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

ZARA — Февраль 2015 года

Плюсы:

• Привлекает внимание логотип известного бренда;

• Благодаря красному кругу хорошо выделен размер скидки;

• Фотография магазина.

Минусы:

• Возникает ощущение, что «скидки до 70% на старую коллекцию» — это некие скрытые детали акции;

• Непонятно что значит «февраль 2015 года». Это дата проведения акции, или информация о том, что это «старая коллекция»? Если информация о времени проведения, то лучше указать «Только до 1 марта» или «Только с 10 по 28 февраля»;

• Отвлекает внимание «SALE» в правом нижнем углу.

Итоговая оценка: 4 из 5. Хорошее качество баннера, неплохое оформление. Всё портит формат подачи информации по деталям акции.

Распродажа бытовой техники

Плюсы:

• Есть фотографии товара;

• Указаны преимущества товара;

• Указана новая и старая цена, а также сколько сэкономит покупатель;

• Кнопка «смотреть товары» — как призыв к действию;
• Точно указано время проведения.

Минусы:

• Немного отвлекает внимание слово «Распродажа»;

• Пустое место в правом нижнем углу. Кнопку «Смотреть товары» можно было сделать больше".

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

• Баннер должен привлекать внимание пользователя. Можно использовать анимацию, фирменные цвета, логотипы известных брендов;

• Важно размещать информацию лаконично и понятно.

После публикации баннера на сайте, очень важно постоянно тестировать баннер, варьировать изображения и тексты. Пробовать новые рекламные заголовки и слоганы, работать с цветовой гаммой и шрифтами.Качественный и подробный анализ Вашего сайта Вы можете заказать в компании Vtest.ru. Наши эксперты по юзабилити, команда специалистов, а также пользователи внимательно просмотрят каждую страницу, проанализирует все элементы Вашего сайта. После получения отчета и внесения изменений согласно анализу, Ваш сайт станет понятней и удобней для совершения покупок, товаров и услуг пользователями. Закажите анализ сегодня и уже через 5 дней у вас будет подробный материал по улучшению сайта.