Kortversjonen
- Det meste av B2B-design ligner på hverandre fordi det henter fra de samme blå palettene, isometriske illustrasjonene og stockbildene av møter.
- Et lite designsystem med én bakgrunn, ett skriftpar, noen få layouter og faste størrelser gir mer særpreget materiell enn design laget fra bunnen hver gang.
- Kort med kundecaser fungerer best når de starter med ett målbart resultat og bare navngir kunden med tillatelse.
- Hver side du deler bør ha sitt eget Open Graph-bilde i 1200×630, fordi lenkeforhåndsvisningen ofte er det første en kjøper ser.
- LinkedIn er hovedfeeden for B2B-innhold, og stående bilder i 1080×1350 tar mest plass der.
På denne siden
Godt B2B-design ser ut som ett selskap, ikke som bransjen. Veien dit er et lite system i stedet for en haug med separat materiell: én bakgrunn som er gjenkjennelig din, ett skriftpar, fire eller fem layouter og faste størrelser for LinkedIn, lenkeforhåndsvisninger og presentasjoner. Fyll layoutene med ekte tall og ekte kunder i stedet for stockbilder og isometriske figurer, så begynner kundecasekortene, webinarreklamene og lenkeforhåndsvisningene dine å se ut som de kommer fra et bestemt sted.
Hvorfor B2B-markedsføring ser lik ut
B2B-team jobber raskt, med små designbudsjetter og et sterkt drag mot å se trygge ut. Resultatet er et felles visuelt språk: tillitvekkende blått, flate illustrasjoner av folk ved gigantiske laptoper, håndtrykkbilder og dashbord som svever i løse luften. Det er ikke feil, men det er usynlig, og det er dyrt i en feed full av konkurrenter. Mønsteret utforskes i hvorfor alle feeder ser like ut.
Ser ut som stock
- Bedriftsblått fordi det føles trygt
- Isometriske figurer og svevende dashbord
- Håndtrykk, skylines og bilder fra møterom
- «Innovative løsninger» som overskrift
- En ny stil for hver kampanje
Ser ut som deg
- En bakgrunn og palett ingen andre bruker
- Ekte produktskjermer, tett beskåret
- Teamet ditt og kundene dine, med tillatelse
- Ett resultat eller én påstand, med enkle ord
- Det samme systemet på alt materiell
Bygg et lite designsystem først
Et system høres ut som et stort prosjekt. For markedsmateriell er det én side med beslutninger, og det sparer timer hver uke etterpå.
Hvorfor
Hvorfor
Hvorfor
Velg
Hvorfor
Hvorfor
For SaaS-team går profilering av SaaS-selskaper dypere inn i identitetssiden. Poenget her er smalere: uansett hva identiteten er, bruk den likt hver gang.
Kundecasekort som kjøpere tror på
Kundecaser er noe av det mest overbevisende B2B-innholdet, og ofte det dårligst designede: en lang PDF ingen åpner. Trekk resultatet ut i et kort som leses på to sekunder, og lenk til hele historien. Design av kundecaser dekker den lange versjonen.
Et eksempel på layout: resultatet er overskriften, sammenhengen står under, og kundens navn kommer bare med skriftlig tillatelse.
- Start med ett målbart resultat. Før og etter leses raskest.
- Navngi kunden og bruk logoen bare med tillatelse, og hold merkevaren deres mindre enn resultatet.
- Legg til én linje med sammenheng så tallet betyr noe.
- Følg opp med et sitatkort fra samme kunde, med deres egne ord.
- Bruk samme layout for alle kundecaser, så de leses som en serie.
- Gjør kortet om til en lysbilde for salgspresentasjoner, så beviset dukker opp i samtaler og ikke bare i feeder.
Reklame for webinarer og arrangementer
Webinarer er en B2B-klassiker, og reklamegrafikken deres følger et strengt hierarki: tema først, så dato og klokkeslett med tidssone, så foredragsholdere. En fullstendig guide finner du i grafikk til webinarreklame. I systemet er arrangementslayouten rett og slett én av de fem, med samme bakgrunn som alt annet.
Versjonen for LinkedIn-feeden: temaet stort, dato og tidssone rett under.
Lenkeforhåndsvisningen til påmeldingssiden, samme ord, bredt format.
LinkedIn-størrelser for B2B-innhold
LinkedIn er der det meste av B2B-innhold blir sett. Stående bilder tar mest plass i feeden, dokumenter bærer lengre forklaringer og bedriftens forsidebilde rammer inn alt annet. For betalte plasseringer, se design av LinkedIn-annonser.
Stående innlegg 1080×1350
1080 × 1350
Kvadratisk innlegg 1200×1200
1200 × 1200
Lenkebilde 1200×627
1200 × 627
Bedriftsforside 2256×382
2256 × 382
Et Open Graph-bilde for hver side
Når en kjøper limer inn prissiden din i Slack, eller en kollega deler et blogginnlegg på LinkedIn, er lenkeforhåndsvisningen førsteinntrykket. Uten et Open Graph-bilde får du en tom boks eller en tilfeldig logo. Gi hver viktig side sitt eget bilde i 1200×630, i samme system som alt annet. Størrelse på Open Graph-bilder går gjennom detaljene, og dynamiske OG-bilder viser hvordan du lager dem automatisk for hvert blogginnlegg.
<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" />Gjør systemet enkelt for hele teamet
I B2B lages materiell av produktmarkedsførere, selgere, gründere og byråer, ikke bare designere. Systemet holder bare hvis det er enklere å bruke enn å overse. I Gradiently holder et merkevaresett på logoen, paletten, skriftene og stemmen; bakgrunnen er en Mark som ingen andre selskaper kan bruke når du har sikret deg den; og Auto-tekstfarge holder overskriftene lesbare på den uten bokser eller skygger. Team som lever i ChatGPT eller Claude kan koble til Gradiently og be om et kundecasekort eller en webinarreklame som åpnes i Studio, allerede i tråd med profilen. Koble til en AI-assistent forklarer oppsettet.
Spørsmål folk stiller
Hvordan gjør jeg B2B-design mindre generisk?
Velg én særpreget bakgrunn og palett, bruk ekte produktskjermer og ekte kunder i stedet for stock og illustrasjoner, og bruk de samme få layoutene på alt materiell.
Hvilken størrelse bør B2B-innlegg på LinkedIn ha?
Stående 1080×1350 tar mest plass i feeden. Bruk 1200×1200 for kvadratiske innlegg og 1200×627 for lenkebilder.
Hva bør en kundecasegrafikk inneholde?
Ett målbart resultat som overskrift, en linje med sammenheng, og kundens navn eller logo bare med deres tillatelse. Lenk til hele historien.
Hvilken størrelse har et Open Graph-bilde?
1200×630 piksler. Angi det med og:image-taggen på hver side du forventer at folk deler.
Skrevet av Gradiently
Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.
Se profilen vår