Inteligência artificial

Como destacar preço, benefício e produto no mesmo layout

O post precisa mostrar o produto, dizer quanto custa e explicar por que vale. Três informações, um quadrado. E quase sempre o resultado é o mesmo: tudo grande, tudo importante, nada legível.

Por Equipe Bumpi Publicado em 4 min de leitura

O problema não é falta de espaço. É falta de ordem. Quando três elementos disputam o mesmo peso, o olho não sabe onde começar e desiste antes de ler qualquer um.

Escolha o que entra primeiro

Antes de abrir o editor, decida qual das três informações leva a pessoa a parar de rolar. Só uma.

  • O produto, quando ele é desejável por si — comida, roupa, peça bonita.
  • O preço, quando ele é a notícia — promoção real, valor abaixo do esperado, condição nova.
  • O benefício, quando o produto é abstrato ou parecido com o dos outros — serviço, assinatura, algo que só se diferencia pelo que resolve.

Essa escolha define a hierarquia. As outras duas informações continuam na peça, menores, e é isso que faz a principal funcionar.

A proporção que costuma funcionar

Uma referência prática para dividir a atenção:

  • Elemento principal: cerca de 60% do peso visual.
  • Segundo elemento: cerca de 30%.
  • Terceiro: o que sobrar, cerca de 10%.

Peso visual não é só tamanho — é tamanho, contraste e posição somados. Um texto pequeno em cor forte no meio da imagem pesa mais que um texto grande e cinza no canto.

Se você não consegue apontar o que é 60% na sua peça, ela ainda está empatada.

Onde cada informação costuma cair

Não existe regra fixa, mas há posições que funcionam com frequência:

Produto ocupando o quadro, preço em faixa inferior. O olho entra pela imagem e desce para o valor. Bom para comida, moda, artesanato.

Preço em selo no canto superior. Chama sem cobrir o produto. Funciona quando o valor é a notícia.

Benefício como primeira linha, no topo. Uma frase curta em cima, produto no meio, preço embaixo. Bom para serviço.

Divisão em dois blocos. Metade foto, metade fundo sólido com o texto. Resolve quando a foto não tem área lisa para receber texto.

Em Stories e Reels, tudo isso se desloca para a faixa central: a interface cobre topo e base, e o critério de área livre está em onde colocar o logo em um post.

Escreva o benefício, não a característica

O benefício é o que mais costuma sair errado, porque quase sempre é escrito como característica.

Característica: “Tecido 100% algodão penteado”

Benefício: “Não esquenta e não desbota na terceira lavagem”

Característica: “Massa fermentada 48 horas”

Benefício: “Leve, não pesa no estômago”

Característica: “Atendimento personalizado”

Benefício: “Você fala sempre com a mesma pessoa”

Regra prática: se a frase descreve o produto, é característica. Se descreve o que muda para o cliente, é benefício. Numa peça você tem espaço para uma frase — use no benefício e deixe a característica para a legenda.

Preço: o que a peça precisa dizer

Preço pela metade gera pergunta, e pergunta que você não responde vira venda perdida.

  • Valor à vista em destaque.
  • Parcelamento, se houver, com o total — não só o valor da parcela.
  • A partir de só quando existir faixa real, e de preferência com o teto.
  • Prazo, se for condição temporária.
  • O que está incluído, quando não for óbvio.

Vale lembrar que o que você anuncia obriga: pelo Código de Defesa do Consumidor, a publicidade suficientemente precisa integra o contrato. Preço na arte precisa ser o preço praticado, e condição escrita precisa ser cumprida.

Contraste antes de tamanho

Quando o texto some sobre a foto, o reflexo é aumentar a fonte. Quase sempre a solução é outra.

Em ordem do que tentar:

  1. Mover o texto para uma área lisa e uniforme da foto.
  2. Aumentar o contraste — texto branco em área escura, texto escuro em área clara.
  3. Aplicar um degradê sutil atrás do texto, mais escuro embaixo.
  4. Só então aumentar o corpo da fonte.

Caixa branca sólida atrás do texto resolve a legibilidade e estraga a peça. Use como último recurso, e prefira uma faixa que ocupe a largura inteira em vez de um retângulo no meio.

O teste da miniatura

A maior parte das pessoas vai ver essa peça pequena, no meio de outras, rolando rápido.

Reduza a arte para o tamanho de uma miniatura do feed e olhe por dois segundos. Você consegue identificar o elemento principal? Se sim, a hierarquia está resolvida. Se você precisa aproximar para entender, não está.

Faça também o teste do brilho baixo, que é como muita gente usa o celular. Cinza-claro sobre branco desaparece.

O que tirar

Peça travada quase sempre tem coisa demais. O que costuma sair sem perda:

  • Logo grande — ele não é o assunto.
  • Redes sociais e telefone, que já estão no perfil.
  • Endereço completo, quando o post não é sobre localização.
  • Emoji e ícone decorativo.
  • Segunda chamada para ação.
  • Balão de “confira!” e “imperdível”.

Cada elemento removido devolve peso aos três que importam. Se sobrou espaço vazio, ótimo: respiro é o que faz o principal parecer maior sem aumentar de tamanho.

Dúvidas sobre preço, benefício e produto

Devo colocar preço no post?

Se o preço é competitivo ou se a pergunta “quanto custa?” domina o seu direct, colocar economiza tempo e filtra contato. Se o valor exige contexto — serviço sob medida, orçamento variável —, use faixa ou “a partir de” com o teto.

E quando são vários produtos com preços diferentes?

Não empilhe. Escolha um produto para a peça e mande o resto para o catálogo ou o link. Peça com seis preços não é vitrine, é tabela — e tabela ninguém lê rolando o feed.

Posso usar a mesma arte com preço atualizado depois?

Pode, mas troque a peça publicada em vez de deixar a antiga no ar com valor vencido. Oferta expirada visível gera reclamação legítima, o mesmo cuidado que vale para página de promoção.

Mantenha a hierarquia de uma peça para outra

Na Bumpi, você escolhe o objetivo da peça — divulgar um produto, apresentar um benefício — e o visual e o texto são criados para reforçar esse objetivo; o preço e a disposição dos elementos você confere na revisão, antes de aprovar.

Montar a peça de oferta