Архив рубрики: Блог дизайнера

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

Сегодня мы рассмотрим 15 дизайнерских приемов для создания баннеров, за которые не будет стыдно.

В интернете много шумихи по поводу баннеров. Они уже отжили свое? Кликает ли кто нибудь на них? Может, они уже мертвы? А вдруг появилась лучшая альтернатива баннерам? И хотя правда то, что по баннерам стали меньше кликать, это еще не конец популярного рекламного формата. Даже если вы не можете измерить эффективность рекламы, вы не будете возражать, что она все равно влияет на выбор пользователя в пользу того или иного продукта или сервиса.

1. Придерживайтесь стандартных размеров

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

На Google Adwords, одном из крупнейших серверов баннерной рекламы в интернете, можно узнать про наиболее популярные размеры.

Ниже размеры, которые вы должны выбрать в первую очередь:

  • 728×90 px — полноразмерный баннер (часто показывается вверху или внизу страницы)
  • 300×250 px — встроенный прямоугольник (преимущественно показывается в правой части сайта или вставляется в текст)
  • 300×600 px — блок на половину страницы
  • 320×100 px — мобильный баннер

2. Придерживайтесь последовательности

Каждый баннер должен содержать в себе три элемента: брендинг (логотип), сообщение и поощрение для клика. Загвоздка в том, что у вас не сильно много места для всего этого.

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

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

3. Один баннер равняется одному сообщению

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

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

4. Помните о том, где будет размещен баннер

Где вы планируете размещать баннеры после того, как сделаете сам креатив? Если вы используете сервисы подобные Google, у вас будет не сильно много возможностей контролировать размещение. Но если вы хотите разместить их на определенных вебсайтах, в приложениях или email рассылках, вам нужно будет изучить их и принять во внимание их дизайн, прежде чем делать свои баннеры.

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

5. Используйте призыв к действию

Какая самая главная задача баннера? Правильно — на него должны кликнуть. Используйте призыв к действию (Call to Action) в каждом баннере, который вы делаете. Подскажите пользователю, что ему нужно делать дальше.

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

6. Забудьте про Flash

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

Используйте вместо этого HTML5. Если вам нужно сконвертировать какие то свои старые креативы и вдохнуть в них новую жизнь, у Google есть небольшой урок, который поможет это сделать.

7. Используйте кнопки

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

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

8. Сфокусируйтесь на шрифтах

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

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

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

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

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

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

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

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

10. Сохраняйте правильно

Это важный момент. Никто не разместит вашу рекламу, если файлы слишком много весят или у баннера будет неправильный формат. Оптимизируйте размер по максимуму. Итоговый размер файлов не должен превышать 150 кб, в зависимости от площади рекламного баннера.

После этого убедитесь, что баннер сделан в правильном формате, стандартном для интернет-рекламы. Распространенные форматы баннеров — PNG и JPG для статических баннеров, GIF — для анимированных. SVG формат тоже набирает оборотов и все чаще принимается разными рекламными сетями. Забудьте об SWF (Adobe Flash) — от него сейчас уже практически все отказались, и даже браузеры перестают его поддерживать. Вместо него широкое распространение получили HTML5 баннеры, которые создаются с помощью таких программ, как Google Web Designer, Adobe Animation или рускоязычный онлайн конструктор баннеров Bannerboo.

11. Сфокусируйтесь на текстах

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

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

12. Используйте элементы бренда

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

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

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

13. Используйте яркие визуальные элементы

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

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

14. Релевантный контент

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

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

15. Будьте попроще

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

В случае с баннерами, всего по одному будет достаточно.

  • Одна картинка
  • Одно текстовое сообщение
  • Один призыв к действию
  • Один элемент бренда

Выводы

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




Автор: Сarrie Сousins
Перевод: Bannerboo.com

Узнать больше интересного:

Как заработать на фрилансе — советы опытного дизайнера




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

Рекомендуем также посмотреть:

Леонид Наконечный — дизайнер креативного агентства R Agency

Площадки

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

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

Еще мне не комфортно на Freelancehunt и подобных русскоязычных сайтах. Проблема в менталитете. Заказчики из СНГ не ориентируются на скил и релевантность портфолио для их задачи. Для них главное — ценник. Поэтому зачастую выбирают того, кто первый предложит себя за “выгодную” сумму.

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

На западных площадках есть все те же проблемы, но их значительно меньше. Хороший выбор — Upwork. Там есть много нюансов и строгих правил, но это того стоит. Причины две: заказчики и деньги.

У западных клиентов другой подход к работе. Они чаще понимают необходимость хорошего дизайна, готовы обсуждать проект и вникать в нюансы. В первую очередь им важно получить классный результат. Цена для них на втором месте. При этом средний прайс на Uprwork значительно выше, чем в СНГ. Поэтому при правильном подходе можно очень хорошо зарабатывать и расти как дизайнер.

 

Как начать?

Соберите портфолио

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

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

Ориентируйтесь на малый или средний бизнес. Сделать ребрендинг таких гигантов, как Starbucks или McDonald’s кажется прикольным. Но над ними работали профессионалы, и их успех проверен временем. Найти недостатки и обосновать их будет куда сложнее.




Правильно расскажите о себе

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

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

Запаситесь терпением

Как быстро вы выйдете на хороший уровень, зависит не только от упорства. Большую роль играет ниша и спрос на нее. Например, UI/UX — один из самых больших разделов на Upwork. Там много работы, но и конкуренция высокая.

Я для себя выбрал: логотипы, айдентику и печатные материалы. За первый месяц на Upwork мне попался только один логотип за 15$. Нормально зарабатывать я начал только к четвертому месяцу. Тогда пришло около 50 заказов. Это очень много по меркам площадки.

На количество заказов влияет умный алгоритм Upwork. Он определяет успешность вашей работы, рейтинг, и рекомендует вас заказчикам. Кроме этого есть много нюансов, в которые нужно вникнуть. Например, правильное написание вступительного письма. Рекомендую прочитать книгу Евгения Заплетина – “Работа на Upwork”.

 

Правила общения с заказчиком

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

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

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

Сразу договоритесь с клиентом о количестве правок и вариантов работы. Обязательно скажите, что за дополнительные задачи будет отдельная плата. Обычно те, кого не устраивают эти условия, сразу пропадают. Но это редко кого пугает. Главное из-за чего вы можете потерять клиента — необъективно высокая цена.

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

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

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

Как зарабатывать больше

Найдите свою нишу

Многие пишут, что умеют делать все: от визитки до анимации, и кодить будут, если надо. Не пытайтесь быть таким индусом, который знает все на свете. Хорошие заказчики сразу обращают на это внимание. По моему опыту, у классных спецов максимум 2-3 прокачанных направления.

Научитесь правильно позиционировать себя

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

Также важно показывать свою заинтересованность в проекте. Внимательно читайте бриф, задавайте вопросы, и давайте рекомендации.

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

Прокачивайте свой Behance

У фрилансеров бытует мнение, что Behance — не площадка для заработка. Они рассматривают ее только как онлайн-портфолио. Хотя, на самом деле, компании сами ищут дизайнеров на behance и предлагают им работу. Именно так я получал самые высокооплачиваемые и крутые проекты. Например, так меня нашел Canon.

Минусы работы на фрилансе

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

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

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

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




Узнать больше интересного: