# Design de cardápio: layout, cores e onde colocar os pratos lucrativos

Design de cardápio com hierarquia visual: layout, cores, fotos e posição dos pratos lucrativos no impresso, no QR Code e no aplicativo de delivery.

Autor: Sebastião Lustosa (Sócio-fundador da Bunker Foods) · Publicado em 2026-10-14 · Atualizado em 2026-10-14
URL: https://restaurantelucrativo.adsbunker.com/conteudos/design-cardapio/

O design de cardápio deve ajudar o cliente a encontrar uma opção, entender o que recebe e conferir o preço. A apresentação pode orientar a atenção para pratos estratégicos, mas posição, cor e foto não garantem escolha ou lucro. O trabalho começa com informação correta e termina com uma leitura testada no canal de venda.

## Escolha o que destacar antes de desenhar

Separe pratos que vendem bem, itens pouco conhecidos e opções que atendem ocasiões ou restrições relevantes. Para avaliar o desempenho, cruze unidades vendidas e contribuição, como mostra a [engenharia de cardápio](https://restaurantelucrativo.adsbunker.com/conteudos/engenharia-de-cardapio/). Um prato caro não necessariamente deixa mais dinheiro para a operação.

A [Comunidade Sebrae PR](https://sebraepr.com.br/comunidade/artigo/para-que-serve-a-engenharia-de-cardapio) recomenda dar destaque às estrelas e tratar de forma diferente os demais grupos. Use essa orientação como hipótese de apresentação. Mesmo um item com baixa margem precisa ter composição, quantidade, preço e demais informações relevantes; reduzir sua visibilidade não autoriza retirar informação essencial.

Confira também capacidade e estoque. Não escolha como destaque um prato cujo preparo já sobrecarrega a estação mais lenta. Colocá-lo em evidência pode aumentar a fila sem melhorar a experiência.

## Crie uma hierarquia que facilite a leitura

Comece por categorias reconhecíveis: pratos individuais, opções para compartilhar, sobremesas ou bebidas. Ajuste os nomes ao negócio. O título precisa informar o que existe no bloco, sem exigir que o cliente aprenda uma linguagem interna.

Depois, use posição, espaço, tamanho do texto, foto e moldura para separar níveis de informação. Não há uma sequência universal de força entre esses recursos. Uma foto pequena e escura pode ajudar menos que um título claro; uma caixa enorme pode interromper a leitura de toda a categoria.

Como ponto de partida editorial, experimente poucos destaques por bloco e uma linguagem visual consistente. Isso é uma escolha de projeto, não uma regra científica de um ou dois itens. Se faltarem espaço e legibilidade, reveja a divisão em páginas ou categorias antes de encolher a fonte.

Não trate o suposto percurso do olhar em Z ou um triângulo de atenção como garantia de vendas. O cliente pode procurar um preço, uma restrição ou um item conhecido e começar a leitura em outro ponto.

## Adapte o desenho ao formato

No impresso, confira o tamanho final, o peso do material e a organização das páginas. Categorias bem separadas evitam que o cliente confunda acompanhamentos com pratos completos. Não há limite universal de duas páginas: o importante é permitir consulta sem esconder informação em letras minúsculas.

No celular, a ordem vertical e o tamanho dos alvos de toque ganham importância. Teste as categorias, a volta à lista e a escolha de adicionais. Um QR Code é apenas o caminho para uma página; os recursos disponíveis dependem do site ou da plataforma. Nem todo cardápio acessado por QR permite pedido, fotos ampliadas ou controle livre do layout.

No aplicativo de delivery, trabalhe com os campos e recursos oferecidos. O [iFood recomenda](https://blog-parceiros.ifood.com.br/cardapio-ifood/) fotos fiéis, descrições e organização de categorias, começando por promoções e combos quando isso fizer sentido. Essa orientação da plataforma não prova que a mesma ordem funciona melhor em todo restaurante.

| Formato | O que conferir na prática |
|---|---|
| Impresso | Leitura na iluminação real, associação entre item e preço, páginas e atualização |
| Página no celular | Carregamento, tamanho do texto, rolagem, navegação e fechamento do pedido |
| Aplicativo | Campos disponíveis, fotos, descrição, complementos e disponibilidade |

Mantenha uma alternativa de atendimento quando o cliente não conseguir acessar ou ler o formato escolhido. Quem precisa de ajuda não deve depender de decifrar o arquivo sozinho. Veja também o [cardápio digital com QR Code na mesa](https://restaurantelucrativo.adsbunker.com/conteudos/cardapio-digital-qr-code-mesa/).

## Use cor e tipografia para dar clareza

Parta da identidade visual, mas ajuste combinações que prejudiquem a leitura. Letra clara sobre fundo claro pode desaparecer na mesa à meia-luz. Fotografias atrás de textos criam áreas com contrastes diferentes; prefira uma área estável para as descrições.

Poucas famílias de fonte ajudam a manter consistência. Usar duas é um ponto de partida, não uma exigência. Leia nomes longos, acentos, números e valores no tamanho real de impressão. No celular, confira também se o texto permanece utilizável quando ampliado.

Cores podem diferenciar categorias e destacar uma oferta, sem prometer estimular o apetite. Não dependa apenas de verde ou vermelho para identificar opções ou restrições: acrescente texto compreensível. Ícones também precisam de legenda quando seu significado não for evidente.

## Deixe o preço fácil de encontrar

O [artigo 31 do Código de Defesa do Consumidor](https://www.planalto.gov.br/ccivil_03/leis/l8078compilado.htm) exige informação clara e precisa sobre a oferta. O preço deve estar legível e associado ao item correto, com condições e adicionais compreensíveis.

Uma coluna de valores pode facilitar a comparação; preço junto à descrição pode funcionar melhor em outro formato. Teste ambos sem assumir que alinhar valores faz todo cliente escolher o mais barato. O objetivo não é dificultar a comparação.

Explique preços por tamanho, composição do combo e cobrança dos complementos. Em ofertas para compartilhar, diga o que está incluído e evite que uma estimativa de pessoas pareça quantidade garantida. Nomes criativos podem acompanhar a descrição, mas não substituí-la.

## Fotografe a porção que será entregue

Use o produto real, com quantidade, montagem e acompanhamentos coerentes. No delivery, confira se a imagem representa a versão vendida naquele canal. Luz e enquadramento devem permitir identificar o alimento, sem aumentar visualmente a porção com ingredientes que não serão enviados.

O iFood afirma que boas fotos não precisam necessariamente de produção profissional. Contratar fotografia é uma decisão de orçamento e execução, não uma condição universal para vender. Atualize a imagem quando a receita ou a porção mudar.

No celular, teste carregamento e qualidade em uma conexão semelhante à dos clientes. Compressão excessiva prejudica a leitura da foto; imagens desnecessariamente pesadas podem aumentar a espera. Confira o resultado, em vez de escolher um tamanho único para todos os arquivos.

## Meça o redesenho sem atribuir todo resultado ao layout

Escolha uma mudança delimitada: por exemplo, destacar um prato de boa contribuição com foto e descrição mais clara. Registre a versão anterior, preço, disponibilidade, dias e turnos. Compare períodos semelhantes e anote campanhas, feriados, promoções e alterações de receita que possam explicar diferenças.

A [cartilha do Sebrae sobre margem de contribuição](https://bibliotecas.sebrae.com.br/chronus/ARQUIVOS_CHRONUS/bds/bds.nsf/E809A7FF3D9553E90325714700620C06/%24File/NT00031FEA.pdf) ajuda a medir a sobra depois dos custos e despesas variáveis. Receita maior ou mais unidades não são suficientes para concluir que houve lucro maior.

**Exemplo hipotético:** um prato passa de 60 para 90 unidades em períodos comparáveis e mantém contribuição unitária de R$ 25, já descontados todos os custos e despesas variáveis aplicáveis. A contribuição adicional desse item é 30 × R$ 25 = R$ 750. A produção extra consome ingredientes; esses custos já estão descontados na contribuição. Ainda é preciso considerar fotografia, impressão, mídia, horas extras e a possível queda de outros pratos. A comparação isolada não demonstra que o layout causou o aumento.
Além das vendas, acompanhe dúvidas, erros de escolha, cancelamentos, tempo de atendimento e contribuição total do grupo. Se um destaque aumentar pedidos de um item e retirar pedidos de outro mais vantajoso, reveja a apresentação. Guarde a versão que facilitar a consulta e melhorar o resultado medido, com preço e oferta sempre claros.

## Perguntas frequentes

### Onde colocar os pratos de maior contribuição no cardápio?

Teste posições visíveis na categoria correspondente, com informação completa e destaque moderado. Não existe ponto universal que garanta a escolha: a resposta depende do formato, do público e dos outros itens.

### Cardápio com foto vende mais?

Uma foto fiel ajuda a entender a oferta e é recomendada pelo iFood para itens estratégicos. Isso não garante aumento de vendas nem de lucro. Meça pedidos, contribuição, dúvidas e reclamações antes de ampliar o investimento.

### Quais cores usar no cardápio?

Parta da identidade da marca e confira o contraste na luz real do salão e no celular. Cores não garantem fome ou compra. Não use apenas a cor para transmitir informações importantes.

### Devo alinhar os preços na coluna?

Pode usar coluna ou preço próximo à descrição, desde que seja fácil associar o valor ao item. Teste a leitura e deixe adicionais e condições claros; esconder preço para dificultar comparação não é um bom critério de design.

## Fontes consultadas

- [Comunidade Sebrae PR: Para que serve a engenharia de cardápio?](https://sebraepr.com.br/comunidade/artigo/para-que-serve-a-engenharia-de-cardapio)
- [iFood Parceiros: Cardápio iFood, dicas para montar o seu](https://blog-parceiros.ifood.com.br/cardapio-ifood/)
- [Código de Defesa do Consumidor (Lei 8.078/1990)](https://www.planalto.gov.br/ccivil_03/leis/l8078compilado.htm)
- [Sebrae: Margem de contribuição, quanto sobra para sua empresa?](https://bibliotecas.sebrae.com.br/chronus/ARQUIVOS_CHRONUS/bds/bds.nsf/E809A7FF3D9553E90325714700620C06/%24File/NT00031FEA.pdf)

---

Bunker Foods · Programa de Aceleração para restaurantes: https://restaurantelucrativo.adsbunker.com/