Resumindo
- A maior parte do design de marketing B2B é parecida porque recorre às mesmas paletas azuis, ilustrações isométricas e fotos de reunião de banco de imagens.
- Um pequeno sistema de design, com um fundo, um par de fontes, alguns layouts e tamanhos fixos, gera peças mais marcantes do que criações feitas do zero a cada vez.
- Cartões de estudo de caso funcionam melhor quando abrem com um resultado mensurável e só citam o cliente com permissão.
- Toda página compartilhada deve ter a própria imagem Open Graph de 1200×630, porque a prévia do link costuma ser a primeira coisa que o comprador vê.
- O LinkedIn é o principal feed de conteúdo B2B, e as imagens em retrato de 1080×1350 ocupam mais espaço nele.
Nesta página
Um bom design de marketing B2B parece uma só empresa, não a categoria inteira. O caminho é um sistema pequeno em vez de um monte de peças soltas: um fundo que seja reconhecidamente seu, um único par de fontes, quatro ou cinco layouts e tamanhos fixos para LinkedIn, prévias de link e slides. Preencha esses layouts com números e clientes reais, não com fotos de banco de imagens e pessoas isométricas, e seus cartões de caso, divulgações de webinar e prévias de link passam a parecer vindos de um lugar específico.
Por que o marketing B2B parece sempre igual
Equipes B2B trabalham rápido, com orçamento de design pequeno e uma forte tendência a parecer seguras. O resultado é uma linguagem visual comum: azul confiável, ilustrações planas de pessoas diante de notebooks gigantes, fotos de aperto de mãos e painéis flutuando no vazio. Não está errado, mas é invisível, e isso sai caro num feed cheio de concorrentes. Esse padrão é explorado em por que todo feed parece igual.
Parece banco de imagens
- Azul corporativo porque parece seguro
- Pessoas isométricas e painéis flutuantes
- Apertos de mão, skylines e salas de reunião
- “Soluções inovadoras” como título
- Um estilo novo a cada campanha
Parece você
- Um fundo e uma paleta que ninguém mais usa
- Telas reais do produto, com corte justo
- Sua equipe e seus clientes, com permissão
- Um resultado ou uma afirmação, em palavras simples
- O mesmo sistema em todas as peças
Construa primeiro um pequeno sistema de design
Um sistema parece um grande projeto. Para peças de marketing, é uma única página de decisões, e ele poupa horas toda semana depois.
Por quê
Escolha
Por quê
Por quê
Por quê
Por quê
Para equipes de SaaS, o guia de branding para SaaS trata da identidade com mais profundidade. O ponto aqui é mais estreito: seja qual for a identidade, aplique-a do mesmo jeito sempre.
Cartões de caso em que o comprador acredita
Estudos de caso estão entre os conteúdos B2B mais persuasivos, e muitas vezes os pior desenhados: um PDF longo que ninguém abre. Tire o resultado de lá e coloque num cartão que se lê em dois segundos, depois leve para a história completa. O guia de design de estudo de caso traz a versão longa.
Um exemplo de layout: o resultado é o título, o contexto fica embaixo, e o nome do cliente só entra com autorização por escrito.
- Abra com um resultado mensurável. Antes e depois é o que se lê mais rápido.
- Cite o cliente e use o logo dele só com permissão, e deixe a marca dele menor que o resultado.
- Acrescente uma linha de contexto para que o número tenha significado.
- Siga com um cartão de citação do mesmo cliente, nas palavras dele.
- Use o mesmo layout em todo estudo de caso, para que formem uma série.
- Transforme o cartão em slide para apresentações de vendas, para que a prova apareça nas reuniões e também nos feeds.
Divulgação de webinars e eventos
Webinars são básicos no B2B, e suas peças de divulgação seguem uma hierarquia rígida: primeiro o tema, depois data e hora com o fuso, depois os palestrantes. Há um guia completo em gráficos de divulgação de webinar. No sistema, o layout de evento é só um dos seus cinco, com o mesmo fundo de todo o resto.
A versão para o feed do LinkedIn: tema grande, data e fuso logo abaixo.
A prévia de link da página de inscrição, com as mesmas palavras, em formato largo.
Tamanhos do LinkedIn para conteúdo B2B
O LinkedIn é onde a maior parte do conteúdo B2B é vista. Imagens em retrato ocupam mais espaço no feed, documentos comportam explicações mais longas e a capa da empresa enquadra todo o resto. Para anúncios pagos, veja design de anúncios no LinkedIn.
Post em retrato 1080×1350
1080 × 1350
Post quadrado 1200×1200
1200 × 1200
Imagem de link 1200×627
1200 × 627
Capa de empresa 2256×382
2256 × 382
Uma imagem Open Graph para cada página
Quando um comprador cola sua página de preços no Slack, ou um colega compartilha um post do blog no LinkedIn, a prévia do link é a primeira impressão. Sem imagem Open Graph, você ganha uma caixa vazia ou um logo aleatório. Dê a cada página importante uma imagem de 1200×630 própria, no mesmo sistema de tudo o mais. O guia de tamanho da imagem Open Graph traz os detalhes, e as imagens OG dinâmicas mostram como gerá-las automaticamente para cada post do blog.
<meta property="og:title" content="Pricing pages that convert: live webinar" />
<meta property="og:description" content="45 minutes on what makes B2B pricing pages work." />
<meta property="og:image" content="https://example.com/og/webinar-pricing.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />Como deixar o sistema fácil para a equipe toda
No B2B, as peças são feitas por profissionais de marketing de produto, vendas, fundadores e agências, não só por designers. O sistema só se sustenta se for mais fácil de usar do que de ignorar. No Gradiently, um kit de marca guarda logo, paleta, fontes e voz; o fundo é um Mark que nenhuma outra empresa pode usar depois que você o reserva; e a Tinta automática mantém os títulos legíveis sobre ele, sem caixas nem sombras. Equipes que vivem no ChatGPT ou no Claude podem conectar o Gradiently e pedir um cartão de caso ou uma divulgação de webinar que abre no Studio, já com a sua marca. O guia conectar um assistente de IA explica a configuração.
Perguntas frequentes
Como deixar o design de marketing B2B menos genérico?
Escolha um fundo e uma paleta marcantes, use telas reais do produto e clientes reais no lugar de banco de imagens e ilustrações, e aplique os mesmos poucos layouts em toda peça.
Qual o tamanho ideal de posts B2B no LinkedIn?
O retrato de 1080×1350 ocupa mais espaço no feed. Use 1200×1200 para posts quadrados e 1200×627 para imagens de link.
O que um gráfico de estudo de caso deve ter?
Um resultado mensurável como título, uma linha de contexto e o nome ou logo do cliente só com permissão dele. Leve para a história completa.
Qual o tamanho de uma imagem Open Graph?
1200×630 pixels. Defina-a com a tag og:image em toda página que você espera que as pessoas compartilhem.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil