Kortversionen
- Det mesta av B2B-designen ser likadan ut eftersom den hämtar från samma blå paletter, isometriska illustrationer och stockfoton av möten.
- Ett litet designsystem med en bakgrund, ett typsnittspar, några layouter och fasta storlekar ger mer särpräglat material än design som görs från grunden varje gång.
- Kundcasekort fungerar bäst när de leder med ett mätbart resultat och nämner kunden först efter tillstånd.
- Varje sida du delar bör ha en egen Open Graph-bild på 1200×630, eftersom länkförhandsvisningen ofta är det första en köpare ser.
- LinkedIn är det huvudsakliga flödet för B2B-innehåll, och stående bilder i 1080×1350 tar mest plats där.
På den här sidan
Bra B2B-design ser ut som ett enda företag, inte som kategorin. Vägen dit är ett litet system snarare än en hög separata material: en bakgrund som är igenkännbart din, ett enda typsnittspar, fyra eller fem layouter och fasta storlekar för LinkedIn, länkförhandsvisningar och bildspel. Fyll layouterna med verkliga siffror och verkliga kunder i stället för stockfoton och isometriska människor, så börjar dina kundcasekort, webbinariekampanjer och länkförhandsvisningar se ut att komma från någonstans specifikt.
Varför B2B-marknadsföring ser likadan ut
B2B-team arbetar snabbt, med små designbudgetar och ett starkt tryck mot att se trygga ut. Resultatet är ett gemensamt bildspråk: förtroendeingivande blått, platta illustrationer av människor vid jättelika bärbara datorer, handskakningsfoton och instrumentpaneler som svävar i rymden. Det är inte fel, men det är osynligt, vilket är dyrt i ett flöde fullt av konkurrenter. Mönstret utforskas i varför alla flöden ser likadana ut.
Ser ut som stockbilder
- Företagsblått eftersom det känns tryggt
- Isometriska människor och svävande instrumentpaneler
- Handskakningar, stadssiluetter och foton av mötesrum
- ”Innovativa lösningar” som rubrik
- En ny stil för varje kampanj
Ser ut som du
- En bakgrund och palett som ingen annan använder
- Verkliga produktskärmar, beskurna tätt
- Ditt team och dina kunder, med tillstånd
- Ett resultat eller ett påstående, i enkla ord
- Samma system på varje material
Bygg ett litet designsystem först
Ett system låter som ett stort projekt. För marknadsföringsmaterial är det en enda sida med beslut, och det sparar timmar varje vecka efteråt.
Varför
Välj
Varför
Varför
Välj
Varför
Varför
För SaaS-team tar SaaS-varumärke upp identitetssidan mer ingående. Poängen här är smalare: vad identiteten än är, använd den på samma sätt varje gång.
Kundcasekort som köpare tror på
Kundcase hör till det mest övertygande B2B-innehållet, och är ofta det sämst designade: en lång PDF som ingen öppnar. Lyft ut resultatet till ett kort som läses på två sekunder och länka sedan till hela berättelsen. Design av kundcase går igenom den långa versionen.
Ett exempel på layout: resultatet är rubriken, sammanhanget står under och kundens namn tas med bara med deras skriftliga tillstånd.
- Led med ett mätbart resultat. Före och efter läses snabbast.
- Nämn kunden och använd deras logotyp bara med tillstånd, och håll deras varumärke mindre än resultatet.
- Lägg till en rad sammanhang så att siffran betyder något.
- Följ upp med ett citatkort från samma kund, med deras ord.
- Använd samma layout för varje kundcase, så att de läses som en serie.
- Gör om kortet till en bild för säljpresentationer, så att beviset syns i samtal och inte bara i flöden.
Kampanjer för webbinarier och event
Webbinarier hör till B2B:s vardag, och deras kampanjbilder följer en strikt hierarki: ämnet först, sedan datum och tid med tidszon, sedan talare. En fullständig guide finns i grafik för webbinarier. I systemet är eventlayouten helt enkelt en av dina fem, med samma bakgrund som allt annat.
Versionen för LinkedIn-flödet: ämnet stort, datum och tidszon strax under.
Länkförhandsvisningen för anmälningssidan, samma ord, brett format.
LinkedIn-storlekar för B2B-innehåll
LinkedIn är där det mesta B2B-innehållet ses. Stående bilder tar mest plats i flödet, dokument rymmer längre förklaringar och företagsomslaget ramar in allt annat. För betalda placeringar, se design av LinkedIn-annonser.
Stående inlägg 1080×1350
1080 × 1350
Kvadratiskt inlägg 1200×1200
1200 × 1200
Länkbild 1200×627
1200 × 627
Företagsomslag 2256×382
2256 × 382
En Open Graph-bild för varje sida
När en köpare klistrar in din prissida i Slack, eller en kollega delar ett blogginlägg på LinkedIn, är länkförhandsvisningen det första intrycket. Utan en Open Graph-bild får du en tom ruta eller en slumpmässig logotyp. Ge varje viktig sida en egen bild på 1200×630, i samma system som allt annat. Storlek på Open Graph-bilder går igenom detaljerna, och dynamiska OG-bilder visar hur du genererar dem automatiskt för varje blogginlägg.
<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" />Gör systemet enkelt för hela teamet
Inom B2B görs material av produktmarknadsförare, säljare, grundare och byråer, inte bara designers. Systemet håller bara om det är enklare att använda än att strunta i. I Gradiently håller ett varumärkespaket logotyp, palett, typsnitt och röst; bakgrunden är en Mark som inget annat företag kan använda när du har säkrat den; och Auto-bläck håller rubrikerna läsbara på den utan rutor eller skuggor. Team som lever i ChatGPT eller Claude kan ansluta Gradiently och be om ett kundcasekort eller en webbinariekampanj som öppnas i Studion, redan i varumärkets stil. Anslut en AI-assistent förklarar hur.
Vanliga frågor
Hur gör jag B2B-design mindre generisk?
Välj en särpräglad bakgrund och palett, använd verkliga produktskärmar och verkliga kunder i stället för stockbilder och illustrationer, och tillämpa samma få layouter på varje material.
Vilken storlek ska B2B-inlägg på LinkedIn ha?
Stående 1080×1350 tar mest plats i flödet. Använd 1200×1200 för kvadratiska inlägg och 1200×627 för länkbilder.
Vad ska en kundcasebild innehålla?
Ett mätbart resultat som rubrik, en rad sammanhang och kundens namn eller logotyp bara med deras tillstånd. Länka till hela berättelsen.
Vilken storlek har en Open Graph-bild?
1200×630 pixlar. Ange den med og:image-taggen på varje sida du förväntar dig att folk delar.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil