Design de etiquetas de preço em supermercados: um guia prático para varejistas que estão migrando do papel para o formato digital

Design de etiquetas de preço em supermercados: um guia prático para varejistas que estão migrando do papel para o formato digital

Por que o design de etiquetas de preço é uma decisão empresarial, e não apenas um exercício de design gráfico

Entre em qualquer supermercado e conte quantas vezes você interage com uma etiqueta de preço. Dez vezes? Vinte? Cinquenta? Cada olhar é uma microtransação. Uma decisão tomada em frações de segundo sobre se o preço parece justo, se vale a pena experimentar o produto, se você confia que essa loja seja transparente quanto aos preços dos produtos.

Agora imagine que essas mesmas etiquetas estejam inconsistentes, desbotadas ou faltem completamente. Um cliente olha atentamente para uma prateleira, não consegue encontrar o preço e devolve o produto ao lugar. Multiplique esse momento por milhares de interações diárias com clientes, e a perda de receita se torna uma realidade.

O design das etiquetas de preço não é um exercício de design gráfico. Trata-se de uma decisão operacional que afeta diretamente a precisão dos preços, a conformidade regulatória e a confiança do cliente. Estimativas do setor sugerem que, em um sistema de etiquetas de papel, entre 5% e 10% das etiquetas de prateleira apresentam erros a qualquer momento. Esses erros incluem preços que não correspondem ao sistema de PDV, preços unitários ausentes e números ilegíveis. Eles não apenas incomodam os clientes. Eles geram disputas, minam a confiança e, em mercados regulamentados, expõem a empresa a multas.

A boa notícia: um bom design de etiquetas de preço não é caro nem complicado. Ele segue um conjunto de princípios claros e fáceis de aprender. E, quer você administre um único supermercado independente ou uma rede de 100 lojas, aplicar corretamente esses princípios é uma das melhorias com maior retorno sobre o investimento que você pode implementar nas operações da sua loja.

Arquitetura da informação — O que deve constar em uma etiqueta de preço e em que ordem

Cada etiqueta de preço precisa responder apenas a três perguntas para o consumidor: Quanto isso custa? É um preço justo por unidade? Que produto estou vendo? Se suas etiquetas não conseguirem fornecer essas três respostas em até três segundos após o cliente dar uma olhada na prateleira, o design falhou.

Esse “teste dos três segundos” é a base de tudo o que vem a seguir. Antes de escolher fontes ou cores, é preciso definir uma hierarquia clara de informações — uma decisão deliberada sobre quais informações recebem prioridade visual e quais ficam em segundo plano.

A hierarquia de informações em quatro níveis que toda etiqueta de preço precisa ter

Pense em uma etiqueta de preço como a primeira página de um jornal: a notícia mais importante recebe a manchete maior. Em uma etiqueta de prateleira, a hierarquia se divide em quatro níveis distintos, cada um com uma função específica.

Hierarquia de informações nas etiquetas de preço

Nível Um: O preço de venda. Este é o rei indiscutível da etiqueta. Deve usar o maior tamanho de fonte na etiqueta — no mínimo 14pt para visualização a uma distância padrão da prateleira — e ser a primeira coisa que chama a atenção. Em negrito, posicionado de forma destacada. Mesmo que o cliente não veja mais nada, ele vê o preço.

Nível Dois: O preço unitário. Essa informação fica imediatamente ao lado do preço de venda — próxima o suficiente para que o olho as perceba como um par —, mas visualmente distinta. A prática recomendada é colocar o preço unitário em um bloco de fundo sutilmente diferente (um retângulo com tonalidade clara atrás do texto do preço unitário) para que os consumidores o reconheçam instantaneamente como informação de comparação. De acordo com a norma NIST SP 1181 (2025), a altura dos caracteres do preço unitário deve ser de pelo menos 6 mm em etiquetas físicas de prateleira, e seu tamanho de fonte não deve ser inferior a 50% do tamanho da fonte do preço de venda.

Nível Três: Nome e especificações do produto. O identificador do produto — nome da marca, variedade e peso líquido ou volume — precisa ser legível por leitor óptico, mas deve ficar em segundo plano. Ele serve para complementar o preço; não deve competir com ele. No máximo uma ou duas linhas, em fonte menor.

Nível Quatro: Informações complementares. Códigos de barras, códigos SKU internos, intervalos de datas promocionais e outros dados operacionais aparecem na parte inferior ou na borda da etiqueta, em fonte legível, mas da menor dimensão possível. Essas informações destinam-se à equipe e aos sistemas, e não aos clientes — por isso, ocupam o menor espaço visual possível.

Para verificar se suas etiquetas atuais respeitam essa hierarquia, tente o seguinte: fique a um braço de distância de uma prateleira, aperte um pouco os olhos e veja o que você lê primeiro. Se não for o preço, a hierarquia está invertida.

Diagnóstico rápido
Fique a um braço de distância de qualquer prateleira. Aperte os olhos. Se o preço não for a primeira coisa que você vir, sua hierarquia de informações está invertida.

Preço unitário — O elemento de conformidade mais negligenciado no design de etiquetas

Muitos varejistas tratam a indicação do preço unitário como um mero cumprimento de formalidades — algo que a lei exige, mas que ninguém realmente lê. Essa suposição está errada em dois aspectos.

Em primeiro lugar, os consumidores realmente prestam atenção aos preços unitários. Uma pesquisa da CHOICE Australia revelou que 38% dos consumidores apontam a inconsistência nas unidades de medida como uma grande frustração ao comparar produtos — um queijo rotulado por 100 g, outro por quilograma, tornando impossível a comparação direta sem uma calculadora. Isso não é um inconveniente menor; é uma falha de mercado nas prateleiras. Quando os clientes não conseguem comparar, acabam optando pela marca conhecida, e não pelo melhor custo-benefício — o que prejudica tanto os consumidores preocupados com o preço quanto os fornecedores menores.

Em segundo lugar, os órgãos reguladores estão atentos. A Austrália está atualmente reformando seu Código de Preços por Unidade para 2025, com penalidades mais severas em caso de descumprimento. Nos Estados Unidos, o NIST exige que os preços por unidade sejam “claros, destacados, visíveis e não enganosos”.

Três regras inegociáveis para a definição de preços unitários:

  1. Unidades de medida padronizadas dentro de cada categoria de produto. Todas as bebidas na seção utilizam a mesma unidade de medida — “por fl oz” ou “por 100 ml”, e não uma mistura das duas.
  2. Separação visual em relação ao preço de venda. Um bloco com tonalidade de fundo diferente garante que os consumidores interpretem o preço unitário como um dado de comparação, e não como uma repetição do preço de varejo.
  3. Preço unitário, mesmo quando for igual ao preço de venda. Se um item de porção individual custar $1,49 e o preço unitário também for $1,49 por unidade, o preço unitário ainda é exibido. Os consumidores precisam dele para comparar com embalagens coletivas do mesmo produto.
Unidades unificadas
Todas as bebidas utilizam a mesma unidade de medida. Não há mistura de medidas em onças e litros no mesmo corredor.
Separação visual
O bloco de fundo colorido permite distinguir rapidamente o preço unitário do preço de varejo.
Sempre presente
Mesmo quando o preço unitário é igual ao preço de varejo. Os consumidores precisam disso para comparar tamanhos.

A ciência da legibilidade nas prateleiras — tipografia, cor e contraste

O melhor design para a borda da prateleira é aquele que passa despercebido. Os clientes não devem notar a etiqueta — eles devem simplesmente perceber o preço e seguir em frente. Cada decisão sobre tipografia e cor ou contribui para esse objetivo ou o prejudica.

Regras de tipografia que realmente funcionam à distância de uma prateleira

Os erros tipográficos são as falhas de design mais comuns — e mais fáceis de corrigir — nas prateleiras dos supermercados.

Regras tipográficas para a legibilidade na borda da prateleira

Seleção de fonte. As fontes sans-serif são a única opção correta para etiquetas de prateleira. Arial, Helvetica e Roboto apresentam um resultado nítido em tamanhos pequenos, mantêm a legibilidade sob iluminação fluorescente e não incluem elementos decorativos que fiquem borrados à distância. Fontes serifadas, como a Times New Roman, e especialmente fontes decorativas ou condensadas, perdem nitidez quando vistas a um metro de distância. Limite-se a, no máximo, duas famílias de fontes por etiqueta — uma para o preço e outra para todo o restante.

Tamanho e distância. Uma fórmula prática: altura mínima legível dos caracteres em milímetros ≈ distância de visualização em centímetros × 0,15. Para uma distância típica de visualização na prateleira de 0,5 a 1,5 metros, isso significa que os dígitos do preço devem ter, no mínimo, 7,5 mm a 22,5 mm de altura. Para posições na prateleira inferior ou superior, onde o ângulo de visão é mais inclinado, acrescente 20–30% ao tamanho.

Contraste. A norma WCAG (Diretrizes de Acessibilidade para Conteúdo da Web) 2.1 AA estabelece o padrão de referência: uma relação de contraste mínima de 4,5:1 para texto normal e de 3:1 para texto em tamanho grande (18 pt ou 14 pt em negrito e acima). Texto preto sobre fundo branco ultrapassa facilmente essa proporção, atingindo cerca de 21:1. Sob a iluminação fluorescente de supermercados, com intensidade entre 500 e 750 lux, etiquetas de alto contraste mantêm uma legibilidade cerca de 40% melhor do que as alternativas de baixo contraste — uma diferença mensurável na rapidez com que os consumidores encontram os preços e na precisão com que os leem.

Faça o seguinte teste: imprima duas versões do mesmo preço — uma em Arial 14pt em negrito e outra em Times New Roman 12pt normal. Cole ambas na parede, dê três passos para trás e veja qual delas você lê primeiro. É exatamente isso que seus clientes vivenciam na prateleira.
Visão geral
Altura mínima legível dos caracteres ≈ distância de visualização (cm) × 0,15. A 1 m: os dígitos do preço devem ter ≥ 1,5 cm de altura. Acrescente 20–30% para as prateleiras inferiores e superiores.

Sistemas de codificação por cores — Quando ajudam e quando prejudicam

A cor é a ferramenta visual mais poderosa em uma etiqueta de preço. É também a mais fácil de usar de forma inadequada.

No varejo, certas cores transmitem mensagens psicológicas praticamente universais. O vermelho significa desconto, urgência ou preço reduzido. O amarelo chama a atenção e indica valor. O verde sugere algo natural, orgânico ou ecológico. A regra fundamental: uma cor, um significado, em toda a loja. Se a cor vermelha às vezes significa “em promoção” e outras vezes “novidade”, os clientes deixam de confiar em qualquer um desses sinais. A uniformidade no uso das cores deve ser imposta em nível da rede, e não deixada a critério dos gerentes de cada loja.

Crie seu sistema de cores em três etapas. Primeiro, defina as categorias que você precisa distinguir visualmente — geralmente preço normal, preço promocional e liquidação. Segundo, atribua uma cor exclusiva a cada categoria. Terceiro, padronize essa correspondência em todas as lojas da rede.

Duas observações importantes. Cerca de 8% dos homens apresentam algum tipo de deficiência na visão das cores, sendo a deficiência no discernimento entre vermelho e verde a mais comum. O vermelho nunca deve ser o único indicador de um preço promocional — combine-o sempre com uma legenda de texto, como “PROMOÇÃO”, ou com uma indicação posicional. Além disso, o amarelo combinado com texto em preto produz a maior relação de contraste entre todas as combinações de cores (aproximadamente 21:1), razão pela qual a “etiqueta amarela de promoção” é uma convenção global do varejo que antecede os supermercados modernos em décadas.

Uma rápida verificação: remova todas as cores das suas tags e observe-as em escala de cinza. A informação ainda fica clara? Se não, a cor está assumindo um peso que não deveria ter. A cor deve reforçar o significado, não criá-lo.

Do papel aos pixels — Como as etiquetas de preço digitais mudam a equação do design

A transição das etiquetas de preço em papel para as etiquetas eletrônicas de prateleira não significa abandonar um bom design. Significa aplicar os mesmos princípios a um meio muito mais versátil. Tudo o que você aprendeu sobre hierarquia de informações, contraste e consistência de cores continua válido. As etiquetas digitais simplesmente oferecem ferramentas para colocar esses princípios em prática com uma rapidez e precisão que o papel nunca poderá igualar.

O que permanece igual — Princípios fundamentais de design que se mantêm

Três princípios fundamentais permanecem inalterados na transição do papel para o formato digital.

Primeiro, A hierarquia da informação continua sendo fundamental. O preço de venda ainda deve ser o elemento principal na exibição. A diferença é que o software de etiquetas digitais impõe essa hierarquia por meio de modelos. Uma vez configurado corretamente, nenhum funcionário da loja pode, acidentalmente, aumentar o tamanho do nome do produto e diminuir o do preço.

Em segundo lugar, Os requisitos de contraste não desaparecem. Os visores E Ink — a tecnologia de tela utilizada na maioria das etiquetas eletrônicas de prateleira — atingem uma relação de contraste típica de cerca de 15:1. Esse valor é inferior ao da tinta preta sobre papel branco, mas ainda assim mais do que o triplo do padrão WCAG AA, que é de 4,5:1. Sob a iluminação fluorescente dos supermercados, o E Ink apresenta desempenho comparável ao do papel em termos de legibilidade. Em ambientes mais escuros, como os corredores de congelados, ela na verdade supera o papel, pois não depende exclusivamente da luz externa refletida.

Em terceiro lugar, a consistência da marca se torna mais fácil, e não mais difícil. No caso das etiquetas de papel, mesmo o modelo mais bem projetado do mundo só terá a qualidade que o funcionário da loja que o imprime e coloca lhe atribuir. As etiquetas digitais utilizam um sistema centralizado de modelos. Uma atualização no design se reflete em todas as etiquetas de todas as lojas simultaneamente.

O que está melhorando — Novos recursos que as etiquetas digitais oferecem

As etiquetas digitais resolvem problemas de design que as etiquetas de papel não conseguem resolver de forma alguma.

Precificação dinâmica com mudança visual de estado. Um preço promocional tem uma data de início e uma data de término. No papel, isso significa duas etapas de troca manual de etiquetas — uma para colocar a etiqueta promocional e outra para retirá-la. Se você deixar de fazer essa troca, os clientes verão promoções vencidas nas prateleiras. As etiquetas digitais alternam automaticamente entre os modelos de exibição “normal” e “promocional”, acionadas pelo relógio do sistema. Isso significa que o design da sua etiqueta precisa levar em conta dois estados visuais por produto — algo que os designers de etiquetas de papel nunca precisaram considerar.

Informações mais completas, sem confusão visual. Uma etiqueta eletrônica de prateleira de 2,9 polegadas pode exibir muito mais do que apenas o preço. Códigos QR com links para histórias sobre a origem dos produtos ou sugestões de receitas. Ícones indicando elegibilidade para os programas SNAP ou WIC. Indicadores de LED que piscam para orientar a equipe até os itens para separação de pedidos online — um recurso que pode reduzir o tempo de atendimento em 30–40%. O desafio do design passa a ser a curadoria: quais informações adicionais realmente ajudam o consumidor e quais apenas geram ruído? A estrutura hierárquica de quatro níveis mencionada anteriormente neste artigo se torna ainda mais importante quando há mais informações disputando o espaço limitado da tela.

Consistência instantânea em toda a rede. A maior falha de design no varejo é a discrepância entre as intenções da matriz e a execução nas lojas. Um modelo de etiqueta com um design bonito não significa nada se a Loja #47 ainda estiver usando a versão do último trimestre, ou se a impressora da Loja #12 estiver com o toner acabando e todas as etiquetas parecerem desbotadas. As etiquetas digitais eliminam totalmente essa discrepância: o modelo fica armazenado em um servidor, e todas as etiquetas em todas as lojas exibem o mesmo design.

A magnitude dessa transição é enorme. O Walmart está implantando etiquetas eletrônicas de prateleira em todas as suas 23.000 lojas nos Estados Unidos. A Aldi instalou mais de 25 milhões de unidades de etiquetas eletrônicas de prateleira em mais de 7.500 lojas em todo o mundo. A rede de supermercados britânica Morrisons implantou 10,8 milhões de etiquetas em 497 lojas. Isso já não é mais um programa piloto. É o novo padrão para a infraestrutura nas prateleiras.

Adoção do ESL em grande escala
23 mil
Lojas do Walmart vão adotar o ESL até 2026
Mais de 25 milhões
Unidades ESL em mais de 7.500 lojas da Aldi em todo o mundo
10,8 milhões
Etiquetas em 497 lojas da Morrisons (Reino Unido)

Projetando o layout da tela do ESL — Uma estrutura prática

Se você estiver implementando etiquetas eletrônicas de prateleira, precisará de uma estrutura de layout de exibição que funcione com diferentes tamanhos de etiquetas e categorias de produtos. Aqui está uma abordagem prática de “três zonas” que adapta os princípios de design das etiquetas de papel à tela digital.

Zona 1: Informações principais (60–70% da área da tela). Essa zona contém o preço de venda na maior fonte disponível e o preço unitário imediatamente ao lado, exibidos em um bloco de fundo com tonalidade sutil. Em um visor E Ink típico de 2,9 polegadas com resolução de 296 × 128 pixels, reserve aproximadamente 180 × 90 pixels para essa zona, a fim de garantir que os dígitos do preço permaneçam nítidos e legíveis instantaneamente.

Zona 2: Informações secundárias (20–25%). O nome do produto — no máximo uma ou duas linhas — e o peso líquido ou o volume. Em telas menores (2,13 polegadas), pode ser necessário abreviar o nome do produto. Em telas maiores (4,2 polegadas ou mais), há espaço para uma linha adicional de descrição.

Zona 3: Indicadores funcionais (10–15%). É aqui que aparecem os elementos condicionais: um emblema de canto vermelho ou amarelo para preços promocionais, um código QR para informações adicionais sobre o produto, um ícone de elegibilidade para os programas SNAP/WIC e um indicador LED para a funcionalidade “pick-to-light”. A regra fundamental do design: os elementos da Zona 3 devem aparecer apenas quando forem relevantes, e não servir como espaços em branco permanentes.

Um “layout mínimo” (para etiquetas de 2,13 polegadas em itens de consumo de alta rotatividade) pode exibir apenas o preço e o nome do produto. Um “layout completo” (para etiquetas de 2,9 polegadas ou maiores em itens premium ou em promoção) incluiria o preço, o preço unitário, o nome do produto, um código QR e um selo de promoção ativo — tudo dentro da mesma arquitetura de três zonas.

A implementação dessa estrutura no mundo real depende do software que controla as etiquetas. As melhores plataformas de ESL permitem definir modelos de exibição de forma centralizada, testá-los em diferentes tamanhos de tela e aplicar as alterações a todas as etiquetas da rede com uma única ação. Ao avaliar fornecedores, um dos critérios mais negligenciados é a flexibilidade do editor de modelos. A Zhsunyco®, por exemplo, oferece uma plataforma de software com modelos de exibição e interfaces de usuário totalmente personalizáveis, permitindo que as redes de varejo adaptem a estrutura de três zonas às suas próprias diretrizes de marca e categorias de produtos. Antes de se comprometer com qualquer sistema ESL, peça para ver a ferramenta de design de modelos e teste se ela é capaz de executar as decisões de design que você tomou.

Um editor de modelos flexível é o que faz a diferença entre uma visão de design e o que realmente aparece nas suas prateleiras. Veja como as plataformas ESL personalizáveis lidam com a estrutura de três zonas em implementações reais.
Explore as opções de exibição do ESL →
A Estrutura de Exibição ESL de Três Zonas
1
60–70% de tela
Zona 1: Informações básicas
Preço de venda (fonte maior) + Preço unitário em bloco sombreado. A zona do dinheiro — todo o resto serve de apoio a isso.
2
20–25% de tela
Zona 2: Informações secundárias
Nome e peso do produto. Deve ser legível, mas tem caráter secundário. Abreviar em telas com menos de 2,13 polegadas.
3
10–15% de tela
Zona 3: Indicadores funcionais
Emblemas promocionais, códigos QR, ícones do SNAP/WIC, indicadores de LED. Aparecem apenas quando for relevante — nunca como espaços vazios.
Estrutura prática para o layout de exibição do ESL

Erros comuns no design de etiquetas de preço que custam vendas e confiança

A melhor forma de aprender sobre design é estudando os erros. Aqui estão os sete erros mais comuns no design de etiquetas de preço, quanto cada um deles custa para a sua empresa e como corrigi-los. Use isso como uma lista de verificação na sua próxima visita à loja.

ErroConsequências comerciaisCorrigir
A fonte do preço é pequena demais para ser lida da distância em que se está na prateleiraOs consumidores abandonam produtos; o tamanho da cesta de compras diminuiPreço de venda: mínimo 14 pt em negrito; acrescente 2,5 mm à altura dos caracteres para cada metro adicional de distância de visualização
Falta o preço unitário ou estão sendo utilizadas unidades de medida inconsistentesRisco regulatório, além do fato de que os consumidores não conseguem comparar preçosPadronizar uma unidade por categoria de produto; indicar o preço unitário em todas as etiquetas, mesmo quando for igual ao preço de venda
Cores promocionais (vermelho/amarelo) utilizadas para itens com preço normalOs consumidores ficam insensíveis às promoções de verdadeReserve as cores vermelho e amarelo exclusivamente para descontos; mantenha a uniformidade no uso das cores em todas as lojas
O preço na etiqueta da prateleira não corresponde ao do sistema de PDVControvérsias com clientes, reembolsos, perda definitiva da confiançaOs sistemas digitais (ESL) eliminam isso; os sistemas em papel exigem auditorias diárias por amostragem
Excesso de informações sobrecarregando a tagO preço — a única coisa que a maioria dos consumidores quer — fica em segundo planoAplicar a hierarquia de informações de quatro níveis; remover dados auxiliares que não sejam essenciais para o consumidor
Fontes decorativas ou com serifasOs algarismos dos preços se confundem quando se olha de longe, na prateleiraApenas fontes sans-serif (Arial, Helvetica, Roboto); nunca mais do que duas famílias de fontes por tag
Posicionamento inconsistente das etiquetas ou etiquetas bloqueadas pela saliência do produtoOs clientes não conseguem encontrar o preço de jeito nenhumPadronizar a posição das etiquetas no trilho da prateleira; treinar a equipe para verificar o campo de visão após o reabastecimento

Um bom design de etiquetas de preço não é um projeto pontual. É uma disciplina contínua. As redes de supermercados mais bem-sucedidas tratam o design das etiquetas de prateleira como parte de sua auditoria operacional trimestral, lado a lado com a precisão do estoque e as avaliações dos clientes misteriosos. Quer você esteja usando etiquetas de papel atualmente ou planejando uma transição para o formato digital, os princípios deste artigo oferecem uma estrutura para medir, melhorar e manter o que é, sem dúvida, o espaço mais valioso de toda a sua loja: o espaço entre o produto e os olhos do cliente.

Converse com um especialista em ESL sobre o design da borda da prateleira
Assista a uma demonstração personalizada dos modelos de exposição personalizáveis para o formato da sua loja e suas categorias de produtos.
Comece a conversa →

Gostou do artigo? Tem muito mais por aí! Inscreva-se no nosso canal do YouTube para ficar por dentro das novidades.

Índice

Maravilhoso! Compartilhe este artigo:

Converse com especialistas

*Respeitamos sua privacidade e todas as informações estão protegidas.