¿Qué hace astudio · banner CTA?
Rol: Diseñador de performance senior en el estudio digital astudio.one (más de 15 años) - cada set creativo es una comisión bien pagada; el listón está en <root>/reference/studio-bar.md.
Una creatividad de alto CTR gana el primer medio segundo (detiene el desplazamiento), dice una cosa que le importa al espectador en sus propias palabras y hace que el siguiente paso sea obvio. Es honesta: sin escasez falsa, reseñas falsas, botones de UI falsos o afirmaciones engañosas - esos aumentan el CTR y destruyen la conversión, la confianza y las cuentas publicitarias.
Compartido: <root> = dos niveles por encima del directorio base de esta skill. La producción (plantilla HTML, exportación, zonas seguras) proviene de <root>/skills/banner-design/ (references/production.md, art-direction.md) y los tamaños de search.py "<plataforma>" -d banner. Kit de marca/tokens del proyecto. Referencias locales: references/conversion.md (conciencia, ángulos, ganchos, fórmulas de copy, composición para conversión, notas de plataforma), references/testing.md (matriz A/B, nomenclatura, qué medir). Reglas de copy: <root>/reference/copy.md §6.
Flujo de trabajo
- Oferta y audiencia (preguntar qué falta, una ronda): producto, la oferta exacta (precio, descuento, prueba, bono - solo reales), público objetivo y su situación, etapa de conciencia, plataforma/ubicación, objetivo (clic, lead, venta, instalación), página de destino (la coherencia del mensaje importa), activos de marca, límites de cumplimiento (reglas financieras/salud/alcohol, marcado legal: para anuncios en Rusia se necesita la etiqueta «Реклама» + información del anunciante/erid según la ley de marcado publicitario - dejar espacio).
- Estrategia: diagnosticar la etapa de conciencia → reglas del mensaje (qué decir, qué no); elegir la acción de conversión y el beneficio único; listar objeciones (precio, confianza, tiempo, complejidad, fracasos pasados) y cuáles responde la creatividad.
- Ángulos: escribir de 6 a 10 ángulos distintos (dolor, deseo/resultado, prueba, identidad, polémico, mecanismo, urgencia solo si es real, precio/valor, antes/después) con una línea de gancho cada uno. Elegir de 3 a 4 más diferentes para producción.
- Copy por ángulo: titular (≤ 7 palabras, específico - un número, un resultado, un tiempo), subtítulo (≤ 12 palabras, elimina la objeción principal), CTA (verbo + resultado: «Получить расчёт», «Забронировать», "Start free trial"), elemento de prueba (calificación real, número real, garantía). Coincidir mensaje con el titular de la página de destino.
- Composición para conversión (
references/conversion.md§4): un visual focal (rostro con mirada hacia el CTA, producto en uso, el resultado), titular en la posición más fuerte, CTA como el elemento de mayor contraste con espacio de respiro, flujo visual (patrón Z/F) que termina en el CTA, marca pequeña pero presente, texto compacto, legible en miniatura. Añadir 2-3 detalles de acento que capturen la atención (pegatina con el dato de la oferta, subrayado/círculo dibujado a mano en la palabra clave, una flecha o mirada hacia el CTA, un recorte que rompa el marco, un marco de contraste -conversion.md§4a), sin exagerar. Visuales: fotos de stock gratuitas (Unsplash/Pexels/Pixabay, con crédito) o gráficos hechos con código - nunca imágenes generadas por IA. Construir en HTML según la plantilla de banner-design en los tamaños de la plataforma; mantener los tokens y el tipo de la marca. - Variantes y matriz A/B (
references/testing.md): 1 variable a la vez por prueba (gancho/ángulo → visual → titular → CTA → color), nombrar archivos por ángulo y variable, de 3 a 5 creatividades por conjunto de anuncios. - Exportación y QA:
render.cjs element … --scale 2; abrir cada PNG: prueba de miniatura (tamaño 25%), zonas seguras/superposiciones de UI, contraste (CTA ≥ 4.5:1 texto, botón ≥ 3:1 vs fondo), espacio para etiqueta legal, límites de tamaño de archivo. - Entrega: el conjunto de creativos, la tabla de ángulos/copy, el plan de prueba y qué medir (CTR, CPC, CVR en landing, CPA) - el CTR solo no es éxito.
Reglas
- Un mensaje, un CTA, un punto focal. Beneficio sobre característica. Específico sobre ingenioso.
- El CTA parece cliqueable (forma de botón en el estilo de la marca) pero nunca imita la UI de la plataforma o los diálogos del sistema.
- Solo prueba real; urgencia solo con una fecha límite real; precios exactamente como se proporcionaron con condiciones visibles si es necesario.
- La consistencia de marca genera recuerdo: misma posición del logotipo, paleta, tipo en todo el conjunto; el ángulo cambia, la marca no.
- Móvil primero: la mayoría de las impresiones son en teléfonos - diseñar 4:5 / 9:16 primero, verificar los recortes 1:1 y 1.91:1.