Mockup de publicação para redes sociais

Por que fazer um mockup antes de publicar

Uma legenda que se lê bem num documento pode ficar muito diferente cortada à largura do feed com um «Ver mais», uma imagem ótima como arquivo é recortada para 4:5 no Instagram, e um cliente que aprovou o texto por e-mail reage muitas vezes de outra forma ao vê-lo como publicação real. Um mockup resolve essas conversas num relance. É também o que as agências colam em apresentações e em conversas de aprovação, e o que se captura para um portfólio quando a publicação ainda não está no ar.

O que o mockup mostra

Cada plataforma é desenhada com o seu próprio layout, fontes, ícones e etiquetas:

Todas as plataformas existem em modo claro e escuro, como cartão limpo sobre fundo suave ou dentro de uma tela de celular com barra de estado, que resulta melhor numa apresentação.

Carrosséis e publicações com várias imagens

Solte duas ou mais imagens e o mockup passa ao layout de várias imagens de cada plataforma. O Facebook desenha um anúncio em carrossel: cartões quadrados lado a lado com o seguinte aparecendo pela direita, cada um com título, o nome da sua página e um botão cujo texto define. O Instagram e o LinkedIn mostram um slide de cada vez com o contador no canto e os pontos ou a barra por baixo, e escolhe qual fica à frente. Num carrossel, o download inclui sempre dois PNG: a vista do feed tal como se vê ao deslizar e uma vista com todos os cartões lado a lado, que os clientes percebem logo.

Como conseguir um resultado convincente

• Use o tamanho real da imagem. A pré-visualização recorta imagens altas como o feed faz, por isso vê exatamente o que é cortado. Imagens quadradas ou 4:5 aparecem inteiras.
• Adicione o logotipo como avatar. As iniciais servem para uma verificação rápida, mas é o logotipo que faz o mockup parecer uma captura real.
• Use números credíveis. Gostos, comentários e compartilhamentos são formatados como em cada plataforma, por isso 1240 passa a 1,2 mil onde a plataforma abreviaria.
• Cole a legenda final. Quebras de linha e emoji são mantidos, e legendas longas são cortadas onde o feed as cortaria.
• Ative a etiqueta de patrocinado quando estiver revisando um anúncio em vez de uma publicação orgânica. A etiqueta muda conforme a plataforma.

Baixar e usar o mockup

O download é um PNG com o dobro do tamanho da tela, que fica nítido num slide, num documento ou numa página de portfólio. Como o fundo está incluído, entra diretamente numa apresentação. Se precisar dele sem fundo para uma montagem, recorte-o depois com a ferramenta de recorte.

O que não faz

Não publica nada, não agenda nada nem se liga a nenhuma conta, e não é uma réplica exata ao pixel de cada atualização das plataformas. Os feeds mudam alguns pixels a cada poucos meses; o mockup segue o layout atual de perto o suficiente para aprovações, apresentações e portfólios, que é para isso que um mockup serve. Publicações de vídeo ainda não são pré-visualizadas; use um quadro do vídeo como imagem e o layout é idêntico.

Privacidade

Campanhas não lançadas são precisamente o tipo de coisa que não deve ir para um site de mockups qualquer. Esta ferramenta desenha a pré-visualização e gera o PNG inteiramente no seu navegador. A sua imagem, legenda e logotipo nunca saem do seu dispositivo.