Coral Tintas
Direção criativa e UI/UX de todas as mídias das campanhas
- Meu papel
- Diretor UI/UX Sênior
- Ano
- 2026
Coral TintasContexto
Coral é uma das principais marcas de tintas do Brasil. O projeto é a direção criativa e UI/UX de toda a mídia das campanhas: banners do e-commerce, e-mail marketing e redes sociais, um trabalho contínuo, não uma peça isolada.
Desafio
O e-commerce roda várias frentes de campanha ao mesmo tempo: lançamento da cor do ano, prévia da paleta do ano seguinte, promoções de desconto, categorias de produto e eventos de relacionamento. Cada campanha precisa de um conjunto completo de mídia, banners do site, e-mail marketing e redes sociais, comunicando a mesma oferta em formatos e canais diferentes, sem perder consistência nem virar retrabalho a cada peça nova.
A loja, dobra a dobra
A home da Loja Oficial Coral, onde os banners das campanhas ganham vida.
- 01 / 04
Topo e banner principal
O topo da Loja Oficial Coral na VTEX: busca, atalhos para contratar um pintor e encontrar uma cor, menu por ambiente e a faixa de 5% no Pix. Logo abaixo, o carrossel de banners da home, onde entram as campanhas da semana.
- 02 / 04
Vitrines por necessidade
Depois do banner, as vitrines organizam os produtos pelo problema a resolver (as cores mais vendidas, parede externa, esmaltes, piso), com a cor de cada produto em destaque no card e os atributos em ícones.
- 03 / 04
Inspiração: Casa Cor 2026
Um bloco de inspiração com os ambientes da Casa Cor e as cores usadas em cada um, para quem ainda está escolhendo a cor sair do site com o produto certo.
- 04 / 04
Newsletter, app e rodapé
Cadastro de ofertas por e-mail e WhatsApp, o convite para o app Coral Visualizer (ver a cor na própria parede) e o rodapé com políticas, ajuda e área do lojista.
Banners da home
Uma seleção dos banners criados para o carrossel da home ao longo das campanhas: lançamentos, linhas de produto, datas e descontos no Pix. Todos seguem a mesma estrutura (título curto, benefício em uma linha, produto em destaque e um botão), com cor e imagem mudando a cada campanha para o carrossel nunca parecer repetido.
E-mail marketing
E-mail da Linha Renova: pré-header com a promessa, navegação igual à da loja, hero com o produto, as quatro soluções da linha alternando imagem e texto, cada uma com um botão "Receba em casa", e um bloco para contratar um pintor certificado antes do rodapé.
Solução
Direção criativa e UI/UX de toda a mídia de cada campanha: banners do e-commerce (home, categorias e páginas de produto), e-mail marketing e redes sociais. Um sistema único de hierarquia entre título, oferta e CTA, adaptado ao formato de cada canal, com paleta específica por tipo de campanha dentro do padrão visual da marca.
3 canais
cobertos por campanha: site, e-mail marketing e redes sociais
4 frentes
de campanha: cor, produto, promoção e evento
1 sistema
de hierarquia adaptado a cada formato e canal
Sistema Visual
Em vez de uma paleta fixa, o sistema define uma cor por tipo de campanha sobre a base branca da marca: verde terroso para lançamento de cor, vermelho para produto (força e urgência de compra), azul profundo para categoria e relacionamento. Isso deixa cada canal variado sem perder o padrão de hierarquia entre título, oferta e CTA.
Paleta
Verde Pedra Natural
#6B7355
Lançamento da cor do ano e paletas de tendência
Bege Terroso
#D8CBB8
Peças de inspiração e combinação de cores
Vermelho Coral Master
#C41E3A
Banners de produto: urgência e chamada de compra
Azul Profundo
#1B2A5E
Categoria de produto e eventos de relacionamento
Branco
#FFFFFF
Base do e-commerce, onde os banners entram em rotação
Tipografia
Display Bold
Bold / Black
Headline de oferta em cada banner, sempre a maior peça de texto
Sans UI
Regular / Semibold
Texto de apoio, CTA e navegação do e-commerce
Aprendizado
Mídia de campanha não é peça isolada, é sistema: quando o mesmo lançamento roda em banner, e-mail e rede social ao mesmo tempo, a consistência de hierarquia (onde olhar primeiro, o que é oferta, onde está o CTA) importa mais do que qualquer criação individual bonita. A direção criativa entra exatamente nesse ponto, garantindo que cada peça nova, em qualquer canal, siga o mesmo padrão de leitura das anteriores.
