анализ дизайна 20 примеров |Webpromoexperts

Смотрим 20 победителей из конкурсов «99 Designs» и анализируем, что хорошо, а что плохо.  

От редакции: сегодня у нас в гостях человек, который расскажет вам как сделать рекламный баннер, чтобы дух захватило и заказы посыпались. Автор статьи — отличный спикер (ищите ивенты с его участием) и хороший фотограф плюс ко всему. Похвалы пишем с одной целью: очень хотим еще одну статью!! Дизайн рекламного баннера — путь к сердцу покупателя и его кошельку. В конце статьи бонус.

99 Designs — известная западная биржа для фрилансеров с полумиллионом клиентов. Фрилансеров у них больше — 1,5 млн., и каждые полторы секунды на сайт загружается новый дизайн. Требования к дизайнам довольно строгие и на конкурсах, которые составляют основу 99Designs, выигрывают только лучшие из лучших. (Хотя, как мы увидим дальше, клиенты выбирают не самые лучшие варианты из предложенных).

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

Поехали!

1. Shapiro MD

Это работа-победитель дизайнера Sampu123, выбранная из 52 дизайнов и 14 дизайнеров. Клиент— Shapiro MD, шампунь для роста волос. Стоимость проекта — $300. С выбором победителя мы согласны — открытое улыбающееся лицо, приятные цвета и хорошая композиция. Возможно, было бы лучше, если бы мужчина смотрел прямо в кадр, тогда бы он цеплял внимание еще больше, но это уже я так, придираюсь )

2. QuadrigaCX

А это конкурсная работа дизайнера prodesign81. Он победил 9 соперников и заработал 69 канадских долларов. Баннер на хайповую криптовалютную тематику— про продаже биткойнов и эфира. В принципе, особо придраться не к чему. Цветовая гамма подходящая, изображение сверкающих золотых биткойнов привлекает внимание, с типографикой тоже все хорошо. Твердая четверочка, потому что не цепляет. Просто хороший, качественный рекламный баннер. И лично я не очень люблю курсивный шрифт применимо к данному случаю.

3. Reseever

Стартап Reseever попросил сделать для них стильную рекламу для фейсбука, с чем успешно справился дизайнер arc44. Среди 8 дизайнеров и 27 работ его баннер оказался лучшим — впрочем, конкуренты креативом не блистали, и arc44 заслуженно заработал свои 129 долларов. Работа, на самом деле, классическая, и построена по всем правилам жанра фейсбучной рекламы — чистый фон, мало текста (одно из требований фейсбука), изображение айфона, которое четко указывает, на чем работает программа, и скриншоты приложения. Есть хорошо проработанный призыв к действию (Call to Action) и краткое описание приложения. Все сделано грамотно и аккуратно.

4. Vitality

Следующий стартап, Vitality, который помогает бизнесам уменьшить затраты на электроэнергию, захотел набор баннеров для ретаргетинговой кампании. Дизайнер Agent K помог им в этом всего за $129 и создал неплохие, но довольно таки стандартные баннеры. Банально и скучно смотрится девочка с микрофоном возле уха — подобные картинки давно стали моветоном в дизайнерской среде. И, хотя в баннере указано, что работают виртуальные менеджеры, я бы не стал делать акцент на этой девушке. Все остальное сделано качественно, стандартно и шаблонно. В любом случае, главное, что клиент остался доволен.

5. Acai Berry Detox

Manya, который у себя в профиле на фотографии выглядит довольно таки молодо, сделал отличный рекламный баннер для добавок для похудения. Во первых, сделал все лаконично, в отличной брендовой цветовой гамме, с четкими посылами и понятным призывом к действию. Во вторых — молодец, Manya! И стоило все это 109 австралийских долларов, которые Manya получил, опередив 20 дизайнеров, которые тоже участвовали в конкурсе.

6. Momentum Business Center

Бизнес-центр Momentum заказал разработку новых баннеров и теперь будет радовать глаз пользователя своим позитивным оранжевым дизайном, который для них сделал Rio.Shine за $79. Все бы ничего, но огорчают слишком маленькие тексты, которые трудно читать, белый текст на светло-оранжевом фоне, который тоже трудно разглядеть, и объемные кнопки, которые были популярны десяток лет назад. Да и оранжевый цвет, как по мне, не в тему. Я бы за основу взял серый, который в логотипе, а оранжевым показал бы акценты. В любом случае, работа сдана, заказчик доволен, а мы идем дальше.

7. Prestige Color Printing

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

Здесь и металлический отблеск на краях визиток (как описано в преимуществах), и теньки хорошие, и текст читабельный. Но фактор заказчика всегда играет определяющую роль, поэтому двигаемся дальше и смотрим замечательный набор баннеров от Graphic House.

8.

Law Crossing

Здесь все радует глаз — и приятная цветовая гамма с ярко выраженными акцентами, и четкий копирайтинг, и композиционное решение. И даже разрез бумаги, который был жутко популярен лет так 10 назад, здесь смотрится очень органично. Только на формате 320х50 кнопочку «Get hired now» можно было и не показывать, не факт, что она прочитается. В любом случае, твердая пятерка дизайнеру Graphic House и заслуженные немаленькие $250.

9. Acme

А это дизайн от нашего индийского друга Studio33in. В честном дизайнерском бою он победил 24 соперников, которые выставили 119 работ, и сделал это хорошо. Отличная цветовая гамма для софтверной компании, хорошо подобранное релевантное фото, понятные тексты и классический красный CTA. $129 — отличная цена за этот дизайн. Просто приятно смотреть.

10. Service Market

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

11. Pocket Informant

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

12. SNO Sites

Редко бывает, когда заказчик выбирает сразу 2 победителей, но тут как раз тот случай. Причем, с заказчиком я согласен на все 100%. Непонятно только, делил он 49 долларов на двоих, или дал каждому по $49 ) Надеюсь, что второе.

Итак, первый веб-баннер от Create4Design просто вдалбливает вам в голову 4 преимущества — методично и напористо. Ничего лишнего, только хардкор.

Второй баннер, кардинально противоположный первому, как инь и янь — медленно играет с вами в скраббл и вы завороженно смотрите, как эти самые преимущества складываются в хостинговый сканворд. Недаром у дизайнера ник Pramadhita.aspar — он знает толк в йоге )

13. Batiplus SA

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

14. Kellum Law Firm

В этом случае заказчику нужен был баннер, который привлекал бы внимание. Дизайнер с этим заданием справился — в Silicium Studio сделали акцент на кровавой пелене, которая покрывает большую часть изображения и служит фоном для не менее выразительного заглавия. Более, чем достойная работа за 75 долларов. А главное — создает нужное настроение.

15. Carzaty Oman

И снова два победителя — в первом случае Kuz.Design, а во втором уже знакомые нам Graphics House, которые за $129 сделали классические качественные автомобильные баннеры. Причем, здесь даже нечего комментировать — просто хороший продукт, который не вызывает лишних вопросов, а молча делает свою работу — собирает клики.

16. Cheepies

Заметьте, это первый баннер с рисованной иллюстрацией, а ведь это отличный способ выделиться! Pawan Droch это знал, поэтому и выиграл конкурс и 169 австралийских долларов. Жаль только, что иллюстрация с Shutterstock, а ведь мог и сам нарисовать! В любом случае, баннер сделан качественно и соберет достаточно внимания у фейсбук-аудитории.

17. Get Wild Studios

Собачьи фотографы, оказывается, популярны! И за 109 австралийских долларов получился вполне себе ничего симпатичный баннер от дизайнера FlashPrime. Единственное, что меня смущает — сине-голубая цветовая гамма, которая подойдет больше для медицинских или технологических решений, а не для собачьего рая. Но здесь не дизайнер решал, а заказчик, у которого сайт выполнен в идентичной цветовой гамме.

18. Australian Excellence

Заказчику так понравились работы дизайнеров, что он выбрал аж троих победителей. Причем, что интересно — дизайны всех баннеров кардинально отличаются друг от друга. Это потому, что в настройках конкурса была поставлена галочка «blind contest», то есть, дизайнеры не видят работ друг друга. Поэтому так и получается, что у каждого свое видение задачи и свой подход к дизайнерскому решению.

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

Дизайнер ʚïɞ Mary Kaiser ʚïɞ (да, именно вот так, с бабочками) тоже очень постаралась и даже немного перестаралась — я имею в виду небольшой хаос с продукцией и фотографией девушки. Синий фон здесь тоже спорно смотрится — его нет на продукции, кроме синих букв на упаковке, и в даном контексте он смотрится не к месту. Решение с вопросом и анимированными ответами на него — хорошо, но слишком замудрено. Не будет пользователь читать так много на рекламном баннере. Предыдущий пример проще и лучше.

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

19. Jelly’s Quest

Здесь тоже два победителя — eeeh_aarrh (первый баннер) и Neef. Первый мне нравится больше за счет простоты, динамики, крупных элементов на нем. «Play for free» смотрится заманчиво, короче, есть все составляющие для того, чтобы кликнуть по этому баннеру.

Второй баннер тоже неплох, раз его выбрали в качестве победителя, но здесь невнятный и грязноватый то ли фон, то ли голова, много элементов, кнопка «Install now!» явно проигрывает «Play for free», и это все вместе смотрится забито и хаотично. В любом случае, оба получили по $129.

20. DateabilityIQ

Финальный баннер в нашей подборке хоть и страдает несовершенной шрифтовой композицией, но выгодно отличается от других конкурентов на конкурсе оригинальной подачей черно-белых фотографий. Они хорошо передают неуверенность молодых людей, которые хотят с кем-то встречаться, но сомневаются в своих возможностях, в чем им и должен помочь сервис DateabilityIQ. Дизайнер Taduuza уловил этот момент, за что и был вознагражден суммой в 90 английских фунтов.

Подведем итоги

Надеюсь, этот «разбор полетов» помог вам понять, какие сейчас тренды в дизайне рекламных баннеров и сколько в среднем стоит сделать набор из разных размеров для рекламной кампании.

Важно помнить, что:

1. Баннер не должен быть перегруженным и должен четко передавать тот посыл, который вы в него вкладываете. При создании баннера придерживайтесь этих золотых правил:

— Одна картинка

— Одно текстовое сообщение

— Один призыв к действию

— Один элемент бренда

Баннер должен вести на релевантную страницу. Если рекламируете товар, покажите пользователю страницу товара с возможностью его заказать.

Не злоупотребяйте стоковыми картинками и выделяйтесь за счет цветовых решений или уникальных иллюстраций

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

Анимация, если она есть на баннере, не должна быть раздражающей и чересчур вызывающей.

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

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

У нас уже более 100 уникальных шаблонов в 16 размерах и каждую неделю мы выкладываем новые — на разные тематики и для разных индустрий.

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

Знания, которые вы получите на курсе «Интернет-маркетинг СТАРТ», позволят вам легко и самостоятельно разработать комплексную стратегию развития веб-ресурса. Научитесь создавать удобную структуру сайта, находить в социальных сетях потенциальных клиентов. Сможете запустить рекламную кампанию и оценить ее продуктивность.

ЗАПИСАТЬСЯ

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

6 советов по оформлению графических баннеров для рекламы в сетях

В РРС-маркетинге ничто не ново. Но все же иногда мы встречаем довольно креативные объявления, которые привлекают внимание. Только ли креативность и уникальность делает их такими заметными и запоминающимися? Не всегда. За креативностью всегда стоят общие основы и принципы, которыми пользуются дизайнеры, чтобы создавать эффектные графические объявления. Специалисты из блога Design Hill в своем материале дают шесть советов, которые помогут в создании привлекательных баннеров, даже если вы далеко не самый творческий человек.

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

Совет 1. Правильно размещайте и структурируйте элементы объявления

Важно размещать основные детали вашего баннера в правильном порядке. Любой баннер должен содержать:

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

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

Совет 2. Используйте заметную кнопку призыва к действию

Кнопка призыва к действию выполняет две задачи:

• мотивирует пользователя кликнуть по вашему объявлению;
• нивелирует сомнения и колебания потенциального клиента.

Лучшее место для кнопки призыва к действию — нижняя часть баннера. Кнопка должна контрастна фону и другим элементам объявления.

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

Вот несколько практических советов по оформлению кнопок призыва к действию:

1. Кнопка должна выделяться на общем фоне. Желательно, чтобы она была прямоугольной формы с закругленными краями.
2. Если вы сделаете слишком маленькую кнопку, ее будет сложнее заметить, и кликать по ней будут гораздо реже. Но при этом она не должна быть намного больше, чем остальные элементы объявления.
3. Помимо размера важен также и шрифт на кнопке. Текст должен легко читаться, быть крупным, четким и выделяться на общем фоне.
4. Можно придать призыву эффект срочности, добавив слова «сегодня, сейчас» и т. д.
5. Призывы с личными местоимениями (ты, вы, мы, я и т. д.) привлекают больше внимания. Например, вместо «Заказать обратный звонок» можно использовать фразу «Перезвоните мне».

Совет 3. Грамотно подбирайте изображения

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

Не используйте фотографии, если в этом нет необходимости

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

Используйте фильтры и графические элементы в объявлениях

Фильтры (изменение цветового баланса и контрастности изображения) могут сделать баннеры более привлекательными. Также можно сочетать графические элементы и фотографии для создания интересного и необычного визуального эффекта.

Старайтесь подбирать изображения с учетом места

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

Приветливые лица

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

Баннер медицинского центра

Реклама сумок и аксессуаров

Совет 4. Правильно сочетайте цвета

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

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

Реклама элитных продуктов правильного питания

Баннер с рекламой здорового питания

Фиолетовый подходит для рекламы профессиональных специализированных товаров и услуг.

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

Совет 5. Включайте в объявление метафорические или сюрреалистические визуальные эффекты

Хотя основной принцип рекламы в интернете — создавать понятные и простые объявления, использование метафорических или сюрреалистических визуальных образов часто оказывается эффективным.

Совет 6. Больше движения

В баннерах можно использовать анимацию, но особую живость объявлению придает добавление движения статичному изображению.

Также можно использовать заглавные строки в тексте. Это привлечет внимание пользователя к нужным элементам баннера и добавит объявлению еще больше динамичности.

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

15 советов по дизайну баннерной рекламы, чтобы получить больше кликов

Логотипы, веб-сайты и многое другое…

Логотипы, веб-сайты, обложки книг и многое другое…

Получить дизайн

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

Что такое дизайн веб-баннера?

—

Удивительный дизайн рекламного баннера от Марии Дзядзюлии

Дизайн веб-баннера — одна из самых плодотворных форм маркетинга, используемых в современном онлайн-мире, и существует во всех формах и размерах. Дизайн веб-баннера — это создание максимально кликабельных рекламных баннеров.

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

Мы только что отправили вам первый урок.

Как создать отличный рекламный баннер?

—

Итак, как можно спроектировать и создать веб-баннеры, которые принесут эти клики? Ниже приведен список советов и общих рекомендаций по разработке рекламных баннеров.

1. Используйте наиболее эффективные стандартные размеры баннеров

По данным Google Adsense, наиболее успешными стандартными размерами баннеров являются:

• 728×90px — Leaderboard
• 300×600px — Половина страницы
• 300×250 пикселей — средний прямоугольник
• 336×280px — Большой прямоугольник

Наиболее распространенные размеры рекламных баннеров

2.

Правильно размещайте рекламные баннеры

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

3. Сохраняйте иерархию

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

Дизайн shanngeozelle

Логотип вашей компании

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

Ценностное предложение

Ценностное предложение демонстрирует услуги/продукты, которые вы предоставляете, и привлекает к себе внимание привлекательными предложениями и ценами. Подумайте о таких вещах, как: «Высокое качество», «Скидка 50%» или «Ограниченное по времени предложение». Это должно занимать больше всего места в вашем объявлении и быть первым, что увидят глаза зрителей.

Призыв к действию

Призыв к действию (или CTA) – это текст или кнопка, которая предлагает пользователям нажать. Прекрасными примерами являются такие фразы, как «Узнать больше», «Начать» или «Посмотреть сейчас». Это должно быть четким фокусом объявления.

Дизайн strxyzll

4. Простота

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

5. Используйте кнопки надлежащим образом

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

6. Иметь четкую рамку

Глаза людей естественным образом притягиваются к объекту внутри рамки. Эффективные рекламные баннеры имеют четко очерченную рамку с графикой, расширенной до краев окна. Если ваше объявление белое, обычно вокруг объявления размещают серую рамку толщиной 1 пиксель.

7. Сделайте текст легко читаемым

Сделайте

Сделайте заголовок и основной текст разного размера. Весь текст должен состоять из четырех строк или меньше.

Хороший пример… Плохой пример… Через OfferVault

Не следует

Используйте курсивные/письменные шрифты, чрезвычайно тонкий шрифт, все тексты в верхнем регистре или размер шрифта менее 10 пт (если это не заявление об отказе от ответственности или уведомление об авторских правах).

8. Используйте анимацию

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

Via ShoemitVia SproutVia Neiman Marcus

Используйте простые анимации длительностью не более 15 секунд и следите за тем, чтобы они не повторялись более 3 раз. Попробуйте сделать последний кадр анимации четким призывом к действию.

9. Дополняйте, но выделяйтесь

Если ваше объявление визуально гармонирует с сайтами, на которых оно представлено, у вас больше шансов завоевать доверие зрителей. Однако не заставляйте его слишком сильно смешиваться. Баннерная реклама всегда должна быть видимой и доступной для кликов.

Дизайн ae Graphic Designer

10. Соответствие вашему бренду

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

11. Придайте ощущение срочности

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

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

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

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

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

13. Выберите подходящие цвета

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

Дизайн Milica2505 для Wine + Art Piano Bar

Цвета также субъективны и имеют разные ассоциации в разных культурах. Обязательно изучите свою целевую аудиторию при выборе цвета. Ниже приведен список цветов и эмоций, которые они обычно вызывают у западной аудитории.

• Красный : Страсть, гнев, волнение и любовь. Этот мощный цвет привлекателен для большинства зрителей, но используйте его умеренно. Если вы стремитесь к классическому, зрелому или серьезному образу, избегайте красного.
• Оранжевый : Игривость и бодрящие чувства. Не такой подавляющий, как красный, оранжевый все же выделяется из толпы и излучает энергию; это отличный цвет для кнопки призыва к действию.
• Желтый : Радость, солнце и дружелюбие. Желтый привлекает внимание и излучает энергию юности и доступности.
• Зеленый : здоровье, свежесть, богатство, окружающая среда, рост, забота и новые начинания. Это также легко для глаз.
• Синий : Безопасность, доверие, ясность, зрелость, безмятежность, интеллект, формальность, свежесть, холодность и мужественность. Синий используется более чем в половине всех логотипов.

Design by Kuz:Design for Dell Boomi

• Фиолетовый : Роскошь, королевская власть, экстравагантность, мудрость, магия, женственность и творчество. На зрителя действует успокаивающе, умиротворяюще.
• Розовый : Любовь, сладость, женственность, молодость и дети. Розовый обычно ассоциируется со всеми женскими вещами, но имеет реальный диапазон, основанный на яркости и тоне.
• Черный : Эксклюзивность, тайна, современность, мощь, престиж, роскошь и формальность. Это традиционно, а черный текст на белом фоне — наиболее читаемая цветовая комбинация.
• Белый : Чистота, опрятность, современность, стерильность, простота, честность и невинность. Белый создает ощущение экономического смысла и молодости.
• Коричневый : Природа, дерево, кожа, серьезность, мужественность, стойкость и смирение. Коричневый уравновешивает более яркие цвета и хорошо подходит для фоновых цветов и текстур.
• Серый : Нейтральность и практичность. При использовании в качестве фона серый усиливает другие цвета.

 14. Размер файлов должен быть небольшим

Если говорить о размере файла, то чем меньше, тем лучше — менее 150 КБ, по данным Google Adwords. Ваше объявление должно быстро загружаться на странице, прежде чем зрители прокрутят страницу вниз и пропустят его.

15. Используйте правильные форматы файлов

Файлы JPG, PNG, GIF или HTML5 будут вашими рабочими результатами. Ваш дизайнер обычно работает в Adobe Illustrator или Photoshop для доставки файлов JPG, PNG или GIF или в Google Web Designer или Adobe Animate для файлов HTML5. Помните, что на данный момент Flash-объявления в значительной степени устарели, поэтому выбирайте другие форматы файлов изображений.

Теперь вы готовы создавать лучшие веб-баннеры!

—

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

Готовы повысить рентабельность инвестиций?

Наши дизайнеры создают уникальные, увлекательные рекламные баннеры.

Получить дизайн рекламного баннера

—
Эта статья была написана Ребеккой Крегер и опубликована в 2013 году. Текущая версия дополнена новой информацией и примерами.

7 вдохновляющих примеров баннерной рекламы, чтобы получить больше кликов

Хотите попробовать платную рекламу, чтобы вывести свою маркетинговую стратегию на новый уровень?

Тогда это руководство для вас.

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

Вы также получаете доход. Это беспроигрышная ситуация.

Но что делает баннерную рекламу успешной, спросите вы?

Давайте погрузимся прямо сейчас, чтобы узнать!

Содержание

• Что такое рекламный баннер?

• Размеры баннеров

• Примеры рекламных баннеров

  • 1. Майлмодо
  • 2. GoDaddy
  • 3. Галерея резиденций
  • 4. Страхование TATA AIG
  • 5. Рейс на байдарке
  • 6. Мама-Земля
  • 7. Дотдаш Меридит

• Создайте свой рекламный баннер

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

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

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

Читайте также: Руководство по оптимизации целевой страницы для максимальной конверсии

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

Баннерная реклама бывает всех форм и размеров. Какой из них вы выбираете?

По данным Бюро интернет-рекламы (IAB), вот баннеры разных размеров:

• Полный баннер — 486 x 60 пикселей

• Полный баннер с вертикальной панелью навигации — 392 x 72 пикселя

• Полубаннер — 234 x 60 пикселей

• Вертикальный баннер — 120 x 240 пикселей

• Квадратная кнопка — 125 x 125 пикселей

• Микрокнопка — 88 x 31 пикс.

Полный баннер (468 x 60 пикселей) является наиболее часто используемым размером баннера среди этих различных размеров. Итак, для начала может быть хорошо, но размер может зависеть от того, где размещено объявление и его цель. Выберите тот, который соответствует вашим потребностям.

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

1. Майлмодо

Давайте начнем с одного из рекламных баннеров Mailmodo, размещенных на сайте Really Good Emails.

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

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

• В объявлении есть четкий призыв к действию, побуждающий пользователей к действию.

• Привлекательные изображения в фирменных цветах.

• Текст читается.

• Копия под объявлением объясняет уникальное торговое предложение, на которое пользователи захотят кликнуть.

2. GoDaddy

Перейдем к другим маркам; вот рекламный баннер от GoDaddy.

• Место размещения хорошее.

• Изображение, использованное в объявлении, слишком маленькое. Нелегко понять, что изображение пытается передать.

• У него четкая и узнаваемая кнопка CTA.

• Копия текста очень расплывчата. «Успех в Интернете» может относиться к любому бренду, так что это слишком общий термин.

• В целом, в объявлении неясно, что они продают или пытаются рассказать в объявлении.

3. Галерея резиденций

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

• Он имеет большое четкое изображение, привлекающее внимание. Изображение может дать нам четкое представление о том, о чем реклама.

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

• Текст хорошо читается благодаря большому размеру объявления.

• Рекламный текст очень четкий и точно говорит вам, что это такое, где и как вы можете это получить.

• В объявлении также демонстрируется уникальное торговое предложение m, заключающееся в том, что оно готово к заселению.

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

• Объявление также имеет псевдо-CTA-подобный элемент дизайна «Получен OC», который может ввести читателей в заблуждение.

4. Страхование TATA AIG

Это рекламный баннер страховой компании TATA AIG, рекламирующий их полис международного страхования путешествий.

• Во-первых, размер объявления слишком мал, и оно плохо отображается.

• Небольшой размер также делает текст не очень читабельным и делает его хаотичным.

• Тем не менее, текст сам по себе достаточно ясен и описывает суть объявления.

• Призыв к действию также ясен и практичен.

• Изображение очень посредственное, стандартное и совсем не бросающееся в глаза.

• Наконец, он не предназначен для показа на веб-сайтах, связанных с его нишей. Реклама была показана на совершенно не относящейся к делу странице рецепта рыбы.

5. Рейс на байдарке

Вот рекламный баннер Kayak, демонстрирующий цены на авиабилеты из разных уголков Индии в известное туристическое направление.

• Объявление было хорошо нацелено, поскольку оно было размещено на соответствующей веб-странице, на которой публикуется информация о путешествиях.

• Изображения, используемые в рекламе, красочные, привлекательные и знаковые, поэтому они помогут визуализировать пункт назначения.

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

• Показ цены в самом объявлении является хорошей идеей в этом случае, так как он показывает зрителям, что именно они получат.

• Копия CTA понятна, но не выглядит как CTA.

6. Мама-Земля

Вот реклама Mamaearth, рекламирующая их текущую распродажу и код скидки.

• Объявление слишком маленькое, чтобы люди его заметили.

• Неправильный таргетинг, поскольку он был показан на не связанном с путешествиями веб-сайте.

• В тексте есть привлекательные предложения, но нет кнопки призыва к действию.

• Часть текста в объявлении не читается. Это может быть связано как с размером объявления, так и с используемой типографикой.

• Изображение не привлекает внимание и не показывает ничего, связанного с брендом или его продуктами.

7. Дотдаш Меридит

Вот реклама Dotdash Meredith, рекламирующая их рекламные и издательские услуги.

• Текст крупный и читаемый.

• Люди могут узнать, чем занимается Дотдаш Мередит. В нем нет текста, говорящего о том, что они предлагают зрителям.

• Копия очень расплывчатая и неясная.

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

• Имеет четкий призыв к действию, но недостаточно убедителен.

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

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

Что делать дальше

Привет, спасибо, что дочитали до конца. Вот 3 способа помочь вам в развитии вашего бизнеса:

1. Поговорите со специалистом по электронной почте. Нужен кто-то, кто выведет ваш электронный маркетинг на новый уровень? Эксперты Mailmodo всегда готовы помочь вам. Запланируйте 30-минутную консультацию по электронной почте. Не волнуйтесь, это в доме. Закажите встречу здесь.

2. Отправляйте электронные письма, которые приносят больше конверсий. Mailmodo — это ESP, который помогает создавать и отправлять интерактивные электронные письма в стиле приложений с формами, корзинами, календарями, играми и другими виджетами для повышения конверсии. Начните бесплатно.

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

Об авторе

Jyothiikaa Moorthy

Автор контента

Jyothiikaa имеет один год опыта создания контент-стратегий для растущих стартапов и компаний B2B.

This entry was posted in Популярное