La publicidad con banners de un sitio web es uno de los elementos de importancia cuando se desea generar ingresos. Si no se sabe cómo usarlos, lo mejor es buscar algo de inspiración con ejemplos de banner variados para ajustarlos al sitio web personal.
Tabla de contenidos
Los espacios publicitarios o banner son herramientas creativas que muestran una publicidad digital. Esta publicidad suele estar conformada por imágenes y texto, y en algunos casos se incluyen sonidos o algún elemento con el cual el usuario puede interactuar.
¿Cuál es la importancia de un banner?
Antes de invertir en publicidad, es crucial comprender el propósito y la función de un banner, así como su aporte a tu página web. Un banner es una pieza de publicidad altamente efectiva diseñada para captar la atención del usuario y dirigirlo hacia una acción específica. Su composición puede incluir imágenes, videos, texto e incluso elementos interactivos, y su objetivo es transmitir un mensaje claro y persuasivo.
Estos elementos publicitarios son utilizados ampliamente en casi todas las páginas web que buscan monetizar su contenido, especialmente si cuentan con un tráfico significativo que permita al banner tener un mayor alcance y visibilidad.
La versatilidad de los banners permite a los diseñadores web utilizarlos de manera orgánica, y se dividen en tres tipos principales: fijos, expandibles y flotantes. A continuación, presentamos ejemplos de banners de diferentes tipos.
Tipos de banners
Banner rectangular:
- Formato: Rectangular, generalmente de aspecto horizontal.
- Ubicación: Se coloca en diferentes áreas de la página web, como la parte superior, inferior o en medio del contenido.
- Tamaño: Tiene medidas variadas en píxeles, según las necesidades del diseño y el espacio disponible en la página.
- Función: Su objetivo es atraer la atención del usuario y dirigirlo hacia una acción específica, como hacer clic en un enlace o realizar una compra.
Leaderboard:
- Formato: Horizontal alargado, similar al banner rectangular pero con una proporción más amplia.
- Ubicación: Se coloca comúnmente en la parte superior de la página web, sobre el contenido principal.
- Tamaño: Suele tener dimensiones grandes, como 700 x 90 píxeles.
- Función: Es ideal para mostrar mensajes destacados o promociones importantes debido a su tamaño y posición privilegiada.
Robapáginas:
- Formato: Puede ser vertical u horizontal, y su diseño se integra entre los textos del contenido.
- Ubicación: Se coloca generalmente al comienzo o en medio de un artículo o entrada de blog.
- Tamaño: Puede tener diferentes medidas, siendo comúnmente 300 x 600 píxeles o 300 x 250 píxeles.
- Función: Su objetivo es llamar la atención del lector mientras navega por el contenido y dirigirlo hacia una acción relevante.
Skyscraper o rascacielos:
- Formato: Formato vertical, alargado y estrecho.
- Ubicación: Se coloca en los laterales de la página web, ofreciendo una presencia destacada.
- Tamaño: Suele tener medidas como 120 x 600 píxeles o 160 x 600 píxeles.
- Función: Al estar bien visible, es efectivo para atraer la atención del usuario y dirigirlo hacia una acción específica.
Interstitial:
- Formato: Pantalla completa que se muestra entre las transiciones de una página a otra.
- Ubicación: Aparece entre el contenido mientras el usuario navega de una página a otra.
- Tamaño: Ocupa toda la pantalla, proporcionando un alto impacto visual.
- Función: Al ser intrusivo, su objetivo es captar la atención del usuario de manera destacada y mostrar un mensaje relevante antes de acceder al contenido deseado.
Reminder:
- Formato: Puede tener diferentes formatos, como banners flotantes o emergentes.
- Ubicación: Se muestra durante la navegación, generalmente de forma discreta.
- Función: Su objetivo es recordar al usuario alguna oferta, promoción o acción relevante, buscando que vuelva su atención hacia el mensaje.
Layer:
- Formato: Es un banner con elementos animados o de video superpuestos en la página web.
- Ubicación: Se muestra encima del contenido de la página, pero puede ser cerrado por el usuario.
- Función: Busca captar la atención del usuario de forma atractiva y comunicar un mensaje persuasivo.
Skin:
- Formato: Implica cambiar el diseño y colores de fondo de toda la página web para integrar elementos publicitarios.
- Ubicación: Se adapta al fondo de la página web y puede estar presente en todas las áreas de contenido.
- Función: Proporciona una experiencia publicitaria más inmersiva y personalizada para el usuario.
Rich media:
- Formato: Involucra elementos multimedia como videos, animaciones o interacciones interactivas.
- Ubicación: Puede adaptarse a diferentes áreas de la página web.
- Función: Su objetivo es generar una mayor interacción y compromiso del usuario debido a su contenido dinámico y atractivo.
Pop-up Banner:
- Formato: Aparece en una ventana de forma emergente adicional sobre el contenido principal.
- Ubicación: Se superpone al contenido de la página web, requiriendo la interacción del usuario para cerrarlo.
- Función: Tiene una alta visibilidad y busca captar rápidamente la atención del usuario, pero debe utilizarse con moderación para evitar ser intrusivo.
Advertorial:
- Formato: Es un tipo de banner que simula el contenido editorial de la página web, integrándose de manera sutil.
- Ubicación: Se muestra entre los artículos o contenido editorial.
- Función: Su objetivo es brindar información valiosa y persuasiva al usuario, promocionando un producto o servicio de manera más natural y no intrusiva.
Cada tipo de banner tiene sus propias ventajas y desafíos, y la elección dependerá de tus objetivos de marketing y el tipo de experiencia que desees brindar a tus usuarios. Recuerda siempre medir el rendimiento de tus banners y optimizarlos según los resultados obtenidos.
Qué elementos debe de tener un banner
- Diseño atractivo: Utiliza colores llamativos y elementos visuales impactantes para capturar la atención del espectador desde el primer momento.
- Mensaje claro: Sé directo y conciso en tu mensaje. Comunica la propuesta de valor de forma clara y convincente, destacando los beneficios para el usuario.
- Llamada a la acción (CTA): Incluye un CTA destacado que invite al usuario a tomar acción, como «Compra ahora», «Regístrate», «Descarga», entre otros.
- Optimización para dispositivos móviles: Asegúrate de que el banner se vea bien y sea funcional tanto en computadoras como en dispositivos móviles, ya que cada vez más usuarios navegan desde sus teléfonos.
- Elementos interactivos: Si es posible, incorpora elementos interactivos que involucren al usuario y le generen una experiencia más inmersiva.
- Respetar el contexto: Adapta el diseño y el mensaje del banner al contexto en el que se mostrará, ya sea una página web, una app o una plataforma de redes sociales.
- Medir resultados: Realiza un seguimiento del rendimiento de tus banners para evaluar su efectividad y hacer ajustes según sea necesario.
Ejemplos de banners creativos
Entender lo que es un banner no es suficiente para poder usarlos, pues en la práctica su utilización es más compleja de lo que parece. El diseño web con estos elementos puede venir de la inspiración de otros banners que han obtenido buenos resultados. Por ello, estos son algunos ejemplos de banners que han funcionado bien.
Brastemp
En el primer de los ejemplos de banners tenemos el caso de Brastemp. La empresa Brastemp diseñó un banner de página web que crea un mensaje de concientización ambiental. Este banner consiste en un dispensador de agua purificada abierto y el chorro de agua cayendo.
Al tocar el agua con el mouse, está cambia con un mensaje que dice que el agua ha dejado de ser 100% pura. Es un ejemplo de banner interactivo y que llama la atención de los usuarios.
Fedex
Crear un banner para página web puede ser complicado, pero Fedex lo logra con la simplicidad. Esta empresa de mensajería creó un banner fijo rectangular que muestra la hora de una forma dinámica, usa cajas de Fedex para mostrar cada número.
Los segundos, minutos y horas cambian de acuerdo al momento en que se está visualizando dicho anuncio. Este es uno de los ejemplos de banner creativos para páginas webs que nos dejan con la boca abierta.
Nissan
El anuncio de Nissan es claro, corto y directo. Consiste en dos imágenes paralelas de un cinturón de seguridad no ajustado y el rostro magullado de una joven mujer.
Al asegurar el cinturón, se muestra el logo de Nissan y el rostro de la mujer está sano, con un mensaje de que el cinturón de seguridad da un 70% de posibilidad de sobrevivir a un accidente de autos. Este es uno de los ejemplos de banner que nos enseñan que un banner puede ser claro, directo e ir al grano.
Volkswagen
Otra marca de coches mundialmente conocida como Volkswagen sabe cómo emplear los anuncios. Un claro ejemplo es su banner The New Golf, donde crea un laberinto en el que un coche Golf tiene que completar el recorrido con ayuda del usuario.
El objetivo no es solo promocionar el nuevo modelo, sino llamar la atención de los usuarios con un juego didáctico de resolver el laberinto al unir los caminos.
McDonalds
Este es el último de los ejemplos de banner y en esta lista no podía faltar McDonalds. Bajo el eslogan de hacer siempre lo mejor de esta cadena de comida, se creó un banner web que muestra una de sus hamburguesas y un botón que dice “Make it better”.
Al dar click se cambia el fondo por otro más resaltante, pero la hamburguesa se mantiene. Su mensaje se claro y conciso. Sus hamburguesas son siempre las mejores.
