Banner ads can work magic when selling products online, but like every form of marketing, they must be done correctly.
The inherent problem with banner ads is that you have to disrupt what the visitor was doing in the first place for someone to click on an ad. Right off the bat, you’re creating friction with the person you’re trying to target.
With a little creativity, you can create banner ads that grab your audience’s attention and make sales. This guide will walk you through the basics of clickable banner ads, web banner design, and how to create web banners.
What is banner advertising?
Banner advertising is when you use graphic digital displays to promote a brand and/or get people to click on the ad so it’ll direct them to your online store’s landing page. These ads are rectangular and stretch across certain sections of a website or social media page.
Where do marketers use banner ads?
In 2021, banner ad spending increased by more than 18% in the US. Marketers are using banner ads more than ever. There are psychological tactics to make your ad more visible and effective.
If you want your ad to stand out on a website, it should be as close to the website’s content as possible. For example, this Cadillac ad will most likely be seen by more visitors than any ads at the bottom of this CNN article.
The Cadillac ad is placed in a high-traffic area—at the top of a “front page” or “hot” story. In a study done by Columbia University, 59% of people said they only read the headlines of social media posts and articles. So, if you can get your ad at the top of a website, near the headlines, you’ll be more likely to increase your click-through rate, increase sales leads, and generate more sales.
This sidebar is also attractive on the CNN site because it’s a fairly large banner ad (almost a full third of the width of the page). It’s right next to the page’s main content, making it more visible to CNN visitors.
It’s also great to get a banner ad in the middle of an article or piece of content, like this Semrush ad the middle of a Snopes article. Even though the Amazon ad for Lovebug toddler probiotics is in a good area next to the article, having an ad in the middle will be more likely to catch a reader’s eye.
Banner ad sizes
There are many different types of banner ads and they come in all different sizes. Here’s a list to help you decide which works best for your business.
- Small square (200 pixels x 200 pixels): Not very visible, can look cluttered because of its small size. Not very popular amongst ecommerce businesses.
- Square (250 x 250): Ideal for smaller ad spaces. More versatile than a small square, but still a little small for business advertising.
- Standard banner (468 x 60): Often placed above the navigation bar or between the web page’s main content. It’s much bigger than square banner ads, but you must still strategize your ad to fit the thin space.
- Leaderboard (728 x 90): A larger size that is much more noticeable than square banner ads. Is usually placed above navigation bars.
- Large leaderboard (970 x 90): Larger version of the standard leaderboard.
- Medium rectangle (300 x 250): This is the type of banner ad most popular with businesses. Works best if placed in the sidebar between organic content.
- Large rectangle (336 x 280): Works best if placed in sidebars and inside the website’s main content. This is a common banner ad choice for online publishers.
- Skyscraper (120 x 600): Best suited for sidebars because of its tall shape. Best for ads that have downward descending visuals.
- Wide skyscraper (160 x 600): A wider skyscraper used mostly in sidebars of websites. Because of its wider size, it tends to have more impact than a regular skyscraper.
- Half-page ad (300 x 600): Very large with very high visibility. This ad covers nearly half of a web page.
Banner ads cost
Depending on where you decide to advertise, your ad costs will vary. The average cost of an advertisement on Google Ads is $2.32 per click. The average cost per click of an ad on the Display Network is less than 58¢.
However there are a few different types of ad payment models. Make sure to choose the one that most aligns with your business goals.
- Cost per thousand (CPM): You pay a fixed price for every 1,000 users who view your ad. Bear in mind, the user doesn’t have to click on the ad; all they have to do with this model is view the page your ad is on for it to count toward your 1,000 impressions.
- Cost per click (CPC): You pay a fee every time a user clicks on one of your ads. This payment plan is good for those business owners looking to increase their click-through rates.
- Cost per action (CPA): Used almost exclusively for affiliate marketing. You provide a banner ad to an affiliate partner like a social media influencer or celebrity. The affiliate partner pays for the fees to install that ad on their social media page or website. Then the affiliate partner gets a commission for every sales lead that pans out.
- Cost per view (CPV): You pay for each view of your ad. This is usually used when using video ads. A view is only counted if a user watches your ad for at least 30 seconds of your video or interacts with your video ad (whichever comes first).
- Cost per lead (CPL): Similar to the CPA model, except you pay for the desired action a user takes. For example, having a user sign up for a newsletter, register an email address, follow your business’s social media accounts, etc.
Resources:
- What is Remarketing? A Step-by-Step Guide for Ecommerce Stores
- How Retargeting Works (+ Top Apps to run Ads)
8 effective banner ad examples
Let’s look at nine banner advertising examples you can’t help but click:
- Allbirds
- American Express
- Star Wars: Andor
- Ōura
- Capital One
- Enfamil
- Mini Cooper
- Manscaped
1. Allbirds
This vertical banner catches your eye with a simple but effective visual of a shoe on a blue background. Allbirds uses this digital marketing campaign to attract internet users who share its vision to support sustainability and the environment.
2. American Express
American Express uses an animated GIF to communicate multiple messages about its account options through its one small square banner ad. The movement of this animated banner is sure to attract more eyes to this banner ad.
3. Star Wars: Andor
Using a beautiful photograph or piece of artwork is a great way to catch the eye of people browsing the web. This ad campaign for the new Star Wars series, Andor, is a great example of an advertising banner that will stand out on any web page.
4. Ōura
Sometimes simple is more eye-catching on a busy site than an ad jam packed with information and visuals. Ōura uses a straightforward background, image, and font with this square banner ad to make its product stand out.
5. Capital One
For digital advertising, video ads are one of the best ways to capture someone’s attention. Capital One uses a combined static and video ad to promote its banking services here.
6. Enfamil
If you have the budget, take advantage of large banner sizes to get your ad noticed. This Enfamil ad put up by Walmart is able to use the higher specs of this half-page ad to include better graphics, pictures, and more information.
7. Mini Cooper
BMW MINI Cooper does a great job using humor to catch your eye to promote its new electric line. The funny image of a polar bear captures your attention, and the copy expresses how electric cars are still fun to drive.
8. Manscaped
This large rectangle banner ad by Manscaped uses the celebrity of Pete Davidson to capitalize on his fanbase and reinforce Manscaped humorous and male-centric ethos.
Resources:
- 12 Proven Marketing Strategies To Try (+ Examples and Tips)
- 10 Free Advertising Ideas for Your Business
Where to buy banner ads
There are two primary ways to buy banner ads. You can deal directly with the website, or work with an ad network. Here’s a rundown on each option:
One-off banner ads
Depending on your industry, you may know of some niche websites that are very popular and have an advertising program. Reach out to the operators of those sites and find out their advertising rates. These sites can sometimes be the best bang for your buck when it comes to banner ads.
Another thing to consider is becoming a resident advertiser. The longer you advertise on these sites, the deeper the relationship you can build with their loyal visitors.
This is when you need to think about how your ads change with time and what themes you want to run with. If you can freshen up your ads every month and make the site’s visitors smile, you will strengthen your brand with those visitors.
Ad networks
You can join an ad network for a shotgun spread approach. Ad networks are middlemen between you and the websites your ads reside on. The benefit is that you’ll access more websites with less work. The downside is that you might not get the best rates and don’t get to build a close relationship with the website operators.
Aside from Google and Bing, another popular website advertising network is BuySellAds.
We recommend exhausting the first approach of building close relationships with publishers directly. If you still need more advertising spread, begin by contacting ad networks and find out which network is the most suitable for your needs.
How to create banner ads
Decide where you want to display ads
First things first: you need to decide where you want to host your ad. Ensure the websites, affiliates, and networks you use align with your business goals and that they will reach your target audience.
You can decide to approach companies individually and work out a deal one to one, or even advertise strictly through social media. You can also join networks like the Google Display Network or IAB (Interactive Advertising Bureau), which will place your ads on hundreds to hundreds of thousands of websites that fall within the respective networks.
Membership fees to join those types of networks would be in addition to whatever payment model you choose. But the access those networks give you could be invaluable.
Pick the right tool to create your ad
Don’t worry if you’re not graphic savvy and don’t know how to use Photoshop. There are plenty of ad creation tools. Many CRM and ecommerce platforms have ad creation tools built into their programs. Make sure you know what features you want and what file types and specs your ad creation tools support.
The visuals
Next, it’s time to choose the right size for your ad. Remember the banner ad sizes listed above and their pros and cons. Know which format your ad will mostly be seen in. For example, are your shoppers mostly going to your sites through mobile devices or on laptops, etc.
After you know what size you want your banner to be, it’s time to choose a background color. Know the type of sites your ad is going to be placed on. For example, if your ads are mostly on blogs or newspaper sites, choose a bright color that will contrast the white background color those sites tend to use.
Now, pick the right images, video, or animations you want to include in your ad. Make sure to use high-quality images that aren’t blurred and are composed attractively. Remember, you have a limited amount of space to make an impact and you’re competing against other ads and distractions.
The text of your ad
This is where you entice viewers to pay attention to your brand. You can use discount offers or clever or inspiring wording, or provide succinct information.
Some guidelines to follow:
- Use a font that is easy to read but still represents your brand’s aesthetic.
- Make the most of your ad space without cluttering your banner ad.
- Include with your text is a call to action (CTA). You can add a clever button asking people to sign up for a newsletter or visit your store’s homepage.
Get your landing page in top shape
Now that you have your ads and calls to action in place, it’s time to make sure your landing page is ready to receive visitors. Much like the thought process you put into your banner ads, you need to use a similar process with your landing page.
Ensure your landing page is pleasing to the eye, easily navigable, and in keeping with your brand image. You can even display advertising on your landing page with discount offers for specific products. This is your chance to use an entire web page to continue to interest your visitors so that interest will lead to sales.
Just take a look at Gymshark’s landing page. The menu bar is clearly displayed and the font is easily readable, and Gymshark uses its landing page to promote a featured item and new releases.
Tips for creating successful banner ads
The key to making banner ads work is understanding the problems mentioned above and thinking about how you can get attention or help the web surfer with your ads.
Here are a few ideas on how to do just that:
- Only put your banner ads on relevant websites. If you plaster your ads everywhere possible on the web, you will be paying a high price for poor ad performance. Therefore, only choose websites where your target audience hangs out. The more niche the website, the better.
- Be creative while addressing the web visitor’s problems. It sounds obvious, but plenty of retailers put the bare minimum of creativity into their ad artwork. What’s going to get someone’s attention? What will your target audience care about?
- Test. The first banner ad you publish is just to see if it works. You need to iterate on your message, destination pages, and artwork. You need to measure and track what ads best affect your web analytics.
You should think about where you send your banner ad traffic. Depending on what your banner ad message is you can send them to:
- Your home page. We rarely recommend sending traffic to your home page. If your advertisements are more about your brand, sending traffic to your home page is acceptable. But don’t expect it to convert into sales!
- A category page. If your advertisement has to do with one of your categories of products then send the traffic to your category page. You might want to pre-sort your products on your category pages to show the lowest-priced items or the most popular ones.
- A product page. If you’re advertising a specific product, send them directly to the product page. Ninety-nine percent of the time this will result in higher conversions.
- A promotional page. In some cases, you may be giving something away or having people enter a contest. In these cases, don’t make them work to find the promotion, just send them to it directly.
Market your business with banner display ads
It’s no secret that a display ad is not your first thought when considering ad placement for a campaign. They often disrupt the shopper’s experience and can upset them. But with a little creativity, you can create banner ads that drive traffic and conversions, and make more sales for your ecommerce store.
Ready to create your business? Start your free trial of Shopify—no credit card required.
Banner ads FAQ
What are banners in advertising?
Banners are an online advertising tool, known as display advertising. It uses static or animated images and media in highly visible and trafficked websites to increase brand awareness and/or generate business traffic.
What are the benefits of banner ads?
Banner ads are designed to catch the eye of viewers. They’re clickable and link to landing pages, which is great for increasing conversions.
Where are banner ads used?
Banner ads are most commonly put at the top, bottom, or side of a website’s content. Usually in high-traffic locations.
What are the most effective banner ads?
The most effective banner ads combat banner blindness. They stand out, are clear, and entice viewers to click on them for more information.
Не каждый рекламодатель, которому нужен баннер для рекламы, может себе позволить работу с дизайнером. Но и не каждому баннеру нужен профессиональный дизайн: чтобы пользователи замечали рекламу и кликали по ней, важно правильно расставить акценты и сформировать четкий посыл. Простой, но работающий баннер можно сделать своими руками. В этом материале мы разберем основные принципы его создания и инструменты, которые помогут сделать его самостоятельно.
Рекламный баннер привлекает внимание аудитории и быстрее текстового объявления доносит суть предложения. Картинка не рассказывает, а показывает: пользователь видит товар, хочет узнать о нем больше и кликает по рекламе. Даже если на изображении нет фотографии товара, оно визуально передает настроение бренда и транслирует конкретный посыл. Текст играет вспомогательную роль — например, объясняет, о чем это объявление или обращает внимание на акцию или скидку.
-
Подготовка к созданию рекламного баннера
-
В каких инструментах можно создать баннер своими руками
-
Как создать баннер в SUPA
Подготовка к созданию рекламного баннера
Чтобы баннер работал — то есть, обращал на себя внимание и привлекал потенциальных клиентов, нужно пройти ряд этапов при его создании.
Выберите рекламный канал и узнайте технические требования
Для начала определите, для каких рекламных систем и соцсетей вам нужны креативы. Например, для Яндекс Директа, VK Рекламы или для посева в Telegram. Затем узнайте требования площадки по объему, формату и размеру изображения. С ними вы сделаете баннер сразу таким, каким он будет показываться: при загрузке в рекламную систему он не обрежется, не уменьшится и не растянется.
Требования Яндекс Директа для кампаний «Текстово-графические объявления» и «Реклама мобильных приложений» можно прочитать в справке Яндекса, а требования ВКонтакте для всех форматов объявлений можно найти в разделе «Помощь».
Прочитайте правила для контента
Стандартные правила, которым должен соответствовать любой рекламный баннер — быть качественным, не рекламировать алкоголь, табак и других запрещенные вещества, не оскорблять конкурентов, быть этичным и не похожим на плакат со спамом.
Иногда площадки дополняют интуитивно понятные правила: например, Яндекс Директ не пропустит на модерации объявление с изображением голого живота, даже если это реклама спортивной одежды. А ВКонтакте пишет, что текст на изображении должен занимать менее 20% от всего баннера. Понять, сколько места занял текст, поможет искусcтвенный интеллект Робби.
Чтобы не было проблем с модерацией, стоит воспринимать указания буквально и не пытаться запустить баннер с запрещенной тематикой. Если он пройдет первый этап автоматической модерации, но робот будет не уверен в своем решении, объявление попадет на ручную проверку сотрудника рекламной системы. Даже если сработает человеческий фактор и сотрудник пропустит «запрещенку», после начала показа объявлений на них могут пожаловаться конкуренты — от досады, что не пропустили их.
Поймите цель: что, кому и зачем вы рекламируете
Баннеру передает пользователю суть предложения и объясняет, почему ему стоит уделить внимание. Постарайтесь свести текст к минимуму. На баннере должны быть:
-
емкий, привлекательный и крупный заголовок;
-
подзаголовок в одну-две строчки;
-
один-два дополнительных элемента — например, логотип и картинка.
Предположим, вы проводите вебинар о том, как запускать рекламу в кабинете новой рекламной системы. Вы хотите, чтобы вебинар посетила целевая аудитория вашего бизнеса — маркетологи, специалисты по рекламе, руководители небольших компаний, которым нужны заявки и продажи из этого канала и которые потенциально могут стать вашими клиентами. Тогда из баннера должно быть понятно, о чем будет вебинар, когда и в какое время он пройдет, какую выгоду получит пользователь. Также стоит добавить, кто его будет вести — возможно, ведущий уже знаком целевой аудитории и люди придут послушать именно его.
Подберите цвета, шрифт и изображение
На баннере можно использовать фирменные цвета, логотип и шрифт. Это поможет соблюсти стиль компании и сделать его узнаваемым. Но если цветов и шрифта у бренда еще нет, есть принципы, которые помогут подобрать их для рекламы:
-
Цвета не должны сливаться — аудитория не будет вглядываться в белый текст на светло-сером баннере. Лучше определить контрастные цвета по цветовому кругу и использовать их оттенки.
-
Шрифты должны быть читаемыми. Каллиграфические шрифты, которые имитируют рукопись, баннеру не подойдут — они играют декоративную роль. Для сообщения информации нужны простые шрифты без засечек, потому что они быстрее считываются.
-
Межстрочный интервал — в меру. Слишком маленький интервал приводит к тому, что две строки визуально сливаются, а слишком большой — к непониманию, продолжается ли мысль из первой строки во второй.
-
Изображения — одно-два и высокого качества. Элемент плохого качества идет пикселями и портит баннер, а слишком много деталей на небольшом баннере создают визуальный шум.
Соберите композицию
Поймите, какие элементы вы хотите видеть на баннере. Предположим, это короткий текстовый слоган с УТП, фотография товара и ваш логотип. Соберите их вместе — можно просто на белом фоне, поменяйте местами, покрутите.
Слоган в верхней части по центру, изображение ниже и логотип в правом нижнем углу. Не нравится? Попробуйте выровнять все по левому краю, уменьшить логотип и убрать его в верхний левый угол, увеличить шрифт слогана, чтобы он был в две строчки. Снова не то? Продолжайте экспериментировать или сравните с референсами и позаимствуйте решение у них.
Пользователь с одного взгляда должен понимать, куда смотреть в первую очередь. Для управления его вниманием можно:
-
написать важную информацию крупным шрифтом, а второстепенную — шрифтом поменьше;
-
выделить главное цветом или цветовой плашкой;
-
использовать точечные детали: звездочки, эмодзи, маленькие иконки.
Наконец, оцените баннер глазами человека, который впервые его видит. Есть ли четкий посыл, понятный с первого взгляда? Если нет, что мешает пониманию — возможно, совсем не осталось «воздуха», то есть свободного пространства. Без него баннер кажется перегруженным, поэтому лучше оставить «воздух» для эстетики и легкого восприятия. А если баннер маленький, например, для РСЯ, на нем не должно быть совсем ничего лишнего — только текст и лаконичное изображение.
В каких инструментах можно создать баннер своими руками
Для самостоятельной разработки баннеров необязательно разбираться в программе для профессионалов. Есть множество простых графических онлайн-редакторов и конструкторов баннеров с готовыми шаблонами.
-
SUPA — целая библиотека идей для баннеров под любые задачи. Удобный редактор с простым интерфейсом, в котором можно указать площадку, выбрать шаблон с современным дизайном и кастомизировать его для задачи. Кроме баннеров, здесь можно создать изображения для соцсетей, видеокреативы, лендинги и другой визуал. Всё это бесплатно для клиентов eLama на тарифе Optimal.
-
Ellty — в нем можно создавать графический дизайн для маркетинга, брендинга и любого бизнеса. Здесь есть встроенные библиотеки фотографий и графических элементов для разработки логотипов, презентаций, плакатов и других изображений. Пользователь выбирает вид шаблона, кастомизирует дизайн и создает ресайзы, а затем скачивает готовый баннер бесплатно.
-
«Холст» — редактор, доступный после регистрации в SMMplanner, в котором также можно подобрать шаблон, фон, картинки, шрифт и заменить любые элементы в изображении онлайн. Затем готовое изображение можно выгрузить в нескольких ресайзах, в зависимости от задачи, для которой оно будет использовано.
-
Freepik — инструмент с векторными изображениями и иконками, стоковыми фото, видео и шаблонами для соцсетей. В нем можно найти изображения высокого качества или загрузить их самостоятельно.
-
Figma — более продвинутый редактор. В бесплатной версии можно создать свой проект, посмотреть два-три урока на YouTube и сделать баннер почти как у дизайнера. Этот вариант сложнее конструктора с готовыми шаблонами и придется пройти небольшое обучение, зато добавит +1 навык в копилку всего, что вы умеете делать сами.
Как создать баннер в SUPA
Чтобы использовать SUPA бесплатно, в едином кабинете eLama перейдите в раздел «Маркетплейс инструментов», найдите инструмент в списке и нажмите «Использовать бесплатно». Так вы сэкономите 11 880 руб. в год, потому что eLama оплачивает SUPA за вас.
Авторизуйтесь через eLama и согласитесь на передачу персональных данных — это нужно, чтобы инструмент предоставил вам бесплатный доступ.
Вы попали в рабочее пространство SUPA. Нажмите «Создать креатив», и окажетесь в библиотеке шаблонов.
Выберите вкладку «Реклама» и на ней укажите, какой формат и для какой рекламной сети вы хотите создать. Мы возьмем для примера рекламный пост для ВКонтакте.
При создании баннера для рекламного поста вы сможете либо выбрать шаблон, либо создать его с чистого листа.
Интерфейс редактора прост и интуитивно понятен. Здесь можно:
-
изменить размер баннера по готовым формулам для других форматов, рекламных площадок и соцсетей;
-
отредактировать настройки анимации или отключить ее;
-
заменить текст, его шрифт, стиль и размер и другие детали;
-
добавить в шаблон графику и диаграммы;
-
заменить, повернуть или сделать прозрачнее любой элемент.
Также в SUPA есть возможность подобрать фоновую музыку, которая может пригодиться для видеорекламы.
Если вам нужны похожие баннеры для A/B-тестирования, создайте копию и измените в ней некоторые детали.
SUPA автоматически сохраняет все изменения, а готовый креатив вы найдете на вкладке «Мои креативы».
Баннер для рекламы действительно можно сделать своими руками без профессиональных навыков в области дизайна.
Гайд по созданию рекламных баннеров для новичков: правила и советы по дизайну
Баннеры являются одним из наиболее эффективных рекламных стратегий. Их используют в продвижении сайта или сервиса, для привлечения внимания посетителей интернет-магазина к какой-то акции и в стандартной рекламе Google и Яндекс. В этой статье мы рассмотрим софт для подобных задач и поделимся подсказками, которые помогут создать привлекательный дизайн. Также вы узнаете, как сделать рекламный баннер самостоятельно без сложных графических редакторов.
Содержание:
- 1. Важность баннеров для бизнеса и основные виды
- 2. Правила оформления баннеров
- 3. Где можно создать баннер с нуля
- 4. Создаем баннер для рекламы своими руками
- 5. В заключение
Важность баннеров для бизнеса
и основные виды
Яркие картинки с текстом, продвигающие какой-то продукт, можно увидеть в личных блогах, в выдаче поисковиков, на стартовой странице или в группе ВК, Instagram*, Facebook* и даже в любимых мобильных играх. Чем так привлекателен баннерный формат рекламы для маркетинга?
- Повышение узнаваемости бренда. Баннер с логотипом или названием вашей фирмы останется в памяти, даже если пользователь не обращает внимания на рекламные вставки. Это значит, что в будущем он с большей вероятностью выберет ваш продукт, если перед ним встанет выбор между покупкой одного товара разных производителей.
- Удержание внимания. В отличие от ссылок и прочей текстовой рекламы баннер привлекает взгляд. Встроенные в большой массив текста баннеры воспринимаются посетителем более дружелюбно, так как они разбивают монотонность страницы.
- Наглядная информация. В баннере используется визуальная составляющая, а значит, такая реклама более наглядно продемонстрирует ваш товар или услугу.
- Оригинальность. В отличие от текстовой рекламы, баннер можно оформлять по вашему вкусу. Это значит, что он будет отличаться, особенно если вы используете фирменный стиль.
Основные виды баннеров
Основных типов рекламных вставок три – текстовой, графический и смешанный. Чаще всего используется именно декоративный с графикой, раньше часто можно было увидеть в формате Flash. С закрытием этого типа медиа анимированные промо-картинки стали делать с помощью HTML5.
Формат рекламного плаката зависит от того, на какой площадке вы будете его размещать. Однако в целом можно вывести несколько видов.
- 1Leaderboard и растяжка
- 2Вертикальный баннер и широкий небоскреб
- 3Квадрат и встроенный прямоугольник
Если вы хотите создать баннер для размещения на главной странице сайта, горизонтальный лидерборд станет оптимальным вариантом. Чаще всего он располагается в верхней части страницы, оттого и подобное название. Это стандартный тип встраиваемой рекламы Google Ads и для директа Яндекс, ее размеры составляют 728×90, 970×250, 1000×120, 468×60.
Пример яркого баннера-растяжки от Яндекса
Узкий прямоугольник подходит для рекламы на смартфонах, так как он идеально вписывается в экран. На сайтах кликабельный блок встраивается посередине текста или сбоку (в зоне, доступной для большого пальца правой руки). На Яндексе прямоугольные объявления могут группироваться, имитируя стандартные статьи.
На сайтах можно встретить баннеры разных форматов и типов
А вот небоскреб для смартфонов не подходит – его обычно встраивают в боковой сайдбар, как на примере ниже.
Баннер небоскреб часто занимает целый экран и находится в сайдбаре
Стандартные ширина и высота таких вставок – 120х600, 160х600, 300×600.
Квадрат – универсальный вариант, который можно увидеть и внутри текста, и сбоку страницы. На мобильной версии сайта им разбивают длинную статью.
Компактные квадратные баннеры наиболее универсальны
Иногда формат слегка «не дотягивает» до квадрата, тогда это встроенный прямоугольник. Но размеры все же должны быть приближены к квадрату. Стандартом считается 125х125, 300х300, 300х250.
Правила оформления баннеров
Чтобы добиться дизайна, который будет привлекать внимание на подсознательном уровне и донесет нужное послание, требуется придерживаться базовых основ. Рассмотрим, каким должен быть эффективный продающий рекламный баннер вне зависимости от того, собираетесь ли вы его печатать или размещать в интернете.
Обозначьте общую композицию
Так как мы работаем на ограниченном пространстве, информацию нужно подавать в сжатой форме. Главным акцентом должно стать само предложение – товар, кинофильм, сайт или акция. Это самый большой текстовой блок.
Отличный пример расположения информационных блоков
Второй по величине текстовый блок должен показать преимущество, которое приносит посетителю прямую пользу. Какую проблему решит вас сервис? Почему он должен посмотреть этот фильм именно на вашем сайте? Чем привлекательна ваша акция?
Если достаточно места, можно добавить третий блок дополнительной информации, которая зацепит пользователя. Например, большая скидка работает только до 8 Марта, и посетителю нужно поспешить.
Ориентируйтесь на площадку
Как мы уже рассмотрели выше, размер баннеров зависит не только от типа рекламы, но также площадки, на которой располагается промо-материал.
Это важный нюанс, если вы создаете оформление рекламного баннера для интернет магазина или маркетплейса, например, размещаете рекламную кампанию на вайлдберриз. Или хотите сделать коллаж для группы в ВК для продажи или продвижения какого-то продукта.
Размещая рекламные макеты на чужом сайте, учитывайте особенности выбранного ресурса
Создавая рекламный креатив, всегда сверяйтесь с правилами выбранного ресурса. Практически каждый сайт имеет свои технические требования относительно формата и разрешенных элементов.
То же касается цветовой гаммы. Обратите внимание на фон сайта и основную цветовую палитру и постарайтесь сыграть на контрасте.
Правильно подбирайте шрифт
От стиля текста зависит то, как легко читается информация и насколько хорошо она привлекает внимание. Не стоит выбирать слишком декоративные шрифты и стили с засечками. Также стоит отказаться от слишком тонкого начертания.
Отдавайте предпочтение нейтральным шрифтам полужирного начертания
Соблюдайте баланс
Чуть выше мы уже упоминали, что должно быть на баннере. Максимум, что можно добавить к этому – кнопку действия (CTA, call to action или призыв к действию) и фирменный логотип. Не стоит выходить за пределы 3 – 4 элементов, иначе оформление будет выглядеть перегруженным, и главная информация «потеряется».
Хороший пример промо: информации мало, но она вмещает все самое нужное
Однако и слишком скучный дизайн тоже не подходит, ведь рекламная кампания должна бросаться в глаза. Чтобы привлечь внимание, можно провести несложный фотомонтаж из нескольких картинок. Подробнее об этом дизайне мы рассказывали в этой статье.
Где можно создать баннер с нуля
Закономерный вопрос, который возникает у начинающих пользователей – в какой программе можно сделать макет баннера самостоятельно. Сверстать рекламу можно в программах для ПК и с помощью онлайн-сервисов.
ФотоКОЛЛАЖ
Программа ФотоКОЛЛАЖ направлена на создание различного рода креатива: открыток, коллажей, пригласительных, промо-листовок, фото баннеров и т.д. Пользователи могут вручную регулировать размер создаваемого проекта и сжимать вес файлов, сохраняя высокое качество изображения. Приложение включает в себя инструменты редактирования графики, есть коллекция рамок и стикеров, можно добавлять стилизованные надписи. Софт подойдет для пользователей без опыта в графическом дизайне либо с начальными навыками. Если вам нужна удобная программа для создания баннеров на русском, скачать бесплатно инсталлятор можно по кнопке ниже.
ФотоКОЛЛАЖ
Скачайте редактор ФотоКОЛЛАЖ и следуйте инструкции ниже!
Работает на Windows 11, 10, 8, 7, XP
Adobe Photoshop
Photoshop – профессиональная программа для создания рекламных баннеров для внешнего размещения, полиграфии и прочих промо-материалов. Софт позволяет работать с растровыми и векторными файлами, применять маски для фото и текста, создавать неограниченное количество слоев, настраивать анимацию и многое другое. Программа не накладывает ограничений на размер холста, так что вы можете создавать огромные макеты для печати, например, пресс волл. Единственные недостатки этого способа – высокая стоимость и сильная нагрузка на компьютер.
Adobe Photoshop
Adobe Creative Cloud Express
Онлайн-сервис от Adobe пригодится в том случае, если вам не хочется устанавливать на компьютер отдельный софт. Редактор можно использовать как быстрый конструктор рекламных баннеров благодаря большому количеству готовых шаблонов. На сайте имеется набор разнообразных элементов: фотографий, готовых надписей, иконок, наклеек и т.д. Среди возможностей онлайн-редактора – стилизация фотографий с помощью эффектов, анимация отдельных объектов, изменение фона, брендирование. К недостаткам в данном случае можно отнести медленную загрузку, отсутствие русскоязычной локализации и неинтуитивное управление.
Adobe Creative Cloud Express
Gimp
Gimp можно использовать, чтобы сверстать промо для интернета или создать дизайн баннера для наружной рекламы своими руками. Здесь поддерживаются неограниченное количество слоев, свободная трансформация, отрисовка вектора с нуля, цветокоррекция, кадрирование картинок и многое другое. Софт подойдет для макетов любого типа сложности, если только не требуется работа с анимацией. Для работы в программе нужны некоторые технические навыки, так как все инструменты требуют ручной настройки. Но зато софт полностью кроссплатформенный и дает невысокую нагрузку на процессор.
Gimp
Pixlr X
Еще один графический редактор для тех, кто хочет быстро сверстать макеты в браузере. На сайте есть коллекция заготовок, так что его можно использовать как генератор баннеров. Функционал сервиса направлен на простоту управления, так что создавать макеты можно путем перетаскивания картинок и наложения эффектов. Поддерживаются неограниченные слои, наложение стилизованных надписей из библиотеки, анимация любых объектов на холсте. Сервис подойдет для быстрого создания проектов для соцсетей, интернет-сайтов и маркетплейсов, например, для Озона.
Pixlr X
Canva
Если вам нужна разработка дизайна рекламного баннера, шаблоны и примеры вы можете найти на сайте Canva. Сервис предлагает большой выбор готового дизайна для соцсетей, есть даже шаблоны для контекстной рекламы. Пользователи могут загружать файлы, которые сохраняются во внутренней медиатеке, или использовать материалы из библиотеки. Хотя здесь нет продвинутых опций, как в Pixlr, но есть вся необходимая база: анимация, добавление текста, обрезка фотографий, изменение фона. Небольшим недостатком сервиса является то, что в бесплатной версии мало качественных шаблонов. Также без оплаты заблокированы такие функции как: удаление фона, смена разрешения и выбор качества.
Canva
PicCollage
PicCollage – мобильное приложение для верстки разного рода макетов, например, если вам нужен коллаж ДО и ПОСЛЕ или красивая открытка. Но в нем также можно создавать вертикальные баннеры. При желании вы можете использовать библиотеку стилей или сразу приступить к проекту с нуля. Макет можно раскладывать по сетке или в свободной форме, накладывать на основной фон разнообразную графику, создавать стильные рекламные надписи. Данное приложение станет хорошим вариантом, если вы подготавливаете баннеры для социальных сетей.
PicCollage
Создаем баннер для рекламы
своими руками
Итак, теперь вы знаете, какой софт можно использовать для подготовки промо-материалов. Теперь рассмотрим, как создать баннер для сайта самому бесплатно.
Профессиональные дизайнеры создают макеты в фотошопе. Мы покажем процесс на примере программы ФотоКОЛЛАЖ. Данный софт работает на русском языке и не слишком перегружен функциями, поэтому его легко освоить, при этом в нем есть все необходимые инструменты. Программное обеспечение совместимо со всеми сборками Windows и подходит для слабых ноутбуков.
Создавайте свои лучшие коллажи из фотографий легко!
Работает на Windows 11, 10, 8, 7, XP
- 1Создание проекта
- 2Настройте фон
- 3Наложите дополнительную графику
- 4Добавьте информацию
- 5Сохраните результат
Скачайте инсталлятор ФотоКОЛЛАЖа и установите софт на ваш компьютер.
Запустив программу, выберите вариант «Новый коллаж». Так как баннеры обладают нетипичными размерами, мы будем указывать параметры самостоятельно. Поэтому выбираем «Чистый проект».
Для дизайна баннера подойдет режим Чистый проект
Раскройте пункт «Формат страницы» и установите пользовательские параметры. В окне настроек впишите значения «Ширина» и «Высота». Не забудьте убедиться, что вы указываете новые размеры в пикселях. Если баннер наружный – в сантиметрах.
Укажите параметры ширины и высоты в нужной единице измерения
Нажмите «Готово», чтобы перейти к следующему шагу дизайна.
Для начала установим фон баннера – от этого зависит расположение остальных объектов. В левом столбце отыщите соответствующую вкладку и выберите тип подложки: однотонная заливка, градиент, изображение (подбирается из внутренней библиотеки) или из файла (загружается картинка с компьютера).
Если вы выбрали фото, появится еще одна настройка: способ заполнения фона (растяжение, по центру, заполнить) и некоторые опции стилизации (затемнение или осветление, размытие, черно-белая картинка).
Фон не должен быть чересчур активным, чтобы текст оставался читаемым
Мы отдадим предпочтение более лаконичному дизайну, т.е. будем использовать минимум графики. На этом этапе мы добавим одно фото, которое подчеркнет основное послание – факт распродажи. Для этого переходим во вкладку «Фотографии» и перетягиваем нужную картинку на основной холст.
Вы можете добавлять поверх фона любое количество картинок и стикеров
Как видите, фотография обычная, нам же нужно, чтобы картинка была продолжением основного холста. Вы можете полностью поменять фон на снимке, но мы рассмотрим быстрый вариант – удаление подложки. Для этого на верхней панели с инструментами щелкните по иконке ножниц.
При необходимости вы можете отделить основной объект от фона
Укажите контур при помощи инструмента выделения или волшебной палочки и нажмите «Скрыть фон». Для лучшего слияния картинки с основной подложкой можно настроить размытие границ. Кликните «Применить», чтобы сохранить правки и вернуться к дизайну.
Осталось добавить текст объявления. Для этого раскройте «Текст и украшения» и введите основной заголовок в текстовое окошко. Нажмите «Добавить текст», чтобы надпись появилась на холсте. Таким же образом добавьте остальную информацию.
Каждую фразу лучше добавлять отдельным текстовым слоем
Вы можете выбрать готовый дизайн, кликнув «Стили текста». Чтобы детально отредактировать оформление, нажмите «Настройки текста» – здесь можно установить заливку текста, добавить контур, настроить расстояние между буквами.
Экспортировать макет можно двумя способами: быстро создать файл JPG или сжать картинку специально для загрузки в интернет. В первом случае выберите кнопку «Сохранить» на панели инструментов и кликните «Сохранить как изображение».
Программа предлагает несколько способов сохранения макета
Во втором варианте раскройте пункт меню «Файл» и отыщите строчку «Сохранить JPEG с настройкой качества». Укажите желаемое качество файла и ползунком регулируйте степень сжатия, отслеживая результат в окне предпросмотра.
Настройте оптимальное качество сжатия, если хотите сохранить в JPEG
Лучше всего ориентироваться на текст – он не должен быть размытым, и вокруг не должно быть «артефактов». Новый размер отобразится справа, под окном просмотра. Когда все будет готово, нажмите «Сохранить».
В заключение
Из этой статьи вы узнали, как сделать макет баннера для печати самому. Как видите, создание промо-материалов – не очень сложная задача, главное при этом знать базовые правила дизайна. Еще одним важным шагов становится выбор подходящего софта. Если вы ищете удобный и простой в освоении софт, советуем скачать программу ФотоКОЛЛАЖ. Она поможет быстро справиться с поставленной задачей и при этом предлагает практически неограниченный простор для креатива.
Доступно более 300
готовых макетов для оформления
Работает на Windows 11, 10, 8, 7, XP
вверх
Автор статьи:
Гилёва Анастасия
Несмотря на повсеместную диджитализацию, несмотря на осуждение рекламы на баннерах из-за невозможности посчитать эффективность такого размещения, наружка всё еще работает.
Но работает она лишь у 5% рекламодателей. У остальных 95% она просто добавляет яркости городу и инфошума его жителям. Не более. Если вы задумались взять в аренду рекламный щит 3х6 для размещения на нем баннера, прочитайте сначала эти простые правила, которые позволят вам получить от баннерной рекламы максимум, а не просто слить бюджет.
Правило 1: Принцип пустого пространства
На баннере должен быть «воздух», и чем его будет больше, тем лучше. И не думайте, что если рекламный щит площадью 18м2, то там можно разгуляться и рассказать про все ваши акции и преимущества. Процент занятой текстом и графикой площади должен быть одинаковым независимо от размера рекламной поверхности. По факту, не менее 60-70% баннера должен занимать просто ненавязчивый, а лучше сплошной фон.
Согласитесь, тот что справа – запомнится быстрее?
Правило 2: Один баннер – одно сообщение
Не усложняйте. Потенциальному клиенту и так вы создаете колоссальные сложности: разглядеть вашу афишу в городе, прочитать, заинтересоваться, запомнить, принять решение. А ведь ему вы и не нужны были совершенно. Поэтому рекламируем всегда только одно предложение: самое привлекательное, самое «вкусное». Если вы думаете, что иконки, ярлычки, сноски, подзаголовки являются безобидным дополнением, которое лишь украсит баннер, то забудьте. Это не так. Смело отказывайтесь от всего второстепенного.
Зачем идти в салон справа – понятно. А в чем преимущество того, что слева?
Правило 3: Один баннер – один визуал
Не делайте из баннера коллаж. И не добавляйте на него картинки с огромным количеством мелких деталей. Это просто не уловят, а деньги будут выброшены на ветер. Вам необходимо ОДНО изображение, дополняющее ваше особое предложение, и чем оно будет понятнее, проще и лаконичнее, тем лучше.
Справа порошок рекламируют, а слева – воду или помидорки?
Правило 4: Краткость – сестра таланта
Вы придумали заголовок, который должен привлечь все внимание. Теперь перечитайте его и урежьте раза в два хотя бы. Он должен быть максимально кратким. Для того чтобы у нас была возможность сделать его крупным и чтобы ваш клиент успел его прочитать.
Какую из идей слева вы успеете уловить? Зато слева нет альтернатив – или да, или нет.
Правило 5: Раз контакт. Точка
Не старайтесь запихнуть на баннер все ваши рабочие и личные телефонные номера, адрес сайта, электронку, скайп, ватсапп. Поймите, человек только ну в очень острой нужде успеет и суть вашего предложения уловить, и номер телефона запомнить. И номером должно тогда быть что-то по типу 222-333. В остальных случаях это просто бессмысленно.
Наружная реклама работает на узнаваемость. Ваша задача – запомниться потребителю. Если запомнят название – вас с легкостью найдут в интернете. По названию. Поэтому побеспокойтесь, чтобы вы в интернете были.
Конечно, хотя бы один контакт желателен. Ведь могут и прохожие, неспешно прогуливаясь, увидеть ваш баннер и заинтересоваться. Могут вашими клиентами быть и те, кто сидят на пассажирских сиденьях и глазеют в окно автомобиля на протяжении всего пути. Поэтому подумайте, размещение какого контакта даст максимум пользы. Если у вас достойный и легкий для запоминания сайт — укажите его. Если ваш клиент выбирает по местоположению – разместите адрес. Но без всяких индексов, приписок города, края и лишних символов. Они в баннере действительно лишние.
Слева аж три контакта, и каждый так мелко, что не разглядеть. Зато справа всё однозначно крупно.
Правило 6: Порядок на баннере – порядок на предприятии
Во всем важна гармония. Человеческий глаз интуитивно отделяет стильное от безобразного, даже когда ваш клиент не отличается развитым чувством прекрасного. Не забывайте про равные поля от края, про единые линии, по которым выравнивается текст.
Правило 7: Грамотность превыше красоты
Любой даже самый стильный банер обезобразит грамматическая ошибка. Надеюсь, вы заметили таковую в прошлом предложении. Типографии не заморачиваются даже банальной вычиткой того, что вы им присылаете на печать. Поэтому вся ответственность только на вас. Да, когда работаешь над макетом достаточно долго, глаз «замыливается». Так что не поленитесь отдать ваш баннер за проверку нескольким людям. Это важно.
Именно об этом…
Правило 8: Баннер не для красоты города, а для прочтения клиентом
Не забывайте, для кого ваш рекламный щит. Он не для дизайнера, чтобы тот пополнил свое портфолио креативным проектом. И не для вас, чтобы отчитаться об освоении нового рекламного инструмента. Он только и единственно для вашего клиента. И чтобы он за секунды уловил идею – не создавайте ему трудностей в восприятии. Вместо креативного выберите 100% читабельный шрифт. По возможности пишите темным по светлому и откажитесь от использования яркого оттенка шрифта на другом ярком цвете подложки. Совет: изучите цветовой круг и сочетаемость цветов друг с другом.
Видите разницу?
Присмотритесь. Видите? Я тоже.
Правило 9: Дизайнер нужен. Точка.
Читая вышенаписанное, может показаться, что при общем тренде на минимализм и к дизайнерам обращаться нет нужды – сами справимся. Однако это огромное заблуждение. Подать даже достаточно посредственное рекламное предложение так, чтобы запомнили – это искусство. Поэтому заниматься этим должна команда, в которой работают в тандеме графический дизайнер и маркетолог. Тогда будет результат и вложения в баннер оправдают себя.
Надеюсь, разница уловима.
Правило 10: Брендирование
На вашем баннере должен быть логотип. Главное, чтобы он был лаконичным, заметным, читабельным. Конечно, баннер может давать результат и без лого, с заголовком и номером телефона крупно. Но такой баннер – инструмент продаж, а не инвестиция. Он не добавляет в «копилку» узнаваемости вашей компании. Если завтра на нем поменять ваш номер на телефон конкурента, последний получит столько же звонков. Поэтому в рамках этой статьи мы с вами будем говорить про продвижение именно бренда, а значит настаивать на необходимости лого на баннере.
Вроде и оттенки схожи. Но разница всё же есть.
Правило 11: Игра в ассоциации
Все рекламодатели, а маркетологи особенно, любят заигрываться в ассоциации. И чем сложнее метафора, тем круче. Нет. Это не так. Не забывайте про 0,5 секунды, которые у вас есть, чтобы привлечь внимание и заинтересовать. Если в первую секунду клиент построит ложную ассоциацию, он просто проедет мимо вашего-самого-выгодного-предложения. Здравый смысл – вот чем руководствуйтесь прежде всего.
Что там на баннере слева рекламируют? Салон красоты? Салон шляп? Черепицу, ну неужели не очевидно? А у Альфабанка ассоциации понятнее и веселее.
Правило 12: Создайте настроение
Люди чаще запоминают то, что вызывает эмоции. Это может быть радость или удивление, открытый смех или смущенная улыбка – главное, чтобы эти эмоции не обернулись негативом в сторону вашей компании. Поэтому к использованию юмора и провокаций нужно подходить крайне осторожно и несколько раз подумать и посоветоваться с маркетологами до запуска такой рекламы.
Дети, животные, весёлая игра слов работает на Ура! Главное, чтобы потребитель связь успел выстроить с тем, что вы предлагаете. Тема секса, несмотря на неоднозначность в рекламе, внимание привлекает однозначно
Финиш.
И, напоследок, подборка баннеров, которые считаю очень удачными. Многие могут сказать, что в этих баннерах сам бренд известен, и поэтому уже предварительно отношение к рекламе более благосклонное. Всё же я твердо уверена, что качественная работа маркетологов и пиарщиков позволила им показать достойный уровень, поддержать известность бренда. Так что бренд здесь скорее следствие, чем причина.
«Альфабанк» всегда приятно удивляет краткостью и оригинальной игрой слов. Из-за цветового минимализма всё внимание уходит на предложение. А необычные фразы бьют в точку, рождая верный ассоциативный ряд.
Уже который год радуют креативом маркетологи авиакомпании S7 Airlines. Они запускают масштабные рекламные кампании, где баннерная реклама – лишь часть большого проекта. Тем не менее они задевают те глубокие «нотки», которые сидят в душе почти каждого человека, независимо от того, является этот человек путешественником или лишь мечтает об этом. Да, их реклама очень ассоциативная, и больше направлена на молодежь, чем на людей средних лет. Кто-то, увидев баннер, не сразу уловит суть. Но то что он баннер увидит и успеет прочитать текст на нем – это факт. И еще больший факт – это то, что реклама S7 рождает качественные положительные эмоции. А это дорогого стоит.
И в самом конце хочется отметить рекламу Apple при продвижении на рынке iPhone 6. Увидев огромный щит на одной из магистралей нашей столицы, я подвисла от того, насколько красиво и тонко эта реклама сделана. «Снято на iPhone 6». И на этом всё. Да ведь ничего более и не нужно. Всё и так стало понятно. Без лишних слов.
Кто-то опять может сказать «Ну это ж Apple». А мы то простая компания из провинции. А я вам отвечу «А в чем разница?». Кто мешает вам создать баннер, который будет кратко и емко доносить суть вашего предложения.
Выводы.
Итак подведем краткие итоги основных моментов, которым нужно уделить внимание:
- 60-70% баннера должен занимать просто ненавязчивый, а лучше сплошной фон
- Рекламируем всегда только одно предложение: самое привлекательное
- Одно изображение, дополняющее ваше особое предложение
- Заголовок — максимально краткий
- Один адрес, один телефон. Это максимум.
- Менее креативный, более читабельный шрифт. Изучите цветовой круг и сочетаемость цветов
- Логотип на баннере — нужен!
- Ассоциаций и скрытых смыслов поменьше, намёки толще.
- Баннер излучает позитивное настроение — отличный приём.
- Вы уже популярны и узнаваемы? Минимализм — ваше новое кредо.
- И не забываем о самом главном: профессионального Дизайнера и Маркетолога не заменит ни один друг/знакомый/товарищ/брат.
Стоимость
Дорого ли это? У всех по-разному. Кто-то продаст Вам картинку из интернета за 3000 рублей, кто-то пообещает сделать все за 1500 без предоплаты, чтобы получить свой первый опыт и обновить портфолио, а кто-то за 13000 рублей отдаст все на проработку другим людям, поимев свой процент. Мы же работаем практически с любыми бюджетами. У нас свои штатные дизайнеры и маркетологи, которые по праву считаются одними из лучших. Проработка большинства баннеров стандартного размера обойдется вам в 8000-10000 рублей, но сэкономит много времени и сил, а в конце принесет свой результат.
Напишите нам в чат на сайте, заполните форму для обратной связи, или позвоните, чтобы мы могли просчитать Вам наше индивидуальное предложение и приступить к работе в минимальные сроки.
Многие тщательно отбирают сотрудников для работы с клиентами, но почему-то так халатно относятся к рекламному баннеру, который «общается» с куда большим количеством клиентов и, главное, куда чаще.
Надеюсь, тем, кто уже размещается на рекламных щитах в вашем городе, информация в данной статье поможет пересмотреть идею баннера. А тем, кто только намеревается арендовать рекламный щит – спланировать баннер сразу и грамотно..
Была ли полезной наша статья? Голосуйте!
Настоящая Политика конфиденциальности персональных данных (далее – Политика конфиденциальности) действует в отношении всей информации, которую корпоративный сайт Индивидуального предпринимателя Гилёвой Анастасии Андреевны (далее – Сайт), работающего под брендом Маркетинговое агентство Concept Lab (далее – Агентство), расположенный на доменном имени https://conceptlab.pro, может получить о Пользователе во время использования вышеуказанного корпоративного сайта и работы с ним.
1. ОПРЕДЕЛЕНИЕ ТЕРМИНОВ
1.1. В настоящей Политике конфиденциальности используются следующие термины:
1.1.1. «Администрация Сайта Агентства (далее – Администрация сайта)» – уполномоченные сотрудники на управление сайтом, действующие от имени Индивидуального предпринимателя Гилёвой Анастасии Андреевны, которые организуют и (или) осуществляют обработку персональных данных, а также определяют цели обработки персональных данных, состав персональных данных, подлежащих обработке, действия (операции), совершаемые с персональными данными.
1.1.2. «Персональные данные» — любая информация, относящаяся к прямо или косвенно определенному или определяемому физическому лицу (субъекту персональных данных).
1.1.3. «Обработка персональных данных» — любое действие (операция) или совокупность действий (операций), совершаемых с использованием средств автоматизации или без использования таких средств с персональными данными, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных.
1.1.4. «Конфиденциальность персональных данных» — обязательное для соблюдения Оператором или иным получившим доступ к персональным данным лицом требование не допускать их распространения без согласия субъекта персональных данных или наличия иного законного основания.
1.1.5. «Пользователь корпоративного сайта (далее — Пользователь)» – лицо, имеющее доступ к сайту Агентства, посредством сети Интернет и использующее Сайт маркетингового агентства Concept Lab.
1.1.6. «Cookies» — небольшой фрагмент данных, отправленный вебсервером и хранимый на компьютере пользователя, который вебклиент или веб-браузер каждый раз пересылает веб-серверу в HTTP-запросе при попытке открыть страницу соответствующего сайта.
1.1.7. «IP-адрес» — уникальный сетевой адрес узла в компьютерной сети, построенной по протоколу IP.
2. ОБЩИЕ ПОЛОЖЕНИЯ
2.1. Использование Пользователем Сайта означает согласие с настоящей Политикой конфиденциальности и условиями обработки персональных данных Пользователя.
2.2. В случае несогласия с условиями Политики конфиденциальности Пользователь должен прекратить использование Сайта.
2.3. Настоящая Политика конфиденциальности применяется только к сайту Агентства. Агентство не контролирует и не несет ответственность за сайты третьих лиц, на которые Пользователь может перейти по ссылкам, доступным на сайте Агентства.
2.4. Администрация сайта не проверяет достоверность персональных данных, предоставляемых Пользователем Сайта Агентства.
3. ПРЕДМЕТ ПОЛИТИКИ КОНФИДЕНЦИАЛЬНОСТИ
3.1. Настоящая Политика конфиденциальности устанавливает обязательства Администрации сайта по неразглашению и обеспечению режима защиты конфиденциальности персональных данных, которые Пользователь предоставляет по запросу Администрации сайта при заполнении форм заявки, форм обратной связи и форм подписки на Сайте.
3.2. Персональные данные, разрешённые к обработке в рамках настоящей Политики конфиденциальности, предоставляются Пользователем путём заполнения форм заявки, форм обратной связи и форм подписки на Сайте Агентства и включают в себя следующую информацию:
3.2.1. формы обратной связи и формы заявки (расположены на всех страницах Сайта, включая «шапку» Сайта и «подвал» Сайта):
3.2.1.1. фамилию, имя, отчество Пользователя;
3.2.1.2. контактный телефон Пользователя;
3.2.1.3. адрес электронной почты (e-mail);
3.2.2. формы обратной связи и формы заявки (расположены на всех страницах Сайта, включая «шапку» Сайта и «подвал» Сайта):
3.2.2.1. адрес электронной почты (e-mail);
3.3. Любая иная персональная информация, неоговоренная выше, подлежит надежному хранению и нераспространению, за исключением случаев, предусмотренных в п.п. 5.2. настоящей Политики конфиденциальности.
4. ЦЕЛИ СБОРА ПЕРСОНАЛЬНОЙ ИНФОРМАЦИИ ПОЛЬЗОВАТЕЛЯ
4.1. Персональные данные Пользователя Администрация Сайта может использовать в целях:
4.1.1. Установления с Пользователем обратной связи, включая направление уведомлений, запросов, касающихся использования Сайта Агентства, оказания услуг Агентства, обработку запросов и заявок от Пользователя.
4.1.2. Подтверждения достоверности и полноты персональных данных, предоставленных Пользователем.
4.1.3. Предоставления Пользователю с его согласия рассылки статей с корпоративного блога Агентства.
5. СПОСОБЫ И СРОКИ ОБРАБОТКИ ПЕРСОНАЛЬНОЙ ИНФОРМАЦИИ
5.1. Обработка персональных данных Пользователя осуществляется без ограничения срока, любым законным способом, в том числе в информационных системах персональных данных с использованием средств автоматизации или без использования таких средств.
5.2. Персональные данные Пользователя могут быть переданы уполномоченным органам государственной власти Российской Федерации только по основаниям и в порядке, установленным законодательством Российской Федерации.
5.3. При утрате или разглашении персональных данных Администрация сайта информирует Пользователя об утрате или разглашении персональных данных.
5.4. Администрация сайта принимает необходимые организационные и технические меры для защиты персональной информации Пользователя от неправомерного или случайного доступа, уничтожения, изменения, блокирования, копирования, распространения, а также от иных неправомерных действий третьих лиц.
5.5. Администрация сайта совместно с Пользователем принимает все необходимые меры по предотвращению убытков или иных отрицательных последствий, вызванных утратой или разглашением персональных данных Пользователя.
6. ОБЯЗАТЕЛЬСТВА СТОРОН
6.1. Пользователь обязан:
6.1.1. Предоставить корректную информацию о персональных данных, необходимую для эффективного пользования Сайтом Агентства и получения оперативной и компетентной обратной связи от Агентства по запросу Пользователя через заполненные на сайте формы. 6.2. Администрация сайта обязана:
6.2.1. Использовать полученную информацию исключительно для целей, указанных в п. 4 настоящей Политики конфиденциальности.
6.2.2. Обеспечить хранение конфиденциальной информации в тайне, не разглашать без предварительного письменного разрешения Пользователя, а также не осуществлять продажу, обмен, опубликование, либо разглашение иными возможными способами переданных персональных данных Пользователя, за исключением п.п. 5.2. настоящей Политики Конфиденциальности.
6.2.3. Принимать меры предосторожности для защиты конфиденциальности персональных данных Пользователя согласно порядку, обычно используемому для защиты такого рода информации в существующем деловом обороте.
6.2.4. Осуществить блокирование персональных данных, относящихся к соответствующему Пользователю, с момента обращения или запроса Пользователя или его законного представителя либо уполномоченного органа по защите прав субъектов персональных данных на период проверки, в случае выявления недостоверных персональных данных или неправомерных действий.
7. ОТВЕТСТВЕННОСТЬ СТОРОН
7.1. Администрация сайта, не исполнившая свои обязательства, несёт ответственность за убытки, понесённые Пользователем в связи с неправомерным использованием персональных данных, в соответствии с законодательством Российской Федерации, за исключением случаев, предусмотренных п.п. 5.2., и 7.2. настоящей Политики Конфиденциальности.
7.2. В случае утраты или разглашения Конфиденциальной информации Администрация сайта не несёт ответственность, если данная конфиденциальная информация:
7.2.1. Стала публичным достоянием до её утраты или разглашения.
7.2.2. Была получена от третьей стороны до момента её получения Администрацией сайта.
7.2.3. Была разглашена с согласия Пользователя.
8. РАЗРЕШЕНИЕ СПОРОВ
8.1. До обращения в суд с иском по спорам, возникающим из отношений между Пользователем сайта Агентства и Администрацией сайта, обязательным является предъявление претензии (письменного предложения о добровольном урегулировании спора).
8.2 .Получатель претензии в течение 30 календарных дней со дня получения претензии, письменно уведомляет заявителя претензии о результатах рассмотрения претензии.
8.3. При не достижении соглашения спор будет передан на рассмотрение в судебный орган в соответствии с действующим законодательством Российской Федерации.
8.4. К настоящей Политике конфиденциальности и отношениям между Пользователем и Администрацией сайта применяется действующее законодательство Российской Федерации.
9. ДОПОЛНИТЕЛЬНЫЕ УСЛОВИЯ
9.1. Администрация сайта вправе вносить изменения в настоящую Политику конфиденциальности без согласия Пользователя.
9.2. Новая Политика конфиденциальности вступает в силу с момента ее размещения на Сайте Агентства, если иное не предусмотрено новой редакцией Политики конфиденциальности.
9.3. Все предложения или вопросы по настоящей Политике конфиденциальности следует сообщать через форму обратной связи в разделе Контакты Сайта Агентства, расположенной по адресу https://conceptlab.pro/contacts/.
9.4. Действующая Политика конфиденциальности размещена на странице по адресу https://conceptlab.pro.
Обновлено «16» ноября 2020 г.
Баннеры — это одна из самых распространенных форм интернет-рекламы, позволяющая увеличить онлайн-трафик. Баннеры представляют собой кликабельные изображения на веб-страницах, демонстрирующие продукт или бренд и ведущие по ссылке на сайт рекламодателя. В том или ином виде их использует большинство компаний, поскольку они являются доступной, измеримой и эффективной средой для повышения узнаваемости бренда.
Дизайн веб-баннеров предполагает создание максимально кликабельных рекламных объектов. Есть целое ответвление веб-дизайна, фокусирующееся на создании эффективных рекламных баннеров.
В этой статье мы собрали для вас лучшие рекомендации в этой области.
Содержание статьи
1. Используйте наиболее эффективные стандартные размеры баннеров
2. Размещайте баннеры правильно
3. Поддерживайте иерархию
4. Соблюдайте простоту
5. Внедряйте кнопки с умом
6. Обрамляйте свои баннеры
7. Делайте текст мгновенно читаемым
8. Применяйте анимацию
9. Органично дополняйте, выделяясь
10. Обеспечивайте связь с брендом
11. Внушайте ощущение срочности
12. Изобразительные средства выбирайте с умом
13. Отдавайте предпочтение подходящим цветам
14. Поддерживайте небольшой размер файлов
15. Используйте правильные форматы файлов
Заключение
1. Используйте наиболее эффективные стандартные размеры баннеров
Сервис контекстной рекламы Google Adsense называет самыми успешными следующие параметры и форматы:
728×90 px — длинный баннер-перетяжка, лидерборд (Leaderboard),
300×600 px — баннер на половину страницы (Half Page),
300×250 px — прямоугольник среднего размера (Medium Rectangle),
336×280 px — большой прямоугольник (Large Rectangle).
Наиболее распространенные размеры баннеров. Сверху — лидерборд, слева — баннер на половину страницы, справа — средний и большой прямоугольники
Баннер на полстраницы
2. Размещайте баннеры правильно
Покупайте место на сайте поверх линии сгиба (Above The Fold) близко к основному контенту страницы, тогда ваш дизайн будет виден всем.
3. Поддерживайте иерархию
В баннерной рекламе важно полагаться на баланс в рамках каждого рекламного объявления, так что следите за иерархией. Эффективные баннеры увеличивают осведомленность о бренде и привлекают трафик на ваш сайт. Они содержат три основных компонента:
1. Логотип компании — способствует повышению осведомленности. Должен визуально доминировать, но чуть меньше чем ценностное предложение или призыв к действию.
2. Ценностное предложение (Value Proposition) — объясняет, какой продукт/услугу вы предлагаете, и привлекает внимание заманчивыми оффером и ценами. Как правило, здесь можно увидеть словосочетания вроде «высокое качество», «50%-ная скидка» и «ограниченная по времени акция». Данный элемент занимает основное пространство, и именно его должны в первую очередь заметить зрители.
3. Призыв к действию (Call to Action, CTA) — это текст или кнопка, приглашающая пользователей нажать ее. Обычно пишут что-то вроде «Узнать больше», «Посмотреть» или «Начать». Призыв должен стать фокусом рекламного объявления.
Призыв к действию от Авито
4. Соблюдайте простоту
Пусть ваши графические элементы и контент будут простыми, но запоминающимися: скорее всего, посетители лишь единожды взглянут на баннер — и длиться этот взгляд будет не более секунды.
Лаконичный мобильный баннер от Miu Miu
5. Внедряйте кнопки с умом
Кнопки повышают кликабельность рекламы (Click-Through Rate, CTR). Размещайте их после текста, ближе к нижнему правому углу. Применяйте контрастный цвет и не забудьте о вкусе! Кнопки должны отличаться постоянным дизайном на протяжении всего набора рекламных объявлений.
6. Обрамляйте свои баннеры
Наши глаза сразу устремляются на объекты в рамке. Эффективные баннеры используют четкие рамки и графику, продолжающуюся за краями квадрата. Если фон рекламы белый, то вокруг нее обычно рисуют однопиксельную серую границу.
7. Делайте текст мгновенно читаемым
Заголовок и основной текст должны иметь разный размер. Весь текст не должен превышать четырех строчек:
Хороший пример читабельности
Не вполне удачное решение
Нежелательно применять курсивные или рукописные шрифты, очень тонкое написание, писать текст только заглавными буквами или использовать шрифт менее 10 pt (если только это не заявление об ограниченной ответственности или не сведения об авторских правах).
8. Применяйте анимацию
Анимированные баннеры, как правило, проявляют себя лучше статических, но необходимо убедиться, что они не отвлекают от основного послания рекламы:
Ритейлер детской одежды Mothercare
«Сбербанк»
Используйте простую анимацию, длящуюся не более 15 секунд и с циклизацией не чаще трех раз. Хорошая идея — сделать последний кадр четким призывом к действию.
9. Органично дополняйте, выделяясь
Доверие зрителей больше заслуживает реклама в стиле сайта, на котором она появляется. Однако не сливайтесь с площадкой полностью. Баннер должен быть виден, его назначение — привлекать внимание:
Баннер от Apple
10. Обеспечивайте связь с брендом
Ссылка с баннера ведет к лендингу с вашим оффером. Убедитесь, что реклама соответствует вашему брендингу и оформлению посадочной страницы, иначе у потенциальных клиентов возникнут вопросы.
11. Внушайте ощущение срочности
Визуально срочность создается смелыми контрастными цветами. Баннеры не должны быть скромными и незаметными.
12. Изобразительные средства выбирайте с умом
Графика и фотографии должны иметь отношение к продукту. Их цель — лучше донести послание. Никаких абстракций. Не можете позволить себе профессиональных фотографов и моделей? Заплатите за качественные стоковые фото. Можно найти оригинальные иллюстрации или заказать графику дизайнеру.
Изображения вообще не обязательны к использованию. Мастерски составленный текст и удачная типографика создадут аналогичный эффект.
13. Отдавайте предпочтение подходящим цветам
Каждый цвет имеет свою ассоциацию. Важно обдумывать, какой тип эмоций вы пробуждаете в аудитории, ведь именно цветовая гамма — это первое, что замечают люди в дизайне.
Наука о цвете субъективна, и в разных культурах цвета имеют различные ассоциации. Изучите целевую аудиторию перед выбором оттенков. Вот примеры эмоций, вызываемых разными цветами, у людей Запада:
- Красный — страсть, ярость, возбуждение и любовь. Мощный цвет, привлекающий многих, но лучше применять его осторожно. Избегайте красного, если вы стремитесь к классическому, зрелому, серьезному образу.
- Оранжевый — игривость и воодушевление. В отличие от агрессивного красного, оранжевый заряжает энергией. Замечательный выбор для кнопки призыва к действию.
- Желтый — радость, солнечное сияние, дружелюбие. Желтый притягивает взгляд и излучает энергию, создает ощущение молодежности и доступности по стоимости.
- Зеленый — здоровье, свежесть, богатство, окружающая среда, рост, забота и начало чего-то нового. Нашим глазам приятно на него смотреть.
Проект «500 Startups» от «Сбербанка» в ярко-зеленом цвете
- Синий — безопасность, доверие, ясность, зрелость, безмятежность, интеллект, формальность, восстановление сил, холодность и мужественность. Данный цвет присутствует в более чем половине всех логотипов мира.
- Фиолетовый — роскошь, величие, экстравагантность, мудрость, магия, женственность и креативность. Оказывает на зрителей успокаивающий эффект.
- Розовый — любовь, симпатия, женственность, юность и дети. Обычно розовый связывают с чем-то женским, но все зависит от тона и яркости.
- Черный — эксклюзивность, загадочность, современность, мощь, престиж, роскошь и формальность. Традиционный выбор, в частности, черный текст на белом фоне — это самая удобная для чтения цветовая комбинация.
Реклама УАЗ Патриот в желто-черных тонах
- Белый — девственность, чистота, современность, стерильность, простота, честность и невинность. Создает чувство экономической оправданности и причастности к молодости.
- Коричневый — природа, дерево, кожа, серьезность, мужественность, упрямство/жесткость и скромность. Коричневый создает баланс между более сильными цветами и потому хорошо подходит в качестве фона.
- Серый — нейтральность и практичность. При использовании как фон усиливает остальные цвета.
Реклама от New Balance в практичном сером цвете
14. Поддерживайте небольшой размер файлов
Чем меньше, тем лучше — менее 150 кб, как рекомендует Google Adwords. Нужно, чтобы реклама загружалась быстро, иначе посетители прокрутят страницу вниз, не заметив ее.
JPG, PNG, GIF или HTML5 — это то, с чем следует работать. Как правило, дизайнеры создают графику в Adobe Illustrator или Photoshop и получают файлы в JPG, PNG или GIF, либо они применяют Google Web Designer или Adobe Animate и на выходе имеют HTML5.
Имейте в виду, что реклама, созданная с использованием Flash-анимации, уже устарела.
Заключение
Ну, вот и все. Основные правила мы перечислили, так что вы готовы к созданию качественных баннеров. Если вы не являетесь профессиональным дизайнером (или заняты продвижением бизнеса), то лучше наймите креативного специалиста, который создаст идеальную кликабельную рекламу специально под вас.
Также позаботьтесь о том, куда пользователь попадет после клика на ваш баннер. Идеальная стратегия обычно выглядит так:
Оффер в виде баннера → переход на лендинг → подписка на рассылку → Lead Nurturing
Да, конечно, можно посылать пользователя и на страницы актуальных товаров, т. е. товарные лендинги магазина — не обязательно на страницу с подпиской — но это уже ваш выбор.
Создать лендинг под стать вашему баннеру вы можете в нашем конструкторе лендингов. Возьмите за основу любой бесплатный шаблон или начните с пустого листа — редактор доступен как для новичков, так и для профессионалов.
Высоких вам конверсий!
По материалам: 99designs.com
10-10-2019