Mockup é uma imagem representativa que mostra como um design vai ficar em um produto real. Antes de uma camiseta, caneca, pôster ou capinha de celular ser produzida, o design é colocado digitalmente sobre uma foto ou um modelo 3D do produto; o resultado parece um produto já impresso. Também é chamado de «prévia do produto» ou «mock-up». Para quem vende com print on demand (POD), o mockup substitui a foto do produto: como o produto só é fabricado depois da venda, o mockup é a primeira e muitas vezes a única imagem que o comprador vê.
Para que serve um mockup?
- Substitui a foto do produto: quem trabalha sem estoque não precisa imprimir e fotografar cada design. Dá para anunciar centenas de designs sem produzir uma amostra de cada um.
- Permite testar o design antes da impressão: tamanho em relação à área de impressão, posição em relação ao centro do peito e contraste de cor em tecido escuro e claro ficam visíveis na hora no mockup.
- É uma ferramenta de apresentação: quando um cliente precisa aprovar um logo ou design, mostrá-lo no produto em vez de um PNG chapado acelera a decisão.
- Gera imagens de marketing: o mesmo mockup pode ser reaproveitado em um post nas redes sociais, em um anúncio e no banner da loja.
Diferença entre mockup, wireframe e protótipo
A palavra «mockup» tem significados diferentes em cada setor; é daí que vem a confusão nas buscas.
| Termo | O que mostra? | Onde é usado? |
|---|---|---|
| Wireframe | O esqueleto pouco detalhado de uma tela: caixas, linhas, layout | Design de sites e aplicativos |
| Mockup | Uma visão realista, mas estática, próxima do design final | Imagens de produto, apresentação de interfaces, embalagens |
| Protótipo | Um exemplar clicável ou que funciona fisicamente | Testes com usuários, testes antes da produção |
Este artigo trata do mockup de produto no e-commerce: mostrar um design em um produto como camiseta, caneca ou pôster.
Tipos de mockup
- Mockup flat lay: o produto aparece sobre uma superfície plana, como se fotografado de cima. O design fica bem legível; na Etsy costuma ser usado como primeira imagem.
- Mockup com modelo ou manequim: o produto é mostrado vestido em uma pessoa. Comunica o caimento, o tamanho e o quanto o design aparece no corpo.
- Mockup lifestyle: uma caneca na mesa, um pôster na parede, uma capinha na mão. Ajuda o comprador a imaginar o produto na própria vida.
- Mockup em renderização 3D: um modelo do produto criado no computador. Ângulo e luz podem ser alterados livremente e as variações de cor saem rápido.
- Mockup de detalhe (close): uma visão aproximada que mostra a textura da impressão, o tecido ou a legibilidade do texto.
Como os anúncios da Etsy aceitam vídeo além das fotos, alguns vendedores também transformam seus mockups em um vídeo curto com rotação ou zoom.
Como fazer um mockup?
- Prepare o design: um arquivo em alta resolução com fundo transparente (PNG) dá o resultado mais limpo.
- Escolha o modelo certo: use um modelo de mockup que combine com o tipo de produto e a variação de cor que você vende. Um design colocado em um modelo de camiseta branca não fica igual em uma camiseta preta.
- Ajuste escala e posição: mostre o design no tamanho e no lugar em que ele realmente será impresso. Centro do peito, peito esquerdo ou costas passam impressões diferentes.
- Mantenha o realismo: um bom modelo leva as dobras do tecido e a luz para o design; ele não deve parecer um adesivo colado no produto.
- Complete o conjunto: em vez de uma única imagem, prepare um conjunto com a primeira imagem, as opções de cor, uma visão no modelo e uma tabela de medidas.
Para um passo a passo, veja como fazer um mockup e, para detalhes específicos de camisetas, como criar um mockup de camiseta.
Quais ferramentas são usadas para fazer mockups?
- Photoshop: modelos com objetos inteligentes dão o maior controle; aprender leva tempo.
- Canva e ferramentas parecidas no navegador: rápidas e baseadas em modelos; o controle de detalhes é mais limitado.
- Sites geradores de mockup: você envia o design e recebe na hora imagens em cenas prontas. Para as diferenças, veja o que é um gerador de mockup.
- Painéis de print on demand: no Printmeet você vê seu design no produto com um mockup ao vivo e pode enviá-lo para a Etsy como produto no mesmo painel; mockup, título e tags são preparados em um único fluxo.
O que observar ao usar mockups na Etsy
- A primeira imagem aparece pequena: nos resultados de busca, a primeira imagem é exibida como um quadrado pequeno. Confira se o design continua legível nesse tamanho.
- Uma imagem para cada cor: o comprador quer ver como fica a cor que escolheu; um mockup de uma só cor gera devoluções e perguntas.
- Represente o produto com fidelidade: filtros exagerados, brilho irreal ou tamanho de impressão errado trazem cliques no curto prazo e avaliações ruins no longo prazo. Para os erros mais comuns, veja erros comuns no design de mockups.
- Confira a licença do modelo: nem todo modelo de mockup baixado da internet pode ser usado comercialmente. Leia a licença de qualquer modelo que você usar em uma imagem de venda.
- Escolha um estilo visual consistente: usar fundo e luz parecidos em todos os anúncios deixa a loja mais profissional. Veja como criar mockups profissionais.
Mockups influenciam as vendas?
Na compra online o comprador não pode tocar no produto; a imagem é a principal fonte de informação. Se o seu anúncio vai ser clicado nos resultados de busca depende em grande parte da primeira imagem, enquanto o conjunto completo de imagens apoia a decisão de compra na página do anúncio. Por isso, no POD o mockup não deve ser tratado como enfeite, e sim como o próprio produto. Para a lógica geral do modelo de negócio, veja o que é print on demand.
Perguntas frequentes
O que é mockup, resumidamente?
Mockup é uma imagem digital que mostra como um design vai ficar em um produto real, como camiseta, caneca ou pôster. É usado para vender e apresentar antes de o produto ser fabricado.
Qual a diferença entre mockup e foto do produto?
A foto do produto é um registro do produto real já impresso; o mockup é criado colocando o design digitalmente sobre um modelo. Mockups permitem mostrar muitos designs e cores sem produzir amostras.
Usar mockups na Etsy é um problema?
A maioria dos vendedores de print on demand usa mockups como imagens dos anúncios. O importante é que a imagem represente com fidelidade o produto que será enviado ao comprador em cor, tamanho e posição da impressão.
Escreve-se mockup ou mock-up?
A grafia comum é «mockup» (às vezes «mock-up»). Em turco, também é escrito com frequência de forma fonética como «mokap».