A versão curta
- Grande parte do design de marketing B2B parece igual porque recorre às mesmas paletas azuis, ilustrações isométricas e fotografias de stock de reuniões.
- Um pequeno sistema de design com um fundo, um par de tipos de letra, alguns layouts e tamanhos fixos produz peças mais distintivas do que designs feitos de raiz de cada vez.
- Os cartões de casos de estudo funcionam melhor quando abrem com um resultado mensurável e só nomeiam o cliente com autorização.
- Cada página que partilhas deve ter a sua própria imagem Open Graph de 1200×630, porque a pré-visualização do link é muitas vezes a primeira coisa que um comprador vê.
- O LinkedIn é o principal feed do conteúdo B2B, e as imagens verticais de 1080×1350 são as que ocupam mais espaço nele.
Nesta página
Um bom design de marketing B2B parece uma só empresa, não a categoria. O caminho é um sistema pequeno e não uma pilha de peças soltas: um fundo que seja reconhecivelmente teu, um único par de tipos de letra, quatro ou cinco layouts e tamanhos fixos para o LinkedIn, pré-visualizações de links e diapositivos. Preenche esses layouts com números e clientes reais em vez de fotografias de stock e pessoas isométricas, e os teus cartões de casos de estudo, promoções de webinars e pré-visualizações de links começam a parecer vir de um sítio específico.
Porque é que o marketing B2B parece sempre igual
As equipas B2B trabalham depressa, com orçamentos de design pequenos e uma forte tendência para parecerem seguras. O resultado é uma linguagem visual partilhada: azul de confiança, ilustrações planas de pessoas com portáteis gigantes, fotografias de apertos de mão e dashboards a flutuar no espaço. Não está errado, mas é invisível, o que é caro num feed cheio de concorrentes. O padrão é explorado em porque é que todos os feeds parecem iguais.
Parece stock
- Azul corporativo porque parece seguro
- Pessoas isométricas e dashboards a flutuar
- Apertos de mão, skylines e fotografias de salas de reunião
- “Soluções inovadoras” como título
- Um estilo novo para cada campanha
Parece teu
- Um fundo e uma paleta que mais ninguém usa
- Ecrãs reais do produto, bem recortados
- A tua equipa e os teus clientes, com autorização
- Um resultado ou uma afirmação, em palavras simples
- O mesmo sistema em todas as peças
Constrói primeiro um pequeno sistema de design
Um sistema soa a grande projeto. Para peças de marketing é uma única página de decisões, e poupa horas todas as semanas depois.
Porquê
Escolha
Porquê
Porquê
Porquê
Porquê
Para equipas de SaaS, a identidade visual de SaaS trata do lado da identidade com mais profundidade. O ponto aqui é mais estreito: seja qual for a identidade, aplica-a sempre da mesma maneira.
Cartões de casos de estudo em que os compradores acreditam
Os casos de estudo são dos conteúdos B2B mais persuasivos e muitas vezes dos pior desenhados: um PDF longo que ninguém abre. Tira o resultado para um cartão que se lê em dois segundos e depois liga à história completa. O design de casos de estudo trata da versão longa.
Um layout de exemplo: o resultado é o título, o contexto fica por baixo e o nome do cliente só entra com a sua autorização escrita.
- Abre com um resultado mensurável. O antes e depois lê-se mais depressa.
- Nomeia o cliente e usa o seu logótipo só com autorização, e mantém a marca dele mais pequena do que o resultado.
- Acrescenta uma linha de contexto para que o número signifique alguma coisa.
- Segue com um cartão de citação do mesmo cliente, nas palavras dele.
- Usa o mesmo layout em todos os casos de estudo, para se lerem como uma série.
- Transforma o cartão num diapositivo para apresentações de vendas, para que a prova apareça nas chamadas e não só nos feeds.
Promoções de webinars e eventos
Os webinars são um clássico do B2B, e os seus gráficos de promoção seguem uma hierarquia rigorosa: primeiro o tema, depois a data e a hora com o fuso horário, depois os oradores. Há um guia completo em gráficos de promoção de webinars. No sistema, o layout de evento é simplesmente um dos teus cinco, com o mesmo fundo de tudo o resto.
A versão para o feed do LinkedIn: tema grande, data e fuso horário logo por baixo.
A pré-visualização do link da página de inscrição, as mesmas palavras, em formato largo.
Tamanhos do LinkedIn para conteúdo B2B
O LinkedIn é onde se vê a maior parte do conteúdo B2B. As imagens verticais ocupam mais espaço no feed, os documentos levam explicações mais longas e a capa da empresa enquadra tudo o resto. Para anúncios pagos, vê o design de anúncios para LinkedIn.
Publicação vertical 1080×1350
1080 × 1350
Publicação quadrada 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 a tua página de preços no Slack, ou um colega partilha um artigo do blogue no LinkedIn, a pré-visualização do link é a primeira impressão. Sem imagem Open Graph, aparece uma caixa vazia ou um logótipo ao acaso. Dá a cada página importante a sua própria imagem de 1200×630, no mesmo sistema de tudo o resto. O tamanho da imagem Open Graph trata dos pormenores, e as imagens OG dinâmicas mostram como gerá-las automaticamente para cada artigo do blogue.
<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" />Tornar o sistema fácil para toda a equipa
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 aguenta se for mais fácil de usar do que de ignorar. No Gradiently, um kit de marca guarda o logótipo, a paleta, os tipos de letra e a voz; o fundo é um Mark que mais nenhuma empresa pode usar depois de o reservares; e a tinta automática mantém os títulos legíveis sobre ele sem caixas nem sombras. As equipas que vivem no ChatGPT ou no Claude podem ligar o Gradiently e pedir um cartão de caso de estudo ou uma promoção de webinar que abre no Studio, já com a marca. Ligar um assistente de IA explica a configuração.
Perguntas frequentes
Como tornar o design de marketing B2B menos genérico?
Escolhe um fundo e uma paleta distintivos, usa ecrãs reais do produto e clientes reais em vez de stock e ilustrações, e aplica os mesmos poucos layouts a todas as peças.
Que tamanho devem ter as publicações B2B no LinkedIn?
A vertical 1080×1350 ocupa mais espaço no feed. Usa 1200×1200 para publicações quadradas e 1200×627 para imagens de link.
O que deve incluir um gráfico de caso de estudo?
Um resultado mensurável como título, uma linha de contexto e o nome ou logótipo do cliente só com a sua autorização. Liga à história completa.
Que tamanho tem uma imagem Open Graph?
1200×630 píxeis. Define-a com a etiqueta og:image em cada página que esperas que as pessoas partilhem.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil