Banner: ¿Qué es y cómo hacer uno? [+5 consejos]

Banner: ¿Qué es y cómo hacer uno? [+5 consejos]
Álvaro Peredo

Contenido escrito y verificado por:
Álvaro Peredo

Última actualización: 14/05/2024 por Álvaro Peredo
Tabla de Contenidos

_ Te asesoramos sin compromiso _

Presupuesto diseño web​ ¿Tienes un proyecto en mente? Cuéntanoslo

Los banners son unos elementos presentes prácticamente en toda página web.

La lucha por captar la atención de los usuarios entre la multitud de visitantes, es siempre una constante de las empresas y de todo tipo de blogs y medios de comunicación.

Y para captar esa atención, resulta crucial establecer una presencia visual atractiva y coherente.

¿Qué representa exactamente un banner y cómo se puede crear uno que verdaderamente destaque? En este texto, te ofrecemos una guía práctica para comprender la naturaleza del banner y elaborar uno que refleje fielmente la esencia de tu marca.

En este artículo queremos contarte qué es un banner, qué tipos de banners existen, y cómo hacer un banner profesional y atractivo que capte la atención de los usuarios.

Te hablaremos también un poco de su historia, y de algunos casos de publicidad exitosa

Por último, te explicaremos por qué son útiles y te dejaremos algunos consejos que debes tener en cuenta si quieres aprender a utilizarlos de forma eficiente para dar visibilidad a tu empresa.

¿Qué es un banner publicitario y cómo funciona?

Si pensamos en el significado de banner, descubrimos que se define así a cualquier espacio publicitario que se halle incorporado en una página web. En pocas palabras, es el tipo de publicidad digital al que estamos absolutamente acostumbrados en la actualidad.

Un banner es un diseño publicitario que se usa para difundir una marca. Lo que hasta hace unos años era una valla publicitaria, ahora se conoce con este nombre.

Sin duda, una de las cosas que un buen diseñador gráfico debería conocer para poder trabajar correctamente la visibilidad de su marca en Internet.

La publicidad es el gran invento de la modernidad. Gracias a ella muchísimas compañías han conseguido notoriedad.

En la actualidad, sin embargo, la forma de difundir un proyecto es casi exclusivamente digital.

Si hasta hace cinco años las vallas publicitarias eran la forma física de conseguir clientes, en el presente los banners cumplen esa misma función pero con un formato digital.

Si quieres crear un banner para incrementar tu branding o imagen corporativa, continúa leyendo.

Te vamos a contar qué tipos de banners existen y de qué forma saber cuál es el adecuado para tu publicidad.

Breve historia de los banners

Aunque no puede fecharse con exactitud el nacimiento de la publicidad de banners, se lo ubica en torno al año 1994, cuando la revista Wired ofreció este medio de publicidad de forma masiva en su versión digital.

Poco a poco, los banners publicitarios fueron usados por marcas como MCI, Volvo y Club Med.

El primer banner interactivo lo lanzó AT&T, una empresa de comunicaciones americana. La invitación a la interacción se mostraba con la frase «¿has clicado alguna vez aquí?».

Su éxito fue rotundo, a tal punto, que muchas otras marcas comenzarían a lanzar sus publicidades interactivas.

Cuando Google apareció en escena, lanzó Google Adsense, que conquistaría el mercado de los banners. Corría el año 2003 y el mundo de la publicidad estaba por cambiar para siempre.

A medida que los métodos tradicionales de publicidad perdían popularidad, arrastrando a la quiebra a numerosas marcas, los banners comenzaban su período dorado y se mostraban como una de las mejores maneras de publicitar una marca en la actualidad.

Los nuevos métodos de rastreo y medición permiten que las empresas puedan corroborar el funcionamiento de sus publicidades.

Esto hace que los banners publicitarios sean una verdadera ventaja por sobre sus hermanos clásicos.

No obstante, hay que ser cuidadosos porque Google ha empezado a penalizar a las empresas que abusan de ellos.

Como siempre te recomendamos: la justa medida es lo que nos asegura una buena y larga vida.

Tipos de banners

Existen diversos tipos de banners, cada uno con sus características y aplicaciones:

  • Banners estáticos.
    Son imágenes simples que no cambian de contenido.
  • Banners dinámicos.
    Se adaptan al perfil del usuario o a su historial de navegación.
  • Banners rich media.
    Incorporan elementos multimedia como animaciones, vídeos o juegos interactivos.
  • Banners flotantes.
    Siguen al usuario mientras navega por la página.
  • Banners intersticiales.
    Aparecen a pantalla completa antes o después de que se cargue una página.

Banners de formatos integrados / banners estáticos

Los banners estáticos o banners de formatos integrados se caracterizan por estar en una posición fija dentro de una página web.

Generalmentem se usan a pie de página o en los márgenes laterales.

Los banners de formatos integrados, también conocidos como banners fijos o banners estáticos, se caracterizan por ocupar una posición fija y predeterminada dentro de una página web.

A diferencia de otros formatos de banners, no cambian de ubicación ni tamaño mientras el usuario navega por la página.

Características principales:

  • Posición fija.
    Su ubicación no varía a lo largo de la página, lo que garantiza una alta visibilidad.
  • Tamaños estándar.
    Existen dimensiones predefinidas para estos banners, como 300×250 píxeles (MPU), 728×90 píxeles (Leaderboard) o 160×600 píxeles (Skyscraper).
  • Diseño simple.
    Suelen ser imágenes estáticas con texto breve y claro, priorizando la legibilidad y el impacto visual.
  • Baja intrusividad.
    Al no cambiar de ubicación ni tamaño, son menos molestos para el usuario que otros formatos de banners.

Ejemplos de banners de formatos integrados:

  • Banner rectangular.
    El formato más común, generalmente ubicado en la parte superior o lateral de la página.
  • Robapáginas (MPU).
    Un banner rectangular de tamaño mediano (300×250 píxeles) que suele ubicarse en el centro de la página.
  • Banner rascacielos (Skyscraper).
    Un banner vertical y delgado (120×600 píxeles) que se coloca en el lateral de la página.
  • Banner de pie de página.
    Un banner horizontal que se ubica en la parte inferior de la página.

Ventajas de los banners de formatos integrados:

  • Alta visibilidad.
    Su posición fija garantiza que sean vistos por los usuarios mientras navegan por la página.
  • Impacto visual.
    Pueden ser un elemento llamativo que atraiga la atención del usuario.
  • Simplicidad.
    Su diseño simple facilita la comprensión del mensaje publicitario.
  • Baja tasa de rebote.
    Al ser menos intrusivos, es menos probable que los usuarios abandonen la página debido a ellos.
  • Versatilidad.
    Se pueden utilizar para promocionar una amplia gama de productos, servicios o marcas.

Desventajas de los banners de formatos integrados:

  • Menos interactivos.
    Al no ser expandibles ni dinámicos, ofrecen menos posibilidades de interacción con el usuario.
  • Posible ceguera banner.
    Los usuarios pueden habituarse a ver este tipo de banners y dejar de prestarles atención.
  • Eficacia limitada.
    Su efectividad puede verse afectada por la cantidad de otros banners presentes en la página.

Banners expandibles, desplegables o banners extensibles

Los banners expandibles son aquellas imágenes que se amplían cuando el cliente interactúa con la zona de la pantalla donde está la publicidad.

Es decir, se caracterizan por ampliar su tamaño y mostrar contenido adicional cuando el usuario interactúa con ellos.

Esta interacción puede consistir en pasar el ratón sobre el banner, hacer clic en él o desplazar la página.

Suelen hallarse integrados dentro del contenido de los sitios o aparecer escondidas en un botón. Generalmente, incluyen una cruz para cerrar la publicidad y poder continuar con la inspección de la página.

Características principales:

  • Expansión automática o manual.
    Algunos banners se expanden automáticamente al pasar el cursor, mientras que otros requieren un clic del usuario.
  • Variedad de tamaños.
    Los banners expandibles pueden desplegarse a diferentes tamaños, desde un pequeño rectángulo hasta ocupar la mayor parte de la pantalla.
  • Contenido adicional.
    El espacio ampliado puede mostrar información adicional como imágenes, vídeos, texto descriptivo o formularios de contacto.
  • Mayor interactividad.
    Permiten una mayor interacción con el usuario, aumentando el engagement y la tasa de conversión.

Tipos de banners expandibles:

  • Banners expandibles en dos pasos.
    Se expanden a un tamaño intermedio al pasar el cursor y luego a un tamaño completo al hacer clic.
  • Banners expandibles en acordeón.
    Se despliegan verticalmente, revelando contenido adicional de forma gradual.
  • Banners expandibles a pantalla completa.
    Ocupan toda la pantalla del usuario cuando se expanden.
  • Banners expandibles flotantes.
    Se mantienen visibles en la pantalla mientras el usuario navega por la página.

Ventajas de los banners expandibles:

  • Mayor visibilidad y atención.
    Al expandirse, ocupan más espacio en la pantalla y atraen la atención del usuario de forma más efectiva.
  • Mayor interacción y engagement.
    Permiten al usuario explorar contenido adicional de forma interactiva, lo que aumenta el interés y la participación.
  • Mayor tasa de conversión.
    Al ofrecer más información y opciones al usuario, pueden aumentar la probabilidad de que realice una acción deseada, como una compra o un registro.
  • Versatilidad.
    Se pueden adaptar a diferentes objetivos publicitarios y tipos de contenido.

Desventajas de los banners expandibles:

  • Mayor complejidad.
    Su diseño y desarrollo pueden ser más complejos que los banners estáticos.
  • Posible intrusividad.
    Si se expanden de forma automática o demasiado grande, pueden resultar molestos para el usuario.
  • Dificultad de medición.
    Puede ser más difícil medir su efectividad en comparación con otros formatos de banners.

 

Cómo crear y diseñar un banner de formato expandible
Banners de formato expandible

Banners de formatos flotantes

También conocidos como banners flotantes, banners adherentes o sticky ads, son un tipo de formato publicitario gráfico que se caracteriza por permanecer visibles en la pantalla mientras el usuario navega por una página web.

A diferencia de los banners estáticos o expandibles, que ocupan una posición fija, los banners flotantes se adhieren a un borde de la pantalla y se mueven con el scroll, asegurando que el anuncio permanezca en el campo de visión del usuario durante más tiempo.

Características principales:

  • Posición flotante.
    Se adhieren a un borde de la pantalla (superior, inferior, lateral) y se mueven con el scroll.
  • Tamaños variados.
    Los tamaños más comunes son 300×250 píxeles y 160×600 píxeles.
  • Diseño llamativo.
    Deben ser visualmente atractivos para captar la atención del usuario y evitar que los ignore.
  • Opciones de cierre.
    Permiten al usuario cerrar el banner si lo encuentra molesto.

Tipos de banners flotantes:

  • Banners flotantes simples.
    Permanecen visibles en la pantalla sin expandirse ni mostrar contenido adicional.
  • Banners flotantes expandibles.
    Se expanden a un tamaño mayor al hacer clic o pasar el cursor sobre ellos.
  • Banners flotantes con vídeo.
    Incorporan contenido de vídeo que se reproduce automáticamente o al pasar el cursor.
  • Banners flotantes de redes sociales.
    Permiten compartir el contenido del anuncio en redes sociales.

Ventajas de los banners de formatos flotantes:

  • Alta visibilidad.
    Aseguran que el anuncio permanezca en el campo de visión del usuario durante más tiempo.
  • Mayor atención.
    Al ser más llamativos y dinámicos, pueden captar la atención del usuario de forma más efectiva.
  • Posibilidad de interacción.
    Algunos formatos permiten la interacción del usuario, como expandir el banner o reproducir un vídeo.
  • Mayor tasa de recuerdo.
    Al ser más persistentes, pueden aumentar la probabilidad de que el usuario recuerde el anuncio.

Desventajas de los banners de formatos flotantes:

  • Posible intrusividad.
    Si no se implementan correctamente, pueden ser molestos para el usuario y afectar la experiencia de navegación.
  • Dificultad de medición.
    Puede ser más complejo medir su efectividad en comparación con otros formatos de banners.
  • Posible efecto negativo en el SEO.
    Algunos estudios sugieren que los banners flotantes pueden tener un impacto negativo en el posicionamiento web en los motores de búsqueda.

En resumen, los banners de formatos flotantes son una opción publicitaria online que puede ser efectiva para aumentar la visibilidad y la atención de los anuncios.

Sin embargo, es importante considerar su potencial intrusividad, dificultad de medición y posible impacto negativo en el SEO al momento de implementarlos.

Cómo crear y diseñar un banner de formato flotante
Banners de formato flotante

Ejemplos de banners exitosos

Si nos fijamos en la historia del banner en publicidad, descubrimos que han existido muchas marcas punteras, de las que tenemos mucho que aprender.

De hecho, durante los últimos años hemos tenido la suerte de ver y disfrutar de banners publicitarios verdaderamente creativos.

Aquí te mostramos algunos que han gozado de mucho éxito.

Volkswagen

La compañía Volkswagen desarrolló un banner publicitario que consiste en la imagen de una carretera descompuesta en partes, como si fuese un puzzle.

Al verla, los usuarios debían reorganizar las piezas para conseguir trazar la ruta y que el coche, ubicado en un extremo del recuadro, pudiese realizar su recorrido.

Ha sido muy exitoso porque presentó una experiencia verdaderamente divertida. En este caso estamos frente a un tipo de publicidad que apela a la interacción, para dar a conocer una marca.

Amnistía Internacional

Otro banner muy exitoso es el desarrollado por la ONG Amnistía Internacional y que consistió en un banner interactivo en el que el usuario se encontraba con una partida de «el juego del ahorcado» que debía resolver.

Ajustándose a las celdas debía discernir la frase escondida en cada partida. Millones de usuarios han participado de este juego y han hecho posible el éxito de esta publicidad.

En este caso, el banner estaba enfocado a la interacción para hacer reflexionar a los usuarios en torno a diversas problemáticas sociales.

Amnistía Internacional

El tercer banner que hemos seleccionado es uno muy interesante y exitoso desarrollado por otra empresa de la industria automotriz, Fiat.

Una publicidad formada por dos sencillas imágenes iconográficas que ponían en paralelo un vaso de cerveza y un coche.

En la primera imagen se veían uno al lado del otro: el vaso lleno y coche completo. En la segunda, el vaso casi vacío y la imagen del coche abollada, junto al siguiente mensaje: «No bebas si conduces».

En este caso estamos frente a un banner muy sugestivo que ha dado la vuelta al mundo y que ha puesto sobre la mesa la incompatibilidad entre el consumo de alcohol y la conducción.

Como te habrás dado cuenta tú sólo, dependiendo del tipo de marca y mensaje, el tipo de banner escogido difiere.

En el caso de la última publicidad, el diseño es serio porque se apoya en un tema preocupante y, precisamente por eso, apela a la atención y el compromiso por parte del usuario en torno a esta problemática.

¿Cómo funcionan los banners y para qué sirven?

Un banner publicitario es, entonces, un tipo de publicidad que se incluye en los diferentes sitios web de Internet y que sirven para promocionar el trabajo de diversas compañías.

Las dos funciones principales de un banner son aumentar el reconocimiento de la marca y atraer tráfico al sitio web del anunciante.

Por eso, a la hora de diseñar tu propio banner debes tener en cuenta de qué forma puedes alcanzar estos objetivos.

El objetivo principal de este tipo de publicidad es mostrar nuestra marca en otros sitios web que manejen una temática similar, para conseguir aumentar nuestra audiencia.

Un banner publicitario puede servir para promocionar un evento, dar a conocer nuestro negocio o incluso mostrar un producto específico de nuestra marca.

Con ellos podemos conseguir que los usuarios visiten nuestra tienda o nuestra web e interactúen con nuestro contenido.

¿Qué puedes conseguir al crear un banner publicitario?

1. Aumentar el tráfico de clientes

Una de las principales utilidades de un banner es aumentar las vistas en nuestra web.

Gracias a tener presencia en diversos sitios, podemos conseguir que el tráfico aumente en nuestro sitio de forma considerable.

2. Vender un producto

Otra de las utilidades de un banner publicitario es conseguir dar visibilidad a nuestros productos.

Si desarrollamos publicidad sobre nuestros diversos productos estrella y los incluimos en nuestras campañas publicitarias, tendremos muchas más posibilidades de venderlos.

3. Llamar la atención del cliente

La presencia de nuestra marca en otros contextos, es decir, en medios externos, nos permite llegar a nuestros clientes de otra forma.

Al llamar su atención en contextos inesperados, podemos llegar a impactar sobre su inconsciente y a invitarlo insistentemente a visitarnos, sin necesidad de usar métodos molestos de publicidad.

4. Anunciar descuentos y ventas

Ésta es otra de las grandes utilidades de los banners web: anunciar ofertas o bajadas bruscas en los precios de nuestros productos.

Colarnos en los dispositivos de nuestros potenciales clientes nos brinda más posibilidades de vender nuestros productos y de poner nuestra marca en boca de todos.

¿Qué aspectos tiene que tener en cuenta un banner para tener éxito?

Un banner para tener éxito debe tener en cuenta varios aspectos clave para captar la atención de la audiencia y transmitir eficazmente el mensaje de la marca. Aquí hay algunos aspectos importantes a considerar:

  • Diseño llamativo.
    El banner debe ser visualmente atractivo y destacarse del resto del contenido de la página web.
    Esto incluye el uso de colores llamativos pero armoniosos, imágenes de alta calidad y una tipografía legible.
  • Mensaje claro y conciso.
    El mensaje debe ser fácil de entender y transmitir la propuesta de valor del producto o servicio de forma rápida y efectiva.Ç
    Debe comunicar la oferta, promoción o mensaje de manera directa y sin confusiones.
  • Relevancia.
    El contenido del banner debe ser relevante para el público objetivo y relacionarse con sus intereses o necesidades.
    Debe ofrecer algo que sea valioso para el usuario.
  • Llamada a la acción clara (CTA).
    El banner debe indicar claramente qué se espera que haga el usuario, ya sea visitar un sitio web, registrarse para obtener una oferta, realizar una compra, suscribirse, etc.
  • Adaptabilidad.
    El banner debe ser adaptable a diferentes dispositivos y tamaños de pantalla para garantizar una experiencia consistente para todos los usuarios, ya sea en computadoras de escritorio, tabletas o teléfonos móviles.
  • Coherencia con la marca.
    El diseño, los colores y el tono del banner deben estar alineados con la identidad visual y el estilo de la marca para reforzar su reconocimiento y coherencia.
  • Optimización para la velocidad de carga.
    El banner debe estar optimizado para cargar rápidamente, especialmente en dispositivos móviles, para evitar la pérdida de interés del usuario debido a tiempos de carga prolongados.
  • Segmentación adecuada.
    El banner debe dirigirse a la audiencia correcta para maximizar su impacto.
  • Medición y optimización.
    Es importante realizar pruebas A/B y análisis de rendimiento para evaluar la efectividad del banner y realizar ajustes si es necesario, con el fin de mejorar su desempeño y maximizar su impacto.

¿Cómo se hace un banner?: 7 consejos para diseñarlo

A continuación veremos de qué forma puedes crear tu propio banner publicitario.

Investiga y conoce a tu público objetivo

Lo principal a la hora de crear un banner es saber a quiénes va dirigido.

Conocer a nuestro público nos iluminará a la hora de diseñar nuestro cartel; de modo que impacte sobre los potenciales clientes y nos permita obtener los objetivos que nos hemos propuesto.

Así que, en primer lugar, te recomendamos analizar detenidamente quiénes pueden estar interesados en tu marca.

Presta atención a los tamaños de los banners y a los formatos de los archivos

Una de las cosas fundamentales en la publicidad digital es la velocidad de carga.

Un banner debe cargar rápido; para ello, su peso no debe superar los 30kb en los banners de formato fijo ni los 50kb en los de formato flotante.

Asimismo, también debes tener en cuenta el tema de la compatibilidad, es decir, usar formatos que se pueden visualizar bien en la mayor cantidad de dispositivos posible.

Una vez puesto en circulación nuestro banner debemos corroborar que se visualiza correctamente y mantener un seguimiento por cualquier problema de compatibilidad que pudiera estropear nuestra publicidad web.

Usa el color y la tipografía de forma inteligente

A la hora de diseñar cualquier tipo de contenido digital debemos centrarnos en la compatibilidad.

En lo que respecta a los colores y la tipografía, lo mejor es decantarnos por fuentes y colores populares.

Si escogemos una fuente extravagante, corremos el riesgo de que nuestro cliente no visualice correctamente el anuncio, y lo mismo puede ocurrir con los colores.

La mejor forma de diseñar un banner potente es decantarnos por una fuente clásica, escogiendo los colores web de fuente y fondo adecuados.

Evitar la saturación. Mejor escoger dos o tres colores que armonicen y trabajar todo el diseño sobre ellos, que plantar un arcoíris en el anuncio que genere discordancia en la mirada del potencial cliente.

Elige imágenes que estén relacionadas con lo que representa tu marca

La elección de las imágenes que vas a incorporar en tu banner publicitario también es sumamente importante.

Lo ideal es decantarse por un diseño sencillo y contundente. Para ello, las imágenes deben ser bien representativas de tu marca.

El diseño inteligente de un banner el mensaje se construye estableciendo una buena conversación entre imagen y texto, para que todos los elementos sean protagonistas y se vuelvan imprescindibles para el planteo publicitario.

Recuerda que el espacio blanco (también llamado espacio negativo) añade profundidad e impacto

Esta es otra premisa a tener muy en cuenta. El gran desafío de un diseño publicitario es decir, mucho con poco.

Para ello, debemos trabajar a conciencia el aprovechamiento de los espacios. Esto incluye saber usar correctamente el espacio negativo (este concepto tan importante en la fotografía).

Se llama así al espacio en blanco que hay entre los objetos que conforman la imagen.

Un espacio en blanco pude decirnos tantas cosas como un espacio de color.

Al observar una imagen bien compuesta, el impacto en nuestro inconsciente es mucho más rotundo que en una imagen sobrecargada o mal diseñada. ¡Aprovéchalo en tu banner publicitario!

Agrega botones para aumentar el CTR

Nuestros banners tienen un objetivo principal: que los que lo vean se sientan atraídos y cliqueen sobre ellos.

Para conseguir aumentar nuestro CTR es fundamental que en nuestras publicidades incorporemos elementos interactivos, tales como botones, porque aumentará muchísimo el rendimiento de nuestra publicidad.

Cabe señalar que el CTR (Click Through Rate) hace referencia a la media de clics que obtiene un enlace.

Se calcula teniendo en cuenta los siguientes puntos:

  1. La cantidad de impresiones (veces que el banner haya aparecido en la pantalla de un usuario)
  2. La cantidad de clics específicamente (veces que los usuarios hayan cliqueado sobre ellos para visitar la web).

Conocer esta información es fundamental para saber si nuestras campañas publicitarias están dando los resultados esperados.

Jerarquiza tu contenido

Otra cosa a tener en cuenta al crear tu banner es la jerarquización del contenido. Al igual que ocurre en un artículo, la publicidad debe estar organizada en elementos según su relevancia.

De este modo, el título tendrá más importancia que el cuerpo del mensaje.

Por ello deberá ser más llamativo e incluir palabras clave que llamen considerablemente la atención del usuario, de modo que desee saber de qué se trata el resto del contenido.

Un buen banner es aquel donde los elementos se encuentran jerarquizados, sin que por ello alguno de ellos sobre.

El equilibrio de un buen diseño tiene mucho que ver con los resultados que se obtendrán.

Cómo crear y diseñar un banner de formato integrado
Diseño de banners de formato integrado

Como podrás haber intuido, la mayor importancia en este tipo de publicidad reside en saber a quién va dirigida y en escoger un diseño acorde a los tiempos y al público.

Si quieres llegar a un público de edad avanzada, no vas a utilizar los mismos elementos iconográficos que para atraer la atención de un público adolescente, por poner un torpe ejemplo.

Una vez tiene tu publicidad en medios de cierta relevancia, es fundamental que realices un seguimiento, para saber si está funcionando. Para ello conocer el CTR de tus banners es fundamental.

Por último, sólo nos resta desearte mucha suerte y decirte que si te ha quedado alguna duda sobre cómo crear tu propio banner, estamos dispuestos a ayudarte en lo que podamos.

Déjanos un comentario y te atenderemos en cuanto podamos.

Asimismo, te recordamos que en nuestro blog disponemos de una gran variedad de contenido relacionado con las últimas tendencias de diseño gráfico, que pueden serte de gran ayuda para desarrollar un banner impactante.

FUENTES

  • ONiAd Academy
  • DXMedia

_ Te asesoramos sin compromiso _

Presupuesto diseño web​ ¿Tienes un proyecto en mente? Cuéntanoslo

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *