Мастер-класс Создание баннера для своего магазина

Создание баннера для магазина

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

Скажу честно, сделав выводы из комментариев по своему предыдущему МК по «созданию авторского логотипа», я очень хотела Вам рассказать, как сделать такой баннер с помощью бесплатной программы, доступной всем. Но перебрав несколько таких программ и протестировав их, я сделала выводы, что для создания художественных образов они непригодны. Поэтому, вернемся к проверенному старому Фотошопу (у меня англ. версия). К счастью, хоть эта программа бесплатно и не распространяется, но все же у подавляющего большинства пользователей она откуда-то имеется.

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

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

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

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

Откроем Фотошоп и создадим новый пустой документ. Размер зададим 760х75 пикселей, разрешение – 100 dpi. Это основа нашего баннера.

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

Теперь прошу обратить внимание на один момент. Наш баннер имеет узкую и длинную форму. Поместить полное изображение в такой формат сложно – оно будет слишком мелким. Поэтому будем учиться оперировать фрагментами. Мысленно выберем наиболее эффектные фрагменты фото и перенесем фото на баннер. Для этого просто перетащим фотографию в наш баннер. Передвинем фото так, что-бы была видна ее самая интересная, выбранная нами часть.

Теперь маленький фокус-покус. Выберем вкладку Filter — Sharpen — Sharpen. Заметили, как после применения этого фильтра изменилась фотография? Стала более, четкой, резкой насыщенной..

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

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

Ну вот. Теперь у нас есть место для размещения логотипа и названия магазина. Поместим логотип и название на наш баннер. Если Мы хотим перекрасить логотип, что-бы он больше подходил по цвету к баннеру, воспользуемся вкладкой Image — Adjustments — Hue/Saturation.

Логотип и название на месте. Однако, читаются они плоховато. Попросту, сливаются с фоном. Что-бы выделить название и логотип магазина, сделаем вокруг них котрастное сияние. Применим вкладку Layer — Layer Style — Outer Glow.

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

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

Затем перекрасим его в светлый цвет с помощью вкладки Image — Adjustments — Hue/Saturation , которой мы уже пользовались. Вот так:

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

Вот такой интересный эффект у нас получился. Что-то колдовское, руническое, едва обозначенное. 🙂

Осталось только добавить рамку к нашему баннеру и вот он!

Кстати, изменив только фотографию и цвет логотипа и рамки (на что уходит не более 5 минут) можно сделать себе по баннеру на каждый день недели и менять их ежедневно 🙂 Например вот так:

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

Создаем баннер для своего магазина на андройд планшете (без Photoshop)

Всем доброго времени суток. Я на ярмарке совсем недавно и захотелось мне украсить свой пока еще маленький магазинчик баннером. Только вот с фотошопом я не очень дружу, в особенности со слоями, градиентами и пр. Вот и решила я сделать свой первый баннер на планшете ( у меня sony на платформе android 4.1) и обойтись без сложных премудростей. Итак, начнем.

Для начала нам нужно скачать с play market (что это такое все владельцы анройд планшетов должны знать, поэтому подробности опускаю, если все же не ясно, что это за зверь такой, то спрашивайте — отвечу, разъясню) программу Photo Editor. Она находится в свободном доступе. Итак, скачиваем, устанавливаем, жмем на ярлычок, который выглядит вот так:

нажимаем на «Новые»

и, собственно, создаем новый документ, забив в соответствующих окошечках числа 760 на 75:

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

Нажав кнопку !Выбрать изображение», выбираем необходимое нам (у меня это незабудка) и покрутив пальчиком сетку туда-сюда, указываем необходимую нам наиболее симпатичную часть изображения, которую мы будем вставлять в наш баннер. Также можно выбрать-обрезать ненужное по вкладке обрезка free (свободная) и,поводив пальцем, выделить необходимую область( она будет более светлая). Можно подвигать бегунок «Непрозрачность» для достижения оптимального эффекта:

Можно увеличить изображение, повернуть его, а также переместить в необходимый конец баннера, в данном случае влево.

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

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

Выбираем необходимую нам цветовую гамму (у меня оттенки синего), водя белым бегунком слева вверх-вниз и кликая пальцем в нужный нам оттенок цвета:

Жмем кнопочку ОК. Проделав еще раз такую операцию с другим цветом (у меня желтый), получаем следующее:

Если нас все устраивает, жмем кномочку «ПРИМЕНИТЬ» в верхнем правом уголке планшета. Если не устраивает, выделяем неугодный элемент и редактируем его по кнопке «Редакт», вновь попадая в вышеописанные меню.

Переход цвета получился не слишком мягким. Смягчим его при помощи различных эффектов. На главном меню выбираем «Эффекты», далее «Размытие» и получаем полностью размытый баннер:

но, кликнув один раз на кнопочку «All (всё)», перейдем в режим выбираемой области размытия и обозначим её границы, а также увеличим радиус размытия, потянув нижний бегунок вправо до нужной нам силы данного эффекта:

Стык изображения и градиента можно дополнительно более точно «размыть» при помощи кисти размытия, кликнув один раз по кнопочке «Shape» (она изменит название на Brash- кисть) и нажав на значок кисточки:

Водим пальчиком по стыкам, местам слияния цветов. Для измения размера кисти, силы размытия, нажимаем на оранжевый кружок справа от значка кисточки и выставляем нужные параметры, радиус тоже можно менять:

Получилось почти идеально, нажимаем «ПРИМЕНИТЬ». Ну что ж, теперь не хватает только текста. Добавляем его, нажав уже знакомую нам кнопочку «Текст./ Изобр.» на основном меню программы, но выбрав кнопочку «Текст»:

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

Выбираем шрифт, толщину контура, междустрочный интервал (Line spasing), выравнивание (Aligh) по вкладке «Properties» (Настройки):

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

А вот и результат нашего труда :

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

Сохраняем нашу красоту, нажав на кнопочку «СОХРАНИТЬ» в правом верхнем уголке планшета (качество- всегда 100%):

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

Таким же нехитрым способом вполне можно делать визиточки, а при помощи этой программы обрабатывать свои фото, ведь не зря же её называют «Фотошопом в кармане» .

Послесловие. Ох и не легкая это работа- писать мастер-классы, но зато нужная и полезная. Хочу сказать огромное спасибо всем мастерам, которые помимо своей основной работы пишут наиподробнейште мастер-классы для нас, новичков, да и вообще всех желающих. Это был пой первый МК и я очень, надеюсь, что он кому- нибудь да пригодится. Спасибо за внимание. Ваша Лида

Создание баннера для магазина в GIMP.

Добрый день, жители Ярмарки.
Сегодня я предлагаю Вам создать баннер для магазина в графическом редакторе GIMP. В отличие от фотошопа, гимп является свободным программным обеспечением, т.е. бесплатным, а по функционалу почти не уступает фотошопу.
Мастер-класс сделан максимально понятным с большим количеством картинок, но если что-то будет не ясно, спрашивайте-охотно отвечу.
Работать будем в несколько этапов. Первым делом найдем пару фотографий, близких по колористике. На одной из них я покажу вам, как грамотно вырезать нужное изображение и вставить его в баннер, а вторую картинку поставим фоном. Затем создадим баннер, вставим в него готовые изображения и сделаем надпись.
Итак. Я выбрала вот эти две фотографии для баннера:

Начнем с фоновой.
Открываем картинку в гимпе: «файл-открыть»

Сначала уменьшим общий размер изображения: «Изображение-размер изображения»( выпадающее меню сверху), выставляем ширину 1000пикселей, высоту программа выставит сама, следите за тем, чтобы замочек между этими параметрами был замкнут. У кого машинки мощные, уменьшать размер изображения не обязательно, можно работать с оригиналом. Мой старичок-ноут сильно задумывается.

Изображение стало размером со спичечный коробок. Меняем масштаб на 50% (левый нижний угол).

Теперь нам надо слегка подогнать наш фон под размер будущего баннера. Берем инструмент «кадрирование» (иконка с канцелярским ножом), выделяем нужную область, удерживая левую клавишу мышки, примерно вот так:

Нажимаем «Еnter». Фон готов. Сохраняем его: «Файл-сохранить как». Закрываем, чтобы не мешал.
Переходим ко второй фотографии, из которой вырежем цветы для вставки.
Открываем новое изображение: «Файл-открыть». Сразу уменьшаем изображение, как и в первый раз: «Изображение-размер изображения-ширина-1000пикселей». Эти параметры весьма приблизительны. Потом, когда будем вставлять картинки в баннер, все подровняем.
Выбираем инструмент «свободное выделение» (третья иконка в первом ряду) и произвольно обводим нужное изображение:

Щелкаем правой кнопкой мышки на выделении: «правка-вырезать»

Далее идем в верхнее всплывающее меню: «файл-создать-из буфера обмена»:

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

Вычищаем аккуратно, если надо убрать что-то очень мелкое, увеличиваем масштаб до 100%, где нужно, стираем оставшиеся куски ластиком (розовая иконка). В итоге должно получиться чистое и красивое изображение. Чтобы края нашей картинки не были очень резкими и изображение на другом фоне не выглядело чужеродным и вырезанным, пройдемся по периметру инструментом «резкость/размывание» (иконка голубой капли), при этом кисть выберем с мягкими краями, выставив подходящий масштаб:

Сохраняем картинку и закрываем ее.

Теперь переходим непосредственно к самому баннеру.

«Файл-создать». Размеры изображения-760 на 75:

Добавляем новый слой. В правом меню «слои» выбираем иконку «добавить слой»:

Сделаем градиентную заливку нового слоя. Выбираем цвет, близкой к цвету нашей фоновой картинки. Инструмент «градиент», внизу выбираем два цвета для плавного перехода из одного в другой. Я первым выбрала розовый, второй оставила белым.

Удерживая правую клавишу мышки, проводим линию градиента:

Вместо градиентной можно сделать плоскую заливку. Инструмент плоской заливки находится рядом на панели инструментов.

Вставляем первую картинку: «файл-открыть как слои»:

Слой можно двигать, выбрав инструмент «перемещение», и уменьшать/увеличивать- инструмент «масштаб»:

Добиваемся красивого расположения картинки.

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

Правой кнопкой мышки нажимаем на «новый слой» в меню слоев справа. В открытом меню выбираем «добавить маску слоя»:

Параметры ставим вот такие:

В левом меню инструментов выбираем снова «градиентную заливку», цвет выставляем черный. И проводим линию градиентом примерно вот так:

Получаем красивый ровный переход:

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

Теперь вставляем вторую картинку.
«Файл-открыть как слои»:

Да, картинка великовата. Уменьшаем ее инструментом «масштаб», «перемещением» передвигаем на нужное место, переворачиваем зеркально, если нужно, инструментом «зеркало» и меняем положение относительно горизонтали «вращением». Все эти инструменты стоят на панели рядом-синие значки.

Теперь правим общее впечатление, уменьшая или увеличивая прозрачность какого-либо слоя. В окне «слои» указываем, с каким именно слоем будем работать, выделяя его, и, передвигая ползунок «непрозрачность», добиваемся нужного эффекта. Можно это и не делать. Все на ваше усмотрение.

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

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

Выбираем иконку «текст» (жирная буква А, не промахнетесь), выделяем область на баннере, где будет располагаться текст и в открытом диалоговом окошечке набираем нашу надпись:

Теперь выбираем шрифт, замирая от восторга. Не знаю , как вы, а я в школе страстно мечтала иметь такой почерк:

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

Готово. Теперь сохраняем все, как есть, не меняя формат. Делаем это для того, чтобы потом, если вам вдруг разонравится какая-либо деталь в баннере, ее можно было бы легко заменить или поправить. После объединения слоев и смены формата баннер станет единой картинкой, с которой уже ничего нельзя будет сделать.

И заключительный этап- объединяем все слои в одно целое:

Получаем готовый баннер:

При сохранении баннера помните, что нужно поменять рабочий формат гимпа на .JPG. Здесь, на Ярмарке, другие картинки просто не загрузятся.
На примере этого баннера я показала вам разные приемы обработки картинок в гимпе. Пробуйте и экспериментируйте. Создание баннера, как и создание коллажей-не менее увлекательное занятие, нежели наш любимый handmade.
Удачи!

Как создать баннер для своего магазина

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

Но как же сделать баннер, каким он должен быть и что на нём должно быть изображено?

Красочный баннер – уже половина продаж!

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

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

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

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

Итак, как же делать баннеры?

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

Размер баннера. Он может быть любым: большим, на всю ширину сайта, размещаться в сайдбаре и иметь ширину не более 300 пикселей. То есть главное здесь – определить место, где он будет располагаться. Если говорить о минимальных и максимальных размерах, то считается, что наиболее удобной для восприятия будет 1200 х 160 пикселей.

Независимо от того, какого размера ваш баннер, его ширина на сайте всегда будет не более (1200 пикселей). А вот высота в 160 пикселей – это тот минимум, когда можно разместить информацию.

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

Самый главный принцип создания баннера – это простота. Не нужно составлять слишком сложные композиции, какую-то особенную графику с насыщенным фоном и множеством элементов. Всё, что нужно, это лаконичный, читаемый баннер, который способен создать чёткое коммерческое предложение!

Баннеры на сайте интернет-магазина: основные правила их создания

Баннер — это то, что посетитель сайта видит в первую очередь, и то, что традиционно занимает большую часть первого экрана на главной странице. Поэтому так важно максимально продуктивно использовать данный инструмент, – рассказывает Елена Кондратенко, куратор проекта «Обучение E-commerce», руководитель отдела продвижения сайтов клиентов Prom.ua, Satu.kz, Deal.by и Tiu.ru

  • Первое: на баннере (или нескольких баннерах, если они помещены в слайдер) размещайте продающую информацию – о ваших преимуществах, ключевых товарах, об актуальных акциях.
  • Второе: баннеры должны быть красивыми, профессионально красивыми: «как у apple».

Приведу два доказательных аргумента в пользу этих советов (из исследования «Психология покупателей» от VoucherСloud – возможно, вы узнаете себя, если вспомните последние покупки в интернете):

  • 92,6% интернет-покупателей утверждают, что визуализация является одним из решающих факторов при покупке. Людям нравится покупать там, где им красиво.
  • 90 секунд, в среднем, нужно пользователю для принятия решенияо покупке. А на то, чтобы произвести приятное впечатление и стимулировать человека остаться на вашем сайте для выбора товаров (услуг), у вас есть всего 5-10 секунд.

По данным Яндекс.Метрика многих изученных мной сайтов, 30% людей уходит с сайта в первые 15 секунд. А по данным Google Analytics почти 50% людей смотрит на сайте только одну страницу и уходит.

Возможно, вы скажете: «Здорово! Визуализация важна, давайте разместим в слайдере красивые фото, желательно – иностранные (потому что там они очень качественные), возьмем абсолютно бесплатные клипарты».

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

Пример неэффективного использования баннера

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

  1. Одной половине потребителей кажется, что здесь, судя по картинке, очень дорогая мебель. А им нужен был эконом-вариант – и они закрывают сайт.
  2. Второй половине покупателей тоже кажется, что здесь, судя по картинке, очень дорогая мебель. А им такая и нужна, они прокручивают страницу вниз, видят группы товаров, где вывешены уже реальные фото с более дешевой мебелью. Обманутые ожидания. Разочарование. Они тоже уходят с сайта.

Мы делим баннеры на 3 типа:

  1. Имиджевые;
  2. Рекламные продуктовые;
  3. Рекламные акционные.

Имиджевые баннеры

На имиджевых баннерах очень лаконично размещайте уникальное торговое предложение вашего магазина или ваших топ-товаров.

Например, вы шьете пальто и продаете их оптом. На первом имиджевом баннере может быть надпись: «Модные пальто оптом от производителя. Шьем в Украине по итальянским лекалам». И кликабельный призыв к действию «Посмотреть ассортимент».

На втором имиджевом баннере можно разместить преимущество: «Более 600 моделей пальто всегда в наличии. Опт от трех единиц» или «С постоянными клиентами мы работаем без предоплаты». И обязательно добавить призыв к действию «Перейти к выбору».

Рекламные продуктовые баннеры

На рекламных продуктовых баннерах разместите продающую информацию о той или иной группе товаров + кликабельный призыв к совершению покупки. Клик по таким баннерам всегда ведет посетителя в группу товаров.

Если же у вас есть крутая новинка либо яркий хит продаж, есть смысл посвятить весь баннер этому одному товару – и клик по баннеру тогда ведет покупателя на страницу товара.

Есть правило «Обязательно размещайте на баннере призыв к действию». Но иногда от него можно отойти – в том случае, когда баннер посвящен одному товару, и он настолько желаем посетителям, что кнопка «Жми» ничего не изменит: фанаты и так не пройдут мимо.

Рекламные акционные баннеры

Рекламные акционные баннеры встречаются на сайтах интернет-магазинов наиболее часто. Их главная задача – сообщить КАЖДОМУ посетителю сайта, что в данный момент проходит одна или несколько «вкусных» акций, а потому нужно обязательно остаться на этом сайте.

По данным исследования Яндекс и GFK «Исследование аудитории онлайн-покупателей в России», каждая пятая покупка в интернете – спонтанная, а каждый второй считает, что купил со скидкой. Слово «считает» здесь подсказывает, что акции – это не только скидки: есть много вариантов акционного маркетинга.