# Design de marketing B2B: peças que não parecem de stock [Canonical HTML page](https://gradiently.design/pt-pt/guide/b2b-marketing-design) Os compradores empresariais passam por muitas publicações azuis quase idênticas. Um pequeno sistema de design coerente torna os teus casos de estudo, webinars e pré-visualizações de links reconhecíveis antes de alguém ler o logótipo. ## The short version - 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. 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](https://gradiently.design/pt-pt/guide/why-every-feed-looks-the-same). ### 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. | Decisão | Escolha | Porquê | | --- | --- | --- | | Fundo | Um fundo ou família distintiva | É a maior área de cada peça e faz a maior parte do reconhecimento | | Tipo de letra | Uma fonte para títulos, uma para texto | Duas fontes chegam; mais parece várias empresas | | Layouts | Estatística, citação, anúncio, evento, capa | Cobre quase todas as publicações B2B que vais fazer | | Tamanhos | 1080×1350, 1200×630, 1920×1080 | Feed, pré-visualização de link e diapositivos | | Voz | Três palavras que descrevem como escreves | Mantém os textos tão coerentes como o visual | Cinco decisões, tomadas uma só vez. Escreve-as num sítio onde todos os que fazem peças as encontrem e revê-as uma vez por ano, não uma vez por campanha. Para equipas de SaaS, a [identidade visual de SaaS](https://gradiently.design/pt-pt/guide/saas-startup-branding) 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](https://gradiently.design/pt-pt/guide/case-study-design) trata da versão longa. Um cartão vertical de caso de estudo com o resultado De 6 semanas a 9 dias como título e uma linha curta de contexto 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](https://gradiently.design/pt-pt/guide/webinar-promotion-graphics). No sistema, o layout de evento é simplesmente um dos teus cinco, com o mesmo fundo de tudo o resto. Uma promoção vertical de webinar com o título Páginas de preços que convertem, com data, hora e duração por baixo A versão para o feed do LinkedIn: tema grande, data e fuso horário logo por baixo. Uma pré-visualização larga de link para o mesmo webinar, com o título numa só linha 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](https://gradiently.design/pt-pt/guide/linkedin-ad-design). - 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 As quatro formas do LinkedIn que uma equipa B2B mais usa, à escala. ## 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](https://gradiently.design/pt-pt/guide/open-graph-image-size) trata dos pormenores, e as [imagens OG dinâmicas](https://gradiently.design/pt-pt/guide/dynamic-og-images) mostram como gerá-las automaticamente para cada artigo do blogue. ```html ``` As etiquetas que fazem uma página partilhar-se com uma imagem grande. Usa um URL https absoluto para a imagem. ## 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](https://gradiently.design/pt-pt/guide/connect-ai-assistant) explica a configuração. ## FAQ ### 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.