Consejos de diseño de banner web para obtener más clics

Publicado: 2022-05-25

Consejos de diseño de banner web para obtener más clics

¿Los banners web son parte de su estrategia de publicidad digital? ¿Está utilizando los consejos de diseño de banner web correctos para conectarse con los clientes? Si no, te estás perdiendo una gran oportunidad de aumentar el tráfico de tu web.

Los banners web tienen una larga historia. El primer banner web fue cargado por AT&T Corp el 27 de octubre de 1994. Desde entonces, los banners web han recorrido un largo camino.

¿Quiere establecer una fuerte presencia en Internet y asegurarse de que todos conozcan su marca? ¿Está planeando ejecutar una campaña de embudo completo y se pregunta qué medio es el mejor para el conocimiento de la marca?

Entonces nos gustaría presentarte uno de nuestros medios favoritos en marketing digital: los banners web. Puede verlos en todas partes: cada vez que visita un sitio web, mira un video en YouTube o incluso busca algo en Google.

Y es por eso que son la mejor opción para tus campañas de reconocimiento de marca.

Los banners web tienen una larga historia. AT&T corp lanzó el primer banner web el 27 de octubre de 1994. El resto, como dicen, es historia.

Los banners web se han vuelto cada vez más populares con el tiempo. Y con buena razon tambien. Son asequibles, puede medir sus resultados y son efectivos.

Si bien parece que es un pequeño diseño creativo y las marcas no tienen que preocuparse por eso, la verdad está lejos de serlo.

El diseño juega un papel importante en el éxito de su banner web, y es por eso que el equipo de Kimp ha recopilado nuestros mejores consejos de diseño de banners web para usted.

Los 7 mejores consejos de diseño de banners web

¿Sabía que Kimp tuvo sus humildes comienzos en el diseño de banners web para nuestros clientes en 2003? Sí, el diseño de banners web es nuestra historia de origen, por lo que es seguro decir que sabemos un par de cosas al respecto.

La mayoría de las veces, las marcas y los especialistas en marketing gastan mucho dinero en alojar sus anuncios publicitarios en los mejores sitios y analizar el tráfico. Pero cuando los clics se secan, a menudo se sienten perplejos.

Podemos decirle por qué los clics se secan. Es porque el diseño no está haciendo su trabajo.

Entonces, ¿cómo hacer que haga su trabajo? Bueno, sigue los consejos a continuación si quieres saber cómo o conectarte con el equipo de Kimp y probar nuestros servicios de diseño gráfico para hacerlo en un santiamén.

1) El tamaño del banner y la ubicación son importantes en el diseño de su banner web

Los banners vienen en muchas formas y tamaños dependiendo de dónde planee anunciarse. Incluso dentro de una sola plataforma, diferentes ubicaciones requieren diferentes tamaños. Familiarícese con todos los tamaños de banner que necesitará para preparar su ubicación preferida.

Entre los diversos tamaños disponibles en Google Ads, Adsense recomienda los siguientes como los tamaños de anuncios de mayor rendimiento:

  • Tabla de clasificación de 728 × 90
  • 300×600 Media página
  • Rectángulo grande de 336 × 280
  • 300×250 Rectángulo Medio
  • Banner móvil grande de 320 × 100

Los banners rectangulares y de tablas de clasificación aparecen en la lista de los tamaños principales responsables del 89% de los clics.

Fuente de la imagen: Match2One

Puede usar el mismo banner en diferentes tamaños según la plataforma que elija. Y recuerde, los banners no son solo para sitios web, también puede usar anuncios de banner para redes sociales, videos de YouTube, boletines y motores de búsqueda.

vacío

Diseñado por Kimp

vacío

Diseñado por Kimp

Para anuncios publicitarios en boletines y sitios web, siempre opte por la ubicación en la parte superior de la página. Trate de no alejarse demasiado del punto focal principal en una página. De esta manera, puede captar la atención de los visitantes del sitio con mayor facilidad.

vacío

Diseñado por Kimp

Sugerencia de Kimp: cuando cree un diseño de banner web, cree un conjunto completo con diferentes tamaños de banner para que pueda experimentar con diferentes ubicaciones sin volver a la mesa de dibujo.

¿Necesita ayuda con sus diseños de banner web? ¡ Con una suscripción de diseño ilimitada de Kimp Graphics , no paga por el diseño y la comercialización se vuelve fácil!

2) La estructura y la jerarquía visual son importantes

¿Cómo podemos hablar de diseño de banners y no hablar de la sección más importante: la estructura y la jerarquía del diseño? Estos factores controlan la forma en que el cliente interactúa con su anuncio, y si lo hace bien, es oro. Si el cliente tarda demasiado en detectar la llamada a la acción, es probable que no obtenga ningún clic o conversión.

Para obtener los mejores resultados, diseñe el banner web de manera que:

  • El CTA siempre está arriba del pliegue
  • Los elementos más importantes, como su logotipo o una imagen, hablan más alto
  • Es fácil entender el diseño sin abarrotar

vacío

Diseñado por Kimp

A continuación se muestran los elementos clave en cualquier diseño de banner web, clasificados según su importancia:

  • Propuesta de valor: esto debería ocupar la mayor parte del espacio. Su propuesta de valor ofrece características e incentivos importantes que llamarán la atención de su audiencia. Esto incluye descripciones como "Tiempo limitado" o "30 % de descuento".
  • Llamada a la acción: debe ser un punto focal claro en su anuncio y desempeñar un papel de apoyo en su propuesta de valor. Dependiendo de su objetivo y mensaje, intente con frases simples como "Más información", "Empezar" o "Ordene ahora".
  • Logotipo de la empresa: crear conciencia de marca es uno de los principales objetivos de los banners. Incluye tu logotipo, pero no dejes que domine tu propuesta de valor o CTA. Una ubicación común que funciona bien es la esquina superior izquierda.
  • Imagen: si tiene un producto o servicio que puede representar a través de una imagen, puede ser útil incluirlo. Pero no debe dominar los otros tres elementos de los diseños de banners web. Simplemente debe proporcionar un telón de fondo complementario.

vacío

Diseñado por Kimp

Resaltar una imagen haciéndola más grande es una de las formas más efectivas de hacer que el cliente haga clic donde desea que lo haga.

¿Necesita ayuda para diseñar sus banners web? ¡ Trabaje con el equipo de Kimp Graphics para un diseño de banner web atractivo y efectivo!

3) Elija las imágenes adecuadas para el diseño de su banner web

Los elementos visuales que tienen una gran importancia en sus pancartas incluyen elementos de marca, fuentes, imágenes y colores. Si bien el color y la fuente son opciones fáciles, las imágenes no lo son tanto. Siempre puede dejar que la guía de estilo de la marca lo ayude con los colores, las fuentes y los elementos de la marca. Pero, ¿cómo elegir la imagen correcta?

Desea una ayuda visual para transmitir su mensaje fácilmente, pero conocemos la regla cardinal del diseño de marketing: KISS (Keep It Simple Stupid).

En el diseño de tu banner web, el CTA y los mensajes son muy importantes. Así que mantenlo simple y elige una o un máximo de dos imágenes para el diseño de tu banner web.

A veces, en lugar de demasiadas imágenes para resolver el problema, crean un diseño ineficaz que no recibe ningún clic. Y nadie quiere eso. La mayoría de los diseños de banners web incluyen solo el texto y un CTA, pero una imagen puede ayudar si la usas bien.

vacío

Diseñado por Kimp

Consejo de Kimp : Incluso cuando elija incluir imágenes, tome la decisión correcta y opte por imágenes de marca/únicas. Las fotos de archivo están fácilmente disponibles, pero no brindan autenticidad al mensaje a menos que se editen y personalicen. Además, siempre puede elegir una foto de archivo como referencia y trabajar con un equipo de diseño para diseñar algo similar pero con su marca.

Con Kimp Graphics , nos aseguramos de que los diseños gráficos que entregamos a nuestros clientes sean 100% únicos y personalizados según sus requisitos.

Y si quieres saber qué sitios web de fotos de archivo son mejores para buscar inspiración, consulta nuestra guía aquí .

4) Elija los colores adecuados para el diseño de su banner web

Si ha estado siguiendo los blogs de Kimp u otros recursos de diseño de marketing, sabe que los especialistas en marketing confían en el impacto del color en el éxito de las campañas.

Incluso con diseños a gran escala, las personas pasan horas eligiendo los colores correctos. Y cuando tu anuncio es de apenas 320×100, el color tiene un impacto aún mayor.

¿Cuál es ese impacto? Bueno, hay factores importantes para elegir los colores con cuidado para el diseño de su banner web:

  • Elija colores de marca para una mayor conciencia de marca.
  • Utilice colores que desencadenen las emociones correctas en sus clientes según la psicología del color. Por ejemplo, los clientes asocian el azul con la confianza y el morado con el lujo.
  • Acentúe la jerarquía visual usando las combinaciones de colores correctas. Los colores que utilice, en combinación con sus elementos y/o imágenes, deben ayudar a guiar el ojo del espectador. Desea llevarlos de la propuesta de valor a la CTA mientras conoce su logotipo.

vacío

Diseñado por Kimp

Concéntrese en el color de su texto también. Tu CTA debe destacarse contra el color de fondo, y el texto de tu propuesta de valor también debe hacerlo.

Si está abierto a la experimentación, el color le ofrece la oportunidad de volverse loco. Desde esquemas de color de doble tono a pastel, y vívidos a mínimos, tiene mucho con lo que trabajar. Y en aquellos casos en los que tenga control sobre la ubicación exacta (por ejemplo, anuncios en sitios web o boletines informativos), considere qué lo hará sobresalir mientras refuerza su mensaje.

Sugerencia de Kimp: para videos de YouTube y anuncios publicitarios de boletines informativos, considere dejar un pequeño margen alrededor del banner para que no choque con el fondo. A menudo, no tiene control sobre dónde se muestra exactamente el anuncio, por lo que esta es una buena manera de proteger su ROI.

5) Encuentra las fuentes correctas

Después del color y las imágenes en los diseños de su banner web, debe elegir las fuentes adecuadas para que su diseño tenga éxito.

Las fuentes transmiten un mensaje sutil sobre el tono y la emoción del contenido de su banner web. Y los diferentes estilos que usa para cada fuente, como el tamaño, el diseño y el color, muestran su importancia.

Al variar los tamaños, también puede guiar al cliente sobre cómo leer el diseño del banner web.

vacío

Diseñado por Kimp

Asegúrese de que el título y el texto del cuerpo sean de diferentes tamaños, pero no use tamaños de fuente de menos de 10 pt a menos que sea para un descargo de responsabilidad de algún tipo.

Considere Gotham, Myriad Pro y Helvetica Neue LT Std para sus pancartas. Son las tipografías más utilizadas en los anuncios gráficos. Y con buena razón. Son fáciles de leer, pero los clientes también los perciben como elegantes y modernos. Algunas opciones más en este sentido son Proxima Nova, Brandon Grotesque, Bebas Neue y Open Sans. Las fuentes que son demasiado delgadas, las secuencias de comandos o todas en mayúsculas harán que sus banners sean menos efectivos al hacer que sus mensajes sean poco claros.

Si te sientes aventurero, quizás quieras probar la tipografía personalizada. Puede hacer que su anuncio parezca original y llamar más la atención. Como con todas las fuentes, solo asegúrese de que la fuente sea fácil de leer.

vacío

Diseñado por Kimp

Consejo de Kimp: los diseños de banners web no pueden tener demasiado texto. Necesitan un mensaje claro y sencillo. Así que elige una fuente fácil de leer y apégate a ella. No experimente con combinaciones de fuentes. Elija un solo estilo y apéguese a él con solo cambios para mostrar la jerarquía (es decir, diferentes tamaños para los títulos o el cuerpo).

6) Considera la Animación en tus Banners

El mundo del marketing ama mucho los gráficos en movimiento. Cualquier cosa con un poco de movimiento obtiene una gran tracción en Internet. Pero no es posible ejecutar videos en banners web. Ocupan mucho espacio, son muy complicados y tardan una eternidad en cargarse.

Entonces, lo que puede hacer para aprovechar la popularidad de los gráficos en movimiento es agregar animación a sus diseños de banners web.

Agregar animación puede ayudarlo a llamar la atención de su audiencia. Los banners HTML5 y GIF son muy populares por este motivo. Pueden ayudarlo a transmitir su mensaje y llamar la atención sobre su CTA al final.

Pero antes de subirse al carro de la animación, considere el valor que aporta. Trabaje en crear algo que mejore la efectividad del mensaje y no distraiga de él. Un simple GIF del producto funciona muy bien. Manténgalo simple y vea cómo funciona.

Mantenga su animación a un máximo de 15 segundos, que no debe incluir más de tres bucles.

Para animaciones simples, solo puede obtener una suscripción a Kimp Graphics . Tenemos un solo plan de tarifa plana mensual para diseño gráfico y sin niveles. Tome una suscripción y obtendrá todo lo que necesita. Para animaciones más complejas, pruebe Kimp Video .

7) Representar consistentemente su marca

Uno de los consejos de diseño de banners web más importantes es que debe ser coherente. Sus banners se dirigirán a su sitio. Por lo que deben seguir el mismo estilo de diseño y lenguaje. Esto ayuda a generar confianza y evita la confusión por parte de los clientes.

vacío

Diseñado por Kimp

¿Se imagina a un cliente potencial haciendo clic en un banner que ha sido diseñado con imágenes y colores que no se parecen en nada al sitio al que lo dirigen? Probablemente pensarían que aterrizaron en el sitio por error. O harían una pausa en su consideración del producto o servicio para comenzar a evaluar las inconsistencias. Ninguno de estos es un resultado que desea.

Así que concéntrese en crear consistencia en el tono, el contenido y el estilo de diseño. Puedes experimentar y divertirte un poco con los detalles, pero recuerda que tu objetivo final es vincularlo a tu marca. Y para lograr que su audiencia haga clic, haga clic, haga clic.

Considere desarrollar una guía de estilo de marca para garantizar la coherencia en todos los pasos. Lea nuestra guía sobre eso aquí .

Ace diseña banners web con Kimp

Te lo dijimos, los diseños de banners son parte de nuestra historia de origen. Esto es sobre lo que hemos construido toda la empresa y confíe en nosotros, no hay mejor manera de llevar el conocimiento de su marca a nuevas alturas. Nuestros clientes avalan eso y nuestros diseños también.

Tenemos dos servicios de diseño ilimitados para diseño gráfico ( Kimp Graphics ) y diseño de video ( Kimp Video ). Para estas suscripciones, paga una tarifa mensual fija para trabajar con un equipo de diseño dedicado que puede entregar diseños en un montón de categorías diferentes.

Y si desea probarnos antes de comprometerse, regístrese ahora para nuestra prueba gratuita de 7 días.