# B2B-markedsføring og design: materiell som ikke ser ut som stock
[Canonical HTML page](https://gradiently.design/nb/guide/b2b-marketing-design)
Bedriftskjøpere scroller forbi mange nesten like blå innlegg. Et lite, konsekvent designsystem gjør kundecasene, webinarene og lenkeforhåndsvisningene dine gjenkjennelige før noen leser logoen.
## The short version
- 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.
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](https://gradiently.design/nb/guide/why-every-feed-looks-the-same).
### 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å.
| Beslutning | Velg | Hvorfor |
| --- | --- | --- |
| Bakgrunn | Én særpreget bakgrunn eller familie | Det er den største flaten i alt materiell og står for mesteparten av gjenkjennelsen |
| Skrift | Én skrift til overskrifter, én til brødtekst | To skrifter er nok; flere ser ut som flere selskaper |
| Layouter | Tall, sitat, kunngjøring, arrangement, omslag | Dekker nesten alle B2B-innlegg du kommer til å lage |
| Størrelser | 1080×1350, 1200×630, 1920×1080 | Feed, lenkeforhåndsvisning og presentasjoner |
| Stemme | Tre ord som beskriver hvordan dere skriver | Holder teksten like konsekvent som det visuelle |
Fem beslutninger, tatt én gang. Skriv dem ned der alle som lager materiell finner dem, og gå gjennom dem én gang i året, ikke én gang per kampanje.
For SaaS-team går [profilering av SaaS-selskaper](https://gradiently.design/nb/guide/saas-startup-branding) 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](https://gradiently.design/nb/guide/case-study-design) dekker den lange versjonen.
Et stående kundecasekort med resultatet fra 6 uker til 9 dager som overskrift og en kort linje med sammenheng
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](https://gradiently.design/nb/guide/webinar-promotion-graphics). I systemet er arrangementslayouten rett og slett én av de fem, med samme bakgrunn som alt annet.
En stående webinarreklame med tittelen Prissider som konverterer, med dato, klokkeslett og varighet under
Versjonen for LinkedIn-feeden: temaet stort, dato og tidssone rett under.
En bred lenkeforhåndsvisning for det samme webinaret, med tittelen på én linje
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](https://gradiently.design/nb/guide/linkedin-ad-design).
- Stående innlegg 1080×1350: 1080 × 1350
- Kvadratisk innlegg 1200×1200: 1200 × 1200
- Lenkebilde 1200×627: 1200 × 627
- Bedriftsforside 2256×382: 2256 × 382
De fire LinkedIn-formene et B2B-team bruker mest, tegnet i riktig målestokk.
## 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](https://gradiently.design/nb/guide/open-graph-image-size) går gjennom detaljene, og [dynamiske OG-bilder](https://gradiently.design/nb/guide/dynamic-og-images) viser hvordan du lager dem automatisk for hvert blogginnlegg.
```html
```
Taggene som gjør at en side deles med et stort bilde. Bruk en absolutt https-adresse til bildet.
## 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](https://gradiently.design/nb/guide/connect-ai-assistant) forklarer oppsettet.
## FAQ
### 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.