Diseño de anuncios digitales que convierten: Meta, TikTok y Google | Curso de diseño gráfico gratis: de básico a avanzado

Lo que lograrás en esta lección

Diseñar anuncios en los formatos de Meta, TikTok y Google, respetando las zonas seguras.
Aplicar una jerarquía que detenga el desplazamiento y lleve a la acción.
Preparar variantes para pruebas A/B que cambien una sola cosa.
Leer los resultados (CTR, conversión, costo por resultado) para decidir qué diseño gana.

En redes, un anuncio compite con fotos de amigos, videos virales y otros cientos de anuncios. Tiene menos de dos segundos para que alguien deje de deslizar el dedo. Diseñar anuncios es distinto de diseñar un afiche: se mide con números, se produce en muchas variantes y se reemplaza cada pocas semanas. Por eso es uno de los servicios más demandados a diseñadores freelance y equipos de marketing. Esta lección complementa lo que aprendiste de diseño para redes (lección 7) con la lógica de la publicidad pagada (si quieres ver el lado de la campaña, el curso de marketing digital la explica a fondo).

Formatos y zonas seguras

Ubicación	Proporción	Tamaño recomendado
Feed de Instagram y Facebook	4:5 (o 1:1)	1080 × 1350 px (o 1080 × 1080)
Historias, Reels y TikTok	9:16	1080 × 1920 px
Google Display (anuncios adaptables)	1,91:1 y 1:1	1200 × 628 y 1200 × 1200 px, más el logo en 1:1

En los formatos verticales de pantalla completa, la interfaz de la aplicación (nombre de la cuenta, botones, descripción, llamada a la acción) tapa la parte superior e inferior. Deja libres de textos y logos importantes unos 250 px arriba y entre 340 y 400 px abajo en un lienzo de 1080 × 1920, y revisa la guía vigente de cada plataforma, que publica plantillas de zonas seguras. Un precio tapado por el botón "Comprar" es un error que se paga con presupuesto.

Diseña una vez, adapta muchas

Empieza por el formato 9:16 o 4:5, que es el más exigente, con los elementos clave en una zona central. Así adaptar al 1:1 o al 1,91:1 es cuestión de reacomodar, no de rediseñar. Con componentes o plantillas en Figma o Canva (lección 11), generar 10 variantes toma minutos.

La anatomía de un anuncio que funciona

El gancho: lo que detiene el dedo. Una imagen inesperada, un primer plano del producto en uso, una cara mirando a cámara, un número grande o una pregunta que el público se hace. En video, ocurre en el primer segundo.
Un solo mensaje: un beneficio claro ("Café tostado esta semana, en tu casa mañana"). Dos mensajes se estorban.
El producto visible: que se entienda qué vendes sin leer.
La marca pronto: logo pequeño o colores reconocibles desde el principio, para que incluso quien no hace clic recuerde quién era.
Llamada a la acción: qué hacer y, si hay, una razón para hacerlo ahora ("Envío gratis hasta el domingo").

Poco texto y mucho contraste

Las plataformas recomiendan poco texto en la imagen: el mensaje principal y, como mucho, una oferta. El resto va en el texto del anuncio.
Texto grande y legible en el celular: si no se lee en una pantalla de 6 pulgadas, no existe.
Contraste con el entorno: un anuncio que imita perfectamente el estilo del feed puede pasar desapercibido; uno demasiado "publicitario" genera rechazo. Funciona lo que parece nativo pero destaca por color o composición.

1. En un anuncio para historias de 1080 × 1920, ¿dónde NO debes poner el precio?

En la zona central.
En los últimos 340 a 400 px de abajo, donde aparecen el texto y el botón de la plataforma.
Junto al producto.

La interfaz cubre la parte inferior y superior. Los elementos clave deben quedar en la zona segura central.

Variantes y pruebas A/B

Nadie sabe de antemano qué anuncio funcionará mejor. Los equipos de marketing prueban variantes y dejan que los datos decidan. Para que la prueba enseñe algo, cambia una sola variable a la vez:

Variable	Variante A	Variante B
Imagen	Bolsa de café sobre fondo liso	Taza humeante en una mesa con luz de mañana
Mensaje	"Tostado esta semana"	"Del cafetal de Cajamarca a tu taza"
Formato	Imagen fija	Video de 6 segundos

Si cambias la imagen, el texto y el color a la vez y gana B, no sabrás por qué. Prepara las variantes con el mismo archivo base y nómbralas con claridad (por ejemplo, brote_feed_4x5_taza_v2.jpg) para que el equipo de campañas no las confunda.

Leer los resultados

Métrica	Qué dice del diseño
CTR (clics ÷ impresiones)	Si el anuncio detiene y genera interés
Tasa de conversión (compras ÷ clics)	Si lo que promete el anuncio coincide con lo que encuentra la persona
Costo por resultado (inversión ÷ compras)	La métrica que decide: cuánto cuesta cada venta
Frecuencia	Cuántas veces vio el anuncio cada persona; si sube mucho y el CTR cae, hay fatiga creativa

Ejemplo: la variante A (bolsa) tuvo 12.000 impresiones y 180 clics: CTR del 1,5%. La B (taza) tuvo 11.500 impresiones y 253 clics: CTR del 2,2%. La taza atrae más. Pero no te detengas en el CTR: si A generó 9 compras y B 10 con la misma inversión de 400, el costo por compra fue de 44,44 y 40,00. B gana en ambas, y la decisión es clara. A veces no lo es: un anuncio llamativo puede atraer clics de curiosos que no compran.

2. Un anuncio tiene el CTR más alto pero el peor costo por compra. ¿Qué puede estar pasando?

Que el diseño es perfecto y hay que invertir más.
Que atrae la atención pero promete algo distinto de lo que la persona encuentra, o atrae a un público que no compra.
Que la plataforma tiene un error.

El objetivo es vender, no solo recibir clics. Si la conversión es baja, revisa que el mensaje del anuncio y la página de destino coincidan.

Lo que no se puede prometer

Las plataformas rechazan o restringen anuncios con afirmaciones engañosas, comparaciones de "antes y después" en salud o estética, imágenes que imitan botones falsos o contenido sensible. Y la ley de protección al consumidor de cada país exige que las ofertas sean reales y sus condiciones claras. Revisa las políticas publicitarias antes de diseñar: un anuncio rechazado retrasa toda la campaña.

3. Tras tres semanas, la frecuencia de un anuncio llega a 6 y su CTR cayó a la mitad. ¿Qué haces?

Subir el presupuesto.
Renovar la pieza con nuevas variantes: es fatiga creativa, el público ya la vio demasiadas veces.
Dejarlo igual, porque funcionó al principio.

Cuando el mismo público ve muchas veces el mismo anuncio, deja de prestarle atención. Por eso los anuncios se producen en series y se renuevan con frecuencia.

Ejercicio práctico: una serie de anuncios para Brote

Diseña un anuncio de 1080 × 1350 para el lanzamiento del café molido de Brote: gancho, mensaje, producto, marca y llamada a la acción.
Adáptalo a 1080 × 1920 respetando las zonas seguras.
Crea dos variantes que cambien solo la imagen principal.
Con estos resultados, decide qué variante escalar: A: 20.000 impresiones, 260 clics, 13 compras; B: 20.000 impresiones, 380 clics, 11 compras; inversión de 520 en cada una.

Ver solución del punto 4

             A                      B
CTR          260 ÷ 20.000 = 1,3%    380 ÷ 20.000 = 1,9%
Conversión   13 ÷ 260 = 5,0%        11 ÷ 380 = 2,9%
Costo/compra 520 ÷ 13 = 40,00       520 ÷ 11 = 47,27

B atrae más clics, pero A vende más barato. Escalaría A y probaría una nueva variante que combine el gancho de B con el mensaje de A. Con tan pocas compras, conviene dejar correr la prueba unos días más antes de una decisión definitiva: 13 frente a 11 compras puede deberse al azar.

Resumen

Diseña en 4:5 y 9:16 (y 1,91:1 para Google), con los elementos clave en la zona segura.
Gancho, un mensaje, producto visible, marca pronto y llamada a la acción.
Poco texto en la imagen, legible en el celular y con contraste respecto al feed.
Prueba variantes cambiando una sola cosa y decide por el costo por resultado, no solo por el CTR.
Renueva las piezas ante la fatiga creativa y respeta las políticas publicitarias.

En la próxima lección, la última del curso, darás movimiento a tus diseños: principios de animación y motion graphics para redes, con formatos y ajustes de exportación.