Volver al portafolio
Retail y E-commerce

Coral Tintas

Dirección creativa y UI/UX de todos los medios de las campañas

Mi rol
Director UI/UX Sénior
Año
2026
Coral TintasCoral Tintas
01

Contexto

Coral es una de las principales marcas de pinturas de Brasil. El proyecto es la dirección creativa y el UI/UX de todos los medios de las campañas: banners del e-commerce, e-mail marketing y redes sociales, un trabajo continuo, no una pieza aislada.

Cliente
Coral Tintas
Año
2026
Categoría
Retail y E-commerce
Rol
Director UI/UX Sénior
02

Desafío

El e-commerce maneja varios frentes de campaña al mismo tiempo: lanzamiento del color del año, adelanto de la paleta del año siguiente, promociones de descuento, categorías de producto y eventos de relacionamiento. Cada campaña necesita un conjunto completo de medios, banners del sitio, e-mail marketing y redes sociales, que comunique la misma oferta en formatos y canales distintos, sin perder coherencia ni convertirse en retrabajo con cada pieza nueva.

03

La tienda, sección por sección

La home de la Tienda Oficial Coral, donde los banners de las campañas cobran vida.

  1. 01 / 04

    Encabezado y banner principal

    El encabezado de la Tienda Oficial Coral en VTEX: búsqueda, accesos para contratar un pintor y encontrar un color, menú por ambiente y la franja de 5% con Pix. Justo debajo, el carrusel de banners de la home, donde entran las campañas de la semana.

  2. 02 / 04

    Vitrinas por necesidad

    Después del banner, las vitrinas organizan los productos por el problema a resolver (los colores más vendidos, pared exterior, esmaltes, pisos), con el color de cada producto destacado en la tarjeta y los atributos en íconos.

  3. 03 / 04

    Inspiración: Casa Cor 2026

    Un bloque de inspiración con los ambientes de Casa Cor y los colores usados en cada uno, para que quien todavía está eligiendo el color salga del sitio con el producto correcto.

  4. 04 / 04

    Newsletter, app y pie de página

    Registro de ofertas por e-mail y WhatsApp, la invitación a la app Coral Visualizer (ver el color en la propia pared) y el pie de página con políticas, ayuda y área del comerciante.

04

Banners de la home

Una selección de los banners creados para el carrusel de la home a lo largo de las campañas: lanzamientos, líneas de producto, fechas y descuentos con Pix. Todos siguen la misma estructura (título corto, beneficio en una línea, producto destacado y un botón), con el color y la imagen cambiando en cada campaña para que el carrusel nunca parezca repetido.

Coral Protección Sol y Lluvia: lanzamiento con 10% OFF con cupón
Sparlack Cetol: proteger la madera sin cambiar el color
Decora: renovar la sala empezando por una pared, en hasta 6 cuotas
Coral Color Friday: captación de registros antes de la fecha
Protección Sol y Lluvia con 5% OFF extra con Pix
Decora Diamante Semibrillante con 5% OFF extra con Pix
Línea Mactra: pensada para cualquier etapa de la obra
Línea Coral Protección Sol y Lluvia: pared protegida sin importar el clima
Colores de la paleta 2026 con 15% OFF
Coral Renova: pinta directamente sobre el moho
Paga con Pix y obtén 5% OFF
05

Email marketing

E-mail de la Línea Renova: pre-header con la promesa, navegación igual a la de la tienda, hero con el producto, las cuatro soluciones de la línea alternando imagen y texto, cada una con un botón "Recíbelo en casa", y un bloque para contratar a un pintor certificado antes del pie de página.

E-mail Línea Renova: encabezado y hero, las 4 soluciones y el cierre con pintor certificado y pie de página
06

Solución

Dirección creativa y UI/UX de todos los medios de cada campaña: banners del e-commerce (home, categorías y páginas de producto), e-mail marketing y redes sociales. Un sistema único de jerarquía entre título, oferta y CTA, adaptado al formato de cada canal, con una paleta específica por tipo de campaña dentro del estándar visual de la marca.

3 canales

cubiertos por campaña: sitio, e-mail marketing y redes sociales

4 frentes

de campaña: color, producto, promoción y evento

1 sistema

de jerarquía adaptado a cada formato y canal

Sistema Visual

En lugar de una paleta fija, el sistema define un color por tipo de campaña sobre la base blanca de la marca: verde terroso para el lanzamiento de color, rojo para producto (fuerza y urgencia de compra), azul profundo para categoría y relacionamiento. Así cada canal queda variado sin perder el patrón de jerarquía entre título, oferta y CTA.

Paleta

Verde Piedra Natural

#6B7355

Lanzamiento del color del año y paletas de tendencia

Beige Terroso

#D8CBB8

Piezas de inspiración y combinaciones de colores

Rojo Coral Master

#C41E3A

Banners de producto: urgencia y llamado a la compra

Azul Profundo

#1B2A5E

Categoría de producto y eventos de relacionamiento

Blanco

#FFFFFF

Base del e-commerce, donde los banners entran en rotación

Tipografía

Display Bold

Bold / Black

Titular de la oferta en cada banner, siempre el texto más grande

Sans UI

Regular / Semibold

Texto de apoyo, CTA y navegación del e-commerce

07

Aprendizaje

Los medios de campaña no son una pieza aislada, son un sistema: cuando el mismo lanzamiento corre en banner, e-mail y redes sociales al mismo tiempo, la coherencia de jerarquía (dónde mirar primero, qué es la oferta, dónde está el CTA) importa más que cualquier pieza individual linda. La dirección creativa entra justo en ese punto, garantizando que cada pieza nueva, en cualquier canal, siga el mismo patrón de lectura que las anteriores.