Дизайн вебанеров предполагает создание максимально кликабельных рекламных объектов. Есть целое ответвление веб-дизайна, фокусирующееся на создании эффективных рекламных bannerov.
En este estado es posible que tenga buenas recomendaciones sobre este bloque.
1. Utilice los banners de configuración estándar más efectivos
Los servicios de contenido de Google Adsense utilizan varios parámetros y formatos de configuración:
728×90 px — длинный баннер-перетяжка, лидерборд (Tabla de clasificación),
300×600 px — banner en половину страницы (Media página),
300×250 px — прямоугольник среднего размера (Rectángulo medio),
336×280 px — большой прямоугольник (Rectángulo grande).
Наиболее распространенные размеры bannerov. Сверху — лидерборд, слева — банер на половину страницы, справа — средний и большой прямоугольники
Банер на полстраницы
2. Recorta los banners de forma gratuita
Utilice varias líneas de texto (Above The Fold) para bloquear el contenido de su sitio web, así como también para ver el contenido que desee.
3. Поддерживайте иерархию
В банерной рекламе важно полагаться на баланс в рамках каждого рекламного объявления, так что следите за иерархией. Los banners eficaces muestran la marca y bloquean el tráfico en el sitio. Estos son tres componentes nuevos:
- Логотип компании— способствует повышению осведомленности. Si domina la visualización, no debe haber ninguna restricción o restricción en el dispositivo.
- Ценностное предложение(Propuesta de valor) — объясняет, какой продукт/услугу вы предлагаете, и привлекает внимание заманчивыми оффером и ценами. Как правило, здесь можно увидеть словосочетания вроде «высокое качество», «50%-ная скидка» y «ограниченная по времени акция». Este elemento se mantiene en posición pospuesta y muchas veces en el lugar deseado.
- Призыв к действию(Call to action, CTA) — este texto o botón, приглашающая пользователей нажать ее. Обычно пишут что-то вроде «Узнать больше», «Посмотреть» o «Начать». Призыв должен стать фокусом рекламного объявления.
Призыв к действию от Авито
4. Соблюдайте простоту
Más elementos gráficos y contenidos de contenido, sin contenido: scoree всего, посетители лишь единожды взглянут на banner — y esto no dura más segundos.
Banner móvil móvil de Miu Miu
5. Presione los botones del cuerpo
Кнопки повышают кликабельность рекламы (Porcentaje de clics, CTR). Siga leyendo este texto para saber si hay algo desagradable. ¡Primeramente contraste y no saques provecho! Los botones que se encuentran en el lugar de instalación están disponibles en la configuración correspondiente.
6. Обрамляйте свои bannerы
Наши глаза сразу устремляются на объекты в рамке. Los banners eficaces utilizan cuadros y gráficos que se muestran en la pantalla de colores. Si utiliza correctamente, no es necesario utilizar un servicio de gran calidad.
7. Делайте текст мгновенно читаемым
Los textos escritos y actualizados se pueden utilizar como programador. Este texto no tiene ninguna secuencia anterior:
Хороший пример читабельности
Не вполне удачное решение
No publique cursos académicos o escolares, o escriba textos escritos sobre ellos или использовать шрифт менее 10 pt (если только это не заявление об ограниченной ответственности или не сведения об авторских правах).
8. Primera animación
Los banners animados, como un programa, muestran muchas imágenes estáticas, no son necesarias, ni se emiten. основного послания рекламы:
Ритейлер детской одежды Mothercare
«Сбербанк»
Utilice animaciones de animación que no duren más de 15 segundos y no realice tres ciclos. Хорошая идея — сделать последний кадр четким призывом к действию.
9. Органично дополняйте, выделяясь
Doverie зрителей больше заслуживает реклама в стиле сайта, на котором она появляется. Однако не сливайтесь с площадкой полностью. Баннер должен быть виден, его назначение — привлекать внимание.
10. Обеспечивайте связь с брендом
Ссылка с баннера ведет к лендингу с вашим оффером. Убедитесь, что реклама соответствует вашему брендингу и оформлению посадочной страницы, иначе у потенциальных клиентов возникнут вопросы.
11. Внушайте ощущение срочности
Визуально срочность создается смелыми контрастными цветами. Баннеры не должны быть скромными незаметными.
12. Изобразительные средства выбирайте с умом
Los gráficos y fotografías de este producto son diferentes. Их цель — лучше донести послание. Никаких абстракций. ¿No puedes posponer a fotógrafos y modelos profesionales? Pulse la foto de archivo actual. Puede utilizar ilustraciones originales o descargar gráficos de diseño.
Изображения вообще не обязательны к использованию. Los textos maestros y la tipografía moderna combinan efectos analógicos.
13. Отдавайте предпочтение подходящим цветам
Каждый цвет имеет свою ассоциацию. Важно обдумывать, какой тип эмоций вы пробуждаете в аудитории, ведь именно цветовая гамма — это первое, что замечают люди в дизайне.
Наука о цвете субъективна, и в разных культурах цвета меют различные ассоциации. Изучите целевую аудиторию перед выбором оттенков. Los primeros emojis, вызываемых разными цветами, у людей Запада:
- Rojo — страсть, ярость, возбуждение и любовь. Мощный цвет, привлекающий многих, но лучше применять его осторожно. No utilice un producto clásico o clásico, o utilice un servicio de limpieza.
- naranja — игривость и воодушевление. В отличие о агрессивного красного, оранжевый заряжает энергией. Замечательный выбор для кнопки призыва к действию.
- Amarillo — радость, солнечное сияние, дружелюбие. Todos los usuarios consumen energía y consumen mucha energía y electricidad.
- Verde — здоровье, свежесть, богатство, окружающая среда, рост, забота и начало чего-то нового. Нашим глазам приятно на него смотреть.
Proyecto «500 Startups» de «Сбербанка» en ярко-зеленом цвете
- Azul oscuro — безопасность, доверие, ясность, зрелость, безмятежность, интеллект, формальность, восстановление сил, холодность и мужественность. Данный цвет присутствует в более чем половине всех логотипов мира.
- Púrpura — роскошь, величие, экстравагантность, мудрость, магия, женственность и креативность. Оказывает на зрителей успокаивающий эффект.
- Pink — любовь, симпатия, женственность, юность и дети. Обычно розовый связывают с чем-то женским, но все зависит от она и яркости.
- negro — эксклюзивность, загадочность, современность, мощь, престиж, роскошь и формальность. Традиционный выбор, в частности, черный текст на белом фоне — это самая удобная для чтения цветовая комбинация.
Реклама УАЗ Патриот в желто-черных тонах
- blanco — девственность, чистота, современность, стерильность, простота, честность и невинность. Создает чувство экономической оправданности и причастности к молодости.
- Marrón — природа, дерево, кожа, серьезность, мужественность, упрямство/жесткость и скромность. Коричневый создает баланс между более сильными цветами и потому хорошо подходит в качестве фона.
- Gris — нейтральность и практичность. Utilice un teléfono fijo para utilizarlo.
Reclamación de New Balance en una serie práctica de este tipo
14. Поддерживайте небольшой размер файлов
Cada vez menos, menos de 150 kb, como recomendación de Google Adwords. Нужно, чтобы реклама загружалась быстро, иначе посетители прокрутят страницу вниз, не заметив ее.
15. Implementar archivos de formatos populares
JPG, PNG, GIF o HTML5: esto es lo que se necesita para su diseño. Como práctica, diseñe gráficos en Adobe Illustrator o Photoshop y cree archivos en JPG, PNG o GIF, archivos de Google Web Designer o Adobe Animate en выходе имеют HTML5.
Имейте в иду, что реклама, созданная с использованием Flash-анимации, уже устарела.
Conclusión
Ну, вот и все. Основные правила мы перечислили, так что вы готовы к созданию качественных bannerov. Si no utiliza un diseño profesional (o un proveedor de negocios), para llamar a un creador especialista, который создаст идеальную кликабельную рекламу специально под вас.
Luego de hacer clic en el banner, presione el botón para presionarlo. La estrategia ideal para seguir adelante es:
Oferta en el banner → período de préstamo → promoción del contrato → Lead Nurturing
Да, конечно, можно посылать пользователя и на страницы актуальных товаров, т. е. товарные лендинги магазина — не обязательно на страницу с подпиской — но это уже ваш выбор.
Высоких вам конверсий!
Residencia en: 99designs.com
Fuente: lpgenerator.ru
