Projetos

Branding · Direção de arte · Design digital 2026

Identidade VisualRei do Sabão

Uma identidade visual que leva a força do comércio regional para o digital.

Criei a linguagem visual do Rei do Sabão, marca de produtos de limpeza que vende no atacado e no varejo.

O trabalho cobre identidade visual, direção de arte, peças promocionais e aplicações digitais. Tudo segue o mesmo sistema, da descoberta de um produto à confirmação do pedido.

Escopo

  • Identidade visual
  • Sistema de marca
  • Campanhas digitais
  • Direção de arte com IA
  • E-commerce
  • E-mails transacionais
Logo Rei do Sabão: coroa sobre a palavra Sabão, com o slogan Limpeza que faz a diferença
Banner O melhor custo-benefício para sua lava-louças

01 / Contexto

Uma marca próxima do consumidor, em vários canais.

No segmento do Rei do Sabão, preço, variedade e conveniência pesam muito na decisão de compra.

A marca vende no comércio regional e em canais digitais. Precisava de uma linguagem visual que funcionasse nos anúncios e também na compra online.

O desafio era criar uma identidade fácil de reconhecer, que passasse confiança e preço acessível sem se perder entre tantos produtos, categorias e ofertas.

Eu não queria só peças bonitas e coerentes. Queria um sistema que a marca pudesse usar no dia a dia, a cada nova oferta.

02 / Conceito

Uma identidade direta e fácil de reconhecer.

A direção criativa partiu de uma necessidade do negócio: mostrar valor de forma simples e imediata.

Usei cores de alto contraste, tipografia expressiva e elementos gráficos simples de memorizar. A presença visual é forte, mas organiza as informações comerciais sem competir com os produtos.

O azul é a base e dá unidade à marca. O amarelo cria contraste e marca as ofertas e as chamadas para ação.

A coroa do símbolo reforça o nome Rei do Sabão e identifica a marca em qualquer aplicação.

O texto segue a mesma linha: frases curtas, informação objetiva e conversa direta com o cliente.

Preço bom de verdade.

É a assinatura comercial e também resume o posicionamento: uma marca acessível e direta, que entrega o que oferece.

03 / Identidade visual

Um sistema visual feito para comunicar com clareza.

Montei a identidade com elementos que se reproduzem bem em qualquer formato e mantêm a marca reconhecível.

O conjunto tem versões do logo, paleta de cores, hierarquia tipográfica e regras de aplicação.

Assinatura da marca

O logotipo une uma tipografia marcante ao símbolo da coroa, e o nome Rei do Sabão fica claro de imediato. Criei versões para diferentes contrastes, tamanhos e formas de reprodução: principal, negativa, simplificada e monocromática.

Logo Rei do Sabão, versão principal
Principal
Logo Rei do Sabão, versão negativa
Negativa
Logo Rei do Sabão, versão simplificada
Simplificada
Logo Rei do Sabão, versão monocromática
Monocromática

Paleta cromática

Os azuis e o amarelo deixam a marca fácil de identificar.

#0B2D9B

Azul principal

Cor base da identidade. Dá unidade e reconhecimento.

#156DFF

Azul royal

Usado em elementos de interação e superfícies de destaque.

#7CC7FF

Azul-claro

Traz variação e leveza às composições.

#FFD021

Amarelo

Usado em ofertas, elementos promocionais e chamadas para ação.

#020D2E

Azul-noite

Usado em textos, fundos e elementos de maior contraste.

#E03131

Vermelho

Cor de apoio, só para sinalizações promocionais específicas.

Tipografia

Poppins aparece nos títulos, nas chamadas promocionais e nos preços, com um tom comercial marcante.

Inter cuida das informações de apoio, das descrições de produtos e dos textos funcionais, principalmente nas interfaces.

Juntas, as duas equilibram personalidade e legibilidade. A hierarquia permite ler em dois níveis: primeiro a mensagem principal, depois as informações que o cliente precisa para decidir a compra.

Poppins ExtraBold · títulos

Preço bom
de verdade.

Poppins Black · preços

R$ 5,90

Inter · texto

Produtos de limpeza pra casa toda: atacado, varejo e entrega rápida na região.

04 / Campanhas e comunicação promocional

Comunicar uma oferta também é organizar a atenção.

Apliquei a linguagem visual em banners e outras peças comerciais para o digital.

Cada peça junta foto do produto, mensagem objetiva e elementos da identidade. O produto anunciado e a ação esperada ficam sempre ligados de forma clara.

O cuidado principal foi uma hierarquia que facilita a leitura rápida, sobretudo no celular.

Do excesso de informação à clareza visual

O banner de lava-louças existe em duas versões.

A primeira é a que o cliente queria. Ele mandou a arte pronta, feita no ChatGPT, com várias chamadas, selos e informações comerciais.

A segunda é a alternativa que encontramos: só produto, mensagem principal e chamada para ação. Os elementos deixam de competir e a oferta ganha destaque.

Essa estrutura mais simples permitiu que o cliente criasse assets reutilizáveis a partir dela.

Essa leitura mais limpa guiou as outras peças: dizer o essencial com clareza, sem perder a identidade.

Alternativa proposta para o banner de lava-louças, mais limpa Arte do banner de lava-louças enviada pelo cliente, com selo, faixa de benefícios e várias chamadas O que o cliente queria A alternativa

Arraste para comparar. À esquerda, a arte feita no ChatGPT e enviada pelo cliente, com chamadas, selos e informações comerciais. À direita, produto, mensagem principal e chamada para ação.

05 / Direção de arte com inteligência artificial

Imagens de categoria com uma mesma linguagem visual.

Geradas com IA

O catálogo do Rei do Sabão tem produtos de vários fabricantes, fotografados com estilos, enquadramentos e iluminações diferentes.

Para apresentar as categorias de forma mais uniforme, criei um processo de direção de arte com apoio de IA generativa.

A ideia era montar cenas que colocassem os produtos no ambiente onde são usados, com uma estética reconhecível em todas as categorias.

O cliente queria mostrar os produtos do próprio catálogo, não imagens genéricas. Por isso cada cena parte das fotos reais das embalagens: a IA cria o cenário ao redor, e o produto precisa sair igual à referência.

O processo criativo

  1. 01

    Curadoria de referências

    Escolha das fotos dos produtos e definição do que precisava ser preservado em cada composição.

  2. 02

    Definição da linguagem visual

    Regras comuns de iluminação, enquadramento, cenário e cores, para as imagens parecerem de uma mesma série.

  3. 03

    Geração e refinamento

    Geração das composições com IA e ajustes de posição, proporção e equilíbrio.

  4. 04

    Verificação dos produtos

    Conferência de embalagens e rótulos contra as fotos originais. Quando algo saía errado, eu gerava de novo ou corrigia a composição.

Como foi feito

Para cada categoria, anexei as fotos reais dos produtos, na ordem em que apareceriam na cena, junto de um prompt padrão. Ele pede um quadrado, produtos idênticos às referências, nenhum texto novo, fundo azul-claro desfocado e bolhas de sabão longe dos rótulos.

O que muda de uma categoria para outra é só o ambiente: cozinha, lavanderia, banheiro, sala. As duas linhas abaixo mostram o caminho de duas categorias, da referência ao resultado. Na segunda, duas cenas que já estavam prontas serviram de estilo base.

Referências Fotos de referência dos cinco produtos da categoria limpeza de cozinha
Prompt
Square 1:1 advertising product photo.
Each product must be an exact copy of its reference photo.
Do not redraw, translate or invent any text.
Soft light-blue gradient, bright kitchen blurred,
translucent soap bubbles away from the labels.
No added text, no extra logos, no people.
Resultado Cena gerada com IA: produtos de limpeza de cozinha sobre bancada, com bolhas de sabão
Estilo base
Cena de estilo base com spray, detergente e pano em fundo claro Cena de estilo base com toalhas dobradas e tecido branco
Referências Fotos de referência dos três produtos de cuidados pessoais
Resultado Cena gerada com IA: sabonete líquido, hidratante e sabonete em barra em banheiro claro

Uma linguagem, vários cenários.

Os cenários combinam com cada categoria: cozinha, lavanderia, banheiro e outros ambientes da casa.

Fundos claros, luz suave e composições organizadas mantêm o foco nos produtos. Os elementos do ambiente dão contexto sem pesar na imagem.

O resultado é um conjunto com direção visual coerente, que ajuda a identificar cada categoria e deixa o catálogo mais bem apresentado.

06 / Aplicação digital

Da identidade visual à experiência de compra.

Adaptei a identidade ao que uma loja virtual precisa: comunicar a marca e organizar as informações comerciais.

No tema da loja, a paleta separa o que é navegação, conteúdo, oferta e ação de compra.

O azul liga a estrutura da interface à identidade. O amarelo marca as ações prioritárias e as superfícies claras deixam os produtos em evidência.

A tipografia e os componentes repetem a linguagem das campanhas, e o cliente reconhece a marca ao passar de um ponto de contato para outro.

Ou seja, a identidade vale além das peças de comunicação e também guia a navegação e a compra.

Ver o desenvolvimento do e-commerce
Home completa do site Rei do Sabão no desktop

Role dentro da moldura para ver a página inteira

Cabeçalho #1248C6
Navegação #1550CC
Botão Comprar #FFD021
Selo Oferta #E03131
Fundo da loja #FAFAFB
Rodapé #020D2E

07 / Comunicação pós-compra

A identidade continua depois da compra.

A marca não some quando o cliente fecha o pedido.

Para manter o visual nas mensagens operacionais, fiz 13 modelos de e-mail para as etapas da jornada do cliente.

Os modelos cobrem criação de conta, troca de senha, confirmação de pedido, atualização de pagamento, envio, retirada e entrega.

Todos usam a mesma estrutura visual: elementos da identidade, hierarquia de informação e uma chamada para ação que combina com cada situação.

A meta é deixar as mensagens claras e com a cara da marca, como nos outros canais.

Três dos 13 modelos

08 / Considerações finais

Uma identidade que funciona como sistema.

Parti da ideia de que uma identidade visual precisa acompanhar a operação real da marca.

O trabalho foi além de definir cores, fontes e elementos gráficos. Precisei criar critérios para apresentar produtos, organizar ofertas e manter a consistência em cada etapa da experiência do cliente.

O sistema funcionou em campanhas, imagens de categoria, interfaces e e-mails. Uma mesma linguagem visual se adapta a necessidades diferentes sem perder a unidade.

No fim, o Rei do Sabão ganhou uma base de comunicação para crescer no digital, que liga reconhecimento de marca e clareza comercial à experiência de compra.

Projeto relacionado

Do branding ao e-commerce.

A mesma identidade, agora como interface de loja: vitrine, componentes e checkout.

Desenvolvimento do e-commerce Da identidade visual à implementação: arquitetura web, componentes reutilizáveis, integrações comerciais e checkout. Ver o case