Веб-баннер — это статическое или динамическое изображение, отображаемое на веб-странице. Обычно состоит из изображения, названия компании или логотипа, текста и призыва к действию (Call-to-action, далее CTA), побуждающего пользователей кликать по баннеру. Главная цель баннерной рекламы — продвижение бренда и/или побуждение посетителей перейти с рекламной площадки на сайт рекламодателя.

Виды баннеров: HTML5, GIF-баннеры, MPEG4 (видео) и статичные

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

• HTML5
• GIF
• MPEG4 (видео баннеры)
• Статичные

Что такое HTML5 баннер?

 Смотреть больше примеров HTML5 баннеров →

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

Gif-баннер и его отличия от HTML5

Смотреть больше примеров Gif-баннеров →

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

Статичный баннер, где используют?

Смотреть больше примеров статичных баннеров →

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

Флеш баннеры и куда они делись

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

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

• Низкая безопасность технологии Flash, обусловленная большим количеством «дыр» и уязвимостей;
• Отсутствие поддержки Flash мобильными браузерами, которая была сделана с подачи корпорации Apple и её основателя — Стива Джобса;
• Нежелание разработчика поддерживать технологию.

А пришедший на замену HTML5 — полностью лишил флеш-баннеры какой-либо актуальности.

Где используются баннеры

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

Баннеры — инструмент, который объединяет и медийную и контекстную рекламу, поскольку используется и там, и там. Как правило, HTML баннеры используют крупные компании и развивающиеся проекты, работающие над продвижением собственного бренда.

Рекламные сети в Рунете

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

• Google Ads — наиболее популярная в мире (и в рунете в частности) рекламная сеть. Главными её преимуществами являются низкий порог вхождения и высокая стоимость клика. Сеть принимает веб-ресурсы с любыми показателями, контент которых не противоречит правилам системы.
• Рекламная сеть Яндекс (сокр. РСЯ) занимает почетное второе место по популярности. Данный сервис в отличие от Google Ads имеет куда более строгие критерии в отношении сайтов, принимая веб-сайты с посещаемостью не менее 500 уникальных посетителей в сутки. Как и Гугл, РСЯ предлагает собственный инструмент для сбора семантики.
• MyTarget — система показа таргетированной (целевой) рекламы, принадлежащая Mail.Ru Group. Соответственно, она является предпочтительным вариантом для тех рекламодателей, которые хотят максимально эффективно прорекламировать свой продукт на рекламных площадках от этой группы (ВК, ОК, Мой Мир и т.д.).
• Rambler — поисковая система, появившаяся раньше Яндекс и Google, но впоследствии утратившая популярность. Сегодня одноименная рекламная сеть позволяет рекламодателям размещать свою рекламу на собственных ресурсах, включая Лента.ру, LiveJournal, Газета.ру, Афиша и ряд других сервисов.
• Adriver — не является типичной рекламной сетью. Это — крупная рекламная платформа, которая успешно занимается работает с 2001 года. Адривер предлагает широкий выбор инструментов для аналитики, а объявления от рекламодателей запускаются исключительно на заранее выбранных (рекламодателем) площадках.
• Adfox — рекламная сеть, созданная в 2008 году и ныне принадлежащая Яндексу.
• AdSniper — независимая платформа для показа рекламы, которая может предложить клиентам автоматизированную настройку рекламных кампаний, а также инструментарий.
• Segmento.ru — крупная рекламная площадка, заточенная на показ рекламы для целевой аудитории. В совокупности количество показов достигает 1 миллиард в месяц.
• Sizmek — рекламная сеть, которая специализируется на VAST — технологии, позволяющей отображать рекламное видео в любом видеопроигрывателе.
• Kadam.net — одна из наиболее масштабных рекламных сетей. Использует современные технологии и расширенный таргетинг.

Технические требования к баннерам

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

• Размер баннера в пикселях (например 240×400);
• Ограничения по весу (например, не более 40 кб);
• Допустимый формат баннера (gif, jpeg, HTML5 или mpeg4);
• Информация на баннере не должна нарушать законодательство.

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

• В баннере запрещается использовать элементы схожие с элементами интерфейса сайта;
• Нельзя использовать мерцающую анимацию;
• Обязательный перевод зарубежных слов.

Для HTML5 баннеров существуют отдельные требования площадок:

• Оптимизированный код не нагружающий работу процессора;
• На площадку баннеры отправляется в формате *zip, где все файлы сохранены в одну папку;
• Обязательно прописанный код ссылки, работающий при клике на баннер.

Конвертация баннеров

Конвертация баннера представляет собой изменение его формата. Чаще всего конвертация происходит:

• Из формата SWF в HTML5. SWF — формат flash анимации, который по мере прекращения поддержки требует перехода на новые технологии, например на HTML5. Для конвертации можно использовать ряд программ, включая Adobe Animate CC (включая его демоверсию). Данная программа позволяет сделать конвертацию просто, быстро, а что немаловажно, без потери исходного качества.
• Из HTML5 в GIF. Более подробно об способах можно узнать в статье: https://yodizbanner.ru/journal/konvertatsiya-html5-v-gif.
• Из HTML5 в MPEG4. Для конвертации можно использовать программу Honeycam или различные онлайн-сервисы.

Что такое ресайзы?

Ресайз баннера (resize — изменение размера) представляет собой изменение оригинального баннера (или мастер-баннера), созданного на основе требований заказчика, для его «подгона» к требованиям, выдвигаемым конкретной рекламной площадкой. 

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

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

Адаптация баннеров под другие языки (мультиязычные баннеры)

Медийная рекламу можно разделить на 3 сегмента:

• Локальная. Для отдельного региона или города;
• Федеральная;
• Международная.

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

Какие размеры (ресайзы) баннеров существуют?

Согласно требованиям, которые выдвигает Рекламная сеть Яндекс к баннерам (ознакомиться с ними можно здесь), наиболее популярны (вне зависимости от платформы) баннеры следующих размеров:

• 300×250 — баннеры этого размера принято называть «Средний прямоугольник». Данный формат идеально подходит для мобильных и стационарных устройств, для рекламы товаров и услуг. При грамотном оформлении, баннеры данного размера способны демонстрировать высокий показатель CTR.
• 990х90 — такой формат баннеров обычно называют «Растяжка». Размещаются такие баннеры чаще всего в топе (верхней части веб-страницы). Благодаря своей длине, они не остаются незамеченными пользователями, а большое пространство позволяет разместить максимум полезной информации.
• 240×400 — баннеры данного размера, благодаря своей пропорции получили название «Уменьшенная книжка». Является универсальным и эффективным рекламным инструментом.
• 300х600 — рекламный баннер — блок, занимаемый практически половину веб-страницы. Дает возможность отобразить максимум для привлечения внимания любой аудитории.

Самые популярные размеры согласно руководству от Google (ознакомиться с ними можно здесь)  

• 240 x 400 «Вертикальный прямоугольник» — ТОП-1 по популярности в России 
• 300 x 250  «Средний прямоугольник» — лучше размещать в конце статьи или встраивать их в текст 
• 336 x 280 «Большой прямоугольник»
• 728 x 90 «Полноразмерный баннер» — подходит для размещения вверху страницы, над основным контентом 
• 300 x 600 «Объявление на половину страницы» — такой баннер точно не останется не замеченным 
• 320 x 100 «Большой мобильный баннер» — размещается в нижней части страницы, на мобильных устройствах

Менее популярные и менее эффективные размеры баннеров

• 320 x 50 «Мобильный полноразмерный баннер» — эффективны на больших экранах смартфонов, размещение в нижней части страницы
• 468 x 60 «Баннер» — подходит для страниц, где не хватает места для полноразмерного баннера 728 x 90
• 234 x 60 «Малый баннер»
• 120 x 600 «Небоскреб» — помещается на узких боковых панелях, где недостаточно места для «широкого небоскреба» (160 x 600)
• 120 x 240 «Вертикальный баннер» — позволяет размещать рекламу в тех областях страницы, где место крайне ограничено
• 160 x 600 «Широкий небоскреб»
• 300 x 1050 «Портрет» —  ориентирован на продвижение бренда
• 970 x 90 «Большой полноразмерный баннер» — при развертывании увеличивается до размера 970 x 415, идеально подходит для демонстрации материалов с высоким разрешением, например видео, фотографий, анимации и приложений
• 970 x 250 «Билборд» — ориентированный на продвижение бренда, размещается на лучших местах
• 250 x 250 «Квадрат» — эффективность рекламного блока может быть недостаточной
• 200 x 200 «Малый квадрат»
• 180 x 150 «Малый прямоугольник»
• 125 x 125 «Кнопка»

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

Более подробно про эффективность размеров баннеров

Размеры баннеров для социальных сетей

Фейсбук и Инстаграм

• Facebook — 1200 x 628 px 
• Instagram — 600 x 600 px (для карусели можно использовать до 6 изображений)
• 628 х 1120 px — для сториз, важно оставить пустые места сверху и снизу для элементов интерфейса

В технических требованиях Facebook отсутствуют жесткие требования к весу баннеров, при загрузке изображения происходит автоматическое сжатие. Важное требование: текста должно быть не более 20% от площади креатива (сервис проверки). Также на баннерах должны отсутствовать кнопки.

Более подробно о рекламных баннерах в Instagram

Размеры баннеров для ВКонтакте (VKontakte)

• 256 × 256 — логотип
• 1080 x 607 — посты
• 145 x 165 — тизер
• 537 x 240 — тизер
• 145 × 85 — тизер
• 720 x 1280 — истории 
• 700 x 500 — фотопосты 
• 1280 х 720 — gif-анимации или видеопосты (gif, mp4), файл не должен превышать 200 МБ

Более подробно о рекламных баннерах Вконтакте

Размеры баннеров для MyTarget

• 256 × 256 — логотип, как для VK
• 1080 x 607 — как для VK
• 600 x 600
• 240 x 400 — есть в РСЯ и Google
• 90 х 75

Баннерная слепота

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

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

1. Выявлять т.н. «слепые зоны» на страницах своего сайта, места, попадающие в поле зрения пользователей реже всего. Для этого можно использовать ряд платных и бесплатных инструментов. Инструментарий от Google Analytics и Яндекс. Метрики позволит объективно определить наиболее и наименее просматриваемые зоны на страницах веб-ресурса. Кроме этого, есть множество сторонних сервисов (Plerdy, Crazyegg или HotJar), которые помогут составить карту кликов.
2. Если на вашем сайте есть постоянная аудитория, время от времени меняйте расположение баннеров и рекламных блоков. Подобный прием не позволит пользователям привыкнуть к расположению рекламы, а соответственно, игнорировать её.
3. Оптимизировать рекламные баннеры для различных устройств, включая мобильные. Баннеры могут некорректно/не полностью отображаться на каком-либо типе устройств (планшет, смартфон), или наоборот — закрывать собой весь контент, что также не будет способствовать лояльности посетителей.
4. Размещение рекламу в верхней или нижней части сайта (в начале или конце контента) — не оставит ее незамеченной пользователями, но и не станет вызывать раздражение.
5. Использовать A/B тестирование, суть которого состоит в следующем: выбирается два наиболее удачных варианта размещения баннеров, а затем — половине пользователей показывается одна из версий. Впоследствии результаты анализируется и выбирается наиболее эффективный вариант.
6. Не допускать переизбытка рекламы на сайте — в противном случае, никакой из вышеописанных методов не принесет эффективности.

Читать более подробно про баннерную слепоту

Кто создает баннеры, какие навыки нужны, где учат

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

• Figma
• Adobe Photoshop
• Adobe Animate
• Adobe After Effects
• HTML5, CSS и JavaScript

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

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

1. Первый шаг — определить цель вашей рекламной кампании, которая будет влиять на выбор рекламной сети, а также на ваши рекламные посылы и CTA. Такими целями могут быть — повысить узнаваемость бренда, привлечь потенциальных клиентов и увеличить продажи конкретного товара или услуги.
2. Определив конечную цель, определите, какие элементы потребуются для вашей рекламы. Например, для рекламы бренда не нужен призыв к действию. Тогда как в баннере, ориентированном на продажи, обязательно должен быть как призыв к действию, так и уникальное предложение, которое будет побуждать зрителей кликать на изображение. Подготовьте исходный материал: изображения, текст, логотипы, шрифты.
3. Выберите рекламную сеть, узнайте необходимые форматы и другие технические требования.
4. Передайте все имеющуюся информацию исполнителю, например заполнив бриф.
5. На основе брифа формируется техническое задание (ТЗ) на дизайн баннера.

Что должно быть указано в ТЗ на разработку веб-баннера

• Тип баннера: статичный или анимированный. Если анимированный, укажите требуемый формат: HTML5 или Gif.
• Размеры баннера. Узнайте какие размеры принимает выбранная площадка. Уточните, потребуется ли вам только один размер баннера или ресайзы.
• Приложите технические требования рекламной площадки. Вес баннера — очень важный параметр, под который придется адаптировать дизайн. Если у площадки сильные ограничения по весу, в некоторых случаях придется пожертвовать качеством анимации.
• Цвета, логотип, элементы корпоративной айдентики. Если у вас есть брендбук, элементы фирменного стиля и вы хотите, чтобы эта информация использовалась при создании вашего баннера, обязательно приложите их к ТЗ. Чем больше вводных данных вы дадите, тем больше вероятность получить в результате именно то, что вы хотите.
• Сценарий баннера или раскадровка. Опишите что вы хотите видеть в каждом кадре, какой текст, какая картинка и призыв к действию. Напоминаем, что в идеале должно быть от 3 до 5 кадров.
• Приложите примеры баннеров, какие нравятся, а какие — нет.

Наши рекомендации по написанию ТЗ на баннер

Сколько стоят баннеры

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

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

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

Диапазон цен на создание простых баннеров HTML5 на рынке в России, согласно нашему анализу, колеблется от 1500 до 17000 за штуку и до 100000 рублей, если речь идет об интерактивных баннерах, с игрой или другими вариантами взаимодействия с пользователем.

• Ресайзы HTML5 от 300 руб до 7000 за штуку 
• Подгон под технические требования площадок 200 до 1000 руб за штуку 
• Адаптация баннеров под разные языки (обычно заказывают международные компании, фильмы, игры) от 200 до 1000 руб/шт

Диапазон цен на создание Gif-баннеров от 500 до 15000 руб/шт

• Ресайзы Гиф-баннеров от 300 до 2000 руб/шт

Статичные баннеры (PNG, JPG) в среднем стоят от 500 до 5000 рублей за штуку

• Ресайзы от 100 до 1000 руб
• Адаптация под ТТ или разные языки от 100 до 500 руб

Все зависит от сложности работы и навыков дизайнера. Чем сложнее анимация, количество кадров, тем выше конечная стоимость. Резиновые (100% баннеры) стоят всегда дороже, так как привлекается специалист фронтендер.

Программы для создания баннеров

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

Google, в свою очередь, предлагает собственный одноименный инструмент — Web Designer, позволяющий каждому создать HTML5 баннеры, содержащие игровые, интерактивные и анимированные элементы. По своей сути, этот инструмент автоматизирует использование HTML5, CSS3 и JavaScript, не требуя от пользователей знания этих языков.

Баннеры в формате Gif создаются в любом мало-мальски продвинутом редакторе изображений, включая Animate CC, Photoshop или After Effect. То же самое касается и статичных баннеров, которые можно создавать в фотошопе, Sketch или Figma, и даже в стандартном Paint.

Онлайн-сервисы для создания баннеров

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

• Crello — довольно простой, но функциональный редактор. Есть бесплатная версия, где доступно более тридцати тысячи шаблонов. Платная версия (подписка стоит всего $8) открывает доступ к 30 тысячам анимаций и 500000 премиум-шаблонов.
• Pixlr — имеет две версии, где Advanced — полная версия (по функционалу является аналогом Adobe Photoshop) доступна по подписке всего за 4 доллара в месяц!
• PicCollage — полностью бесплатный фоторедактор, имеющий продвинутую мобильную версию. Предлагает большой функционал, включая возможность создавать баннеры.
• Canva — один из наиболее популярных редакторов, имеющий русскую версию. Благодаря наличию Drug’n’Drop создавать баннеры, меняя дизайн и прочие атрибуты — стало крайне просто даже для новичков. Работает редактор по модели freemium.
• PicMonkey предлагает большое разнообразие инструментов и эффектов, а профессиональная версия, включающая великое разнообразие шаблонов и эффектов, доступна по подписке от $4 и до $30 в месяц. 

Эффективность баннера — в чем измеряется?

Эффективность баннера —  параметр, который можно объективно вычислить путем сравнения таких показателей, как:

• посещаемость сайта —  количество показов баннера;
• СTR (Сlick-Through Rate) —  количество кликов по баннеру на 1000 показов;
• конверсия (CR).

Кликабельность баннера (CTR): что такое и как увеличить 

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

• шрифты;
• цвета и изображения;
• кнопки;
• Анимацию и др.

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

• Правильное таргетирование и релевантность —  размещать рекламу на более тематических площадках, тщательно подбирать критерии целевой аудитории (интересы, возраст, пол), чтобы показы были максимально релевантными ЦА;
• Отказаться от неэффективных площадок, после тестов отключать площадки с низким CTR;
• Использование списка минус-слов, чтобы исключить бесполезные показы;
• Адаптация дизайна баннера под дизайн страницы сайта и фирменный стиль;
• Тестирование разных CTA (призыва к действию);
• Использование статичного баннера в качестве фона для сайта.

Какой должен быть CTR у медийной рекламы?

Так как основная задача рекламных баннеров это повышение узнаваемости бренда, то CTR будет значительно ниже контекстной рекламы, которая обычно содержит прямой ответ на запрос пользователя. Например, в РСЯ или КМС Google успешным показателем рекламной кампании можно назвать CTR от 0,01 до 0,1%, но эти цифры слишком абстрактные и не являются целевыми значениями, показатель вашей кампании может быть значительно выше или ниже. 

CTR медийки в социальных сетях, например в Facebook Ads или таргет ВКонтакте также может варьироваться от 0,1 до 0,9%. 

Более подробно про тестирование баннеров

Глоссарий 

• ТЗ —  техническое задание.
• ТТ — технические требования.
• CTR (Click-through rate) — соотношение количества сделанных кликов по объявлению (баннеру) к количеству его показов.
• CTA (Call to action) — призыв к действию, которое должен побуждать баннер (его визуальная или текстовая часть).
• CR (Converse Rate) — показатель конверсии.
• Drug’n’Drop — тащи-и-бросай — технология прямого взаимодействия с графическим интерфейсом.

Ссылки для вдохновения

Первые баннеры из 90-х —  https://www.webdesignmuseum.org/exhibitions/web-banners-in-the-90s