Planejamento & Estratégia

Mockup

Por Gustavo Bonato Abrão e Francis Trauer · Atualizado em 15 de julho de 2026

Definição

Mockup é a representação realista de como uma peça ficará aplicada em seu contexto final, como um anúncio em um outdoor ou um rótulo em uma embalagem, usado para apresentar o trabalho com fidelidade visual e facilitar a decisão de aprovação.

ClassificaçãoFormato de conteúdo
CategoriaPlanejamento & Estratégia
Também conhecido comoMaquete Digital
NívelBásico

O que é Mockup?

Mockup, traduzido como maquete digital, é a simulação de como uma peça vai aparecer no mundo real. O mockup coloca a arte no seu contexto final: o rótulo na garrafa, o anúncio no ponto de ônibus, a tela no celular.

O mockup existe para resolver um problema de imaginação. Um arquivo plano na tela não comunica escala, material, brilho, curvatura nem entorno. Ao ver a peça aplicada, quem aprova avalia o que vai existir de fato.

O mockup também funciona como verificação para quem produz. Aplicar a arte no contexto revela problemas invisíveis no arquivo plano: o texto que some no material escuro, o logotipo que cai na dobra da embalagem, o botão pequeno demais para o polegar. Descobrir isso antes da produção evita refação e custo.

Como funciona na prática?

O uso do mockup segue um caminho previsível:

  1. Finalize o layout. O mockup apresenta uma peça já resolvida. Aplicar arte inconclusa em cena bonita mascara problemas.
  2. Escolha o contexto certo. Um outdoor em avenida movimentada é um mockup honesto para mídia externa; uma parede de galeria não é.
  3. Aplique com fidelidade. Perspectiva, sombra, textura e escala precisam corresponder à realidade.
  4. Apresente para aprovação. Confira a legibilidade na distância prevista. O mockup acompanha o arquivo plano, e não o substitui.

Mockup vs Protótipo: qual a diferença?

AspectoMockupProtótipo
O que mostraAparência final da peça no contextoComportamento e navegação
InteratividadeNenhuma, é imagem estáticaClicável e navegável
Pergunta que respondeComo isso vai ficar?Como isso vai funcionar?
Uso típicoAprovação visual, apresentação de campanhaTeste de usabilidade, validação de fluxo

Veredito: o mockup responde por aparência e o protótipo responde por funcionamento, e projetos digitais costumam precisar dos dois em momentos diferentes.

Exemplos de uso

  • Embalagem (exemplo hipotético): uma marca de café avalia três rótulos. Nos arquivos planos, os três parecem equivalentes. Nos mockups aplicados na lata, um deles perde o nome na curvatura e sai da disputa.
  • Mídia externa: antes de investir R$ 40.000 em outdoors, a equipe monta o mockup na foto real do ponto. A simulação mostra que a frase de apoio some na velocidade do trânsito, e o texto é encurtado.

Erros comuns

  • Usar mockup bonito para vender uma peça mal resolvida.
  • Escolher contexto irreal, que valoriza a arte mas não representa a aplicação.
  • Apresentar só o mockup e nunca o arquivo plano, escondendo problemas de composição.
  • Ignorar a distância e o tempo real de exposição ao avaliar legibilidade.

Perguntas frequentes sobre Mockup

Mockup e layout são a mesma coisa?

Não. O layout é a organização dos elementos dentro da peça. O mockup é a peça já organizada, aplicada em um contexto realista. O layout vem primeiro; o mockup apresenta esse layout de modo que quem aprova entenda como o resultado vai existir no mundo.

É obrigatório apresentar mockup ao cliente?

Não é obrigatório, mas ajuda em peças cujo contexto altera a percepção: embalagem, mídia externa, sinalização e produtos físicos. Para peças digitais em formato plano, como um anúncio de feed, o próprio arquivo já representa fielmente o que vai ao ar.

Mockup pode enganar na hora da aprovação?

Pode, quando o contexto escolhido é irreal ou o tratamento embeleza o que a produção não vai reproduzir. O critério de honestidade: a cena precisa representar onde e como a peça será vista, com escala e distância corretas. Apresentar o arquivo plano junto reduz esse risco.

Termos relacionados

← Voltar ao glossário