# B2B-markedsføringsdesign: materialer, der ikke ligner stockfotos

[Canonical HTML page](https://gradiently.design/da/guide/b2b-marketing-design)

Erhvervskøbere scroller forbi masser af næsten ens blå opslag. Et lille, ensartet designsystem gør dine kundecases, webinarer og linkvisninger genkendelige, før nogen læser logoet.

## The short version

- Det meste B2B-markedsføringsdesign ligner hinanden, fordi det trækker på de samme blå paletter, isometriske illustrationer og stockfotos af møder.
- Et lille designsystem med én baggrund, ét skriftpar, nogle få layouts og faste størrelser giver mere særprægede materialer end design, der laves fra bunden hver gang.
- Kundecase-kort virker bedst, når de åbner med ét målbart resultat og kun nævner kunden med tilladelse.
- Hver side, du deler, bør have sit eget Open Graph-billede i 1200×630, fordi linkvisningen ofte er det første, en køber ser.
- LinkedIn er det vigtigste feed til B2B-indhold, og billeder i højformat 1080×1350 fylder mest dér.

Godt **B2B-markedsføringsdesign** ligner ét firma, ikke kategorien. Vejen dertil er et lille system frem for en bunke enkeltstående materialer: én baggrund, der tydeligt er din, ét skriftpar, fire eller fem layouts og faste størrelser til LinkedIn, linkvisninger og slides. Fyld de layouts med ægte tal og ægte kunder i stedet for stockfotos og isometriske mennesker, og dine kundecase-kort, webinarpromoer og linkvisninger begynder at se ud, som om de kom fra et bestemt sted.

## Hvorfor B2B-markedsføring ligner hinanden

B2B-teams arbejder hurtigt, med små designbudgetter og et stærkt træk mod at se sikre ud. Resultatet er et fælles visuelt sprog: troværdig blå, flade illustrationer af mennesker ved kæmpestore bærbare, håndtrykfotos og dashboards, der svæver i rummet. Det er ikke forkert, men det er usynligt, og det er dyrt at være i et feed fuld af konkurrenter. Mønsteret udforskes i [hvorfor alle feeds ligner hinanden](https://gradiently.design/da/guide/why-every-feed-looks-the-same).

### Ligner stock

- Virksomhedsblå, fordi det føles sikkert
- Isometriske mennesker og svævende dashboards
- Håndtryk, skylines og fotos af mødelokaler
- »Innovative løsninger« som overskrift
- En ny stil til hver kampagne

### Ligner dig

- En baggrund og palet, ingen andre bruger
- Ægte produktskærme, beskåret tæt
- Dit team og dine kunder, med tilladelse
- Ét resultat eller én påstand i almindelige ord
- Det samme system på ethvert materiale

## Byg først et lille designsystem

Et system lyder som et stort projekt. Til markedsføringsmaterialer er det én side med beslutninger, og det sparer timer hver uge bagefter.

| Beslutning | Vælg | Hvorfor |
| --- | --- | --- |
| Baggrund | Én markant baggrund eller familie | Den er det største område på ethvert materiale og står for det meste af genkendelsen |
| Skrift | Én overskriftsskrift, én brødskrift | To skrifter er nok; flere ligner flere firmaer |
| Layouts | Tal, citat, meddelelse, arrangement, forside | Dækker næsten ethvert B2B-opslag, du kommer til at lave |
| Størrelser | 1080×1350, 1200×630, 1920×1080 | Feed, linkvisning og slides |
| Stemme | Tre ord, der beskriver, hvordan du skriver | Holder teksten lige så ensartet som billederne |

Fem beslutninger, taget én gang. Skriv dem ned, hvor alle, der laver materialer, kan finde dem, og gennemgå dem én gang om året frem for én gang pr. kampagne.

For SaaS-teams gennemgår [SaaS-branding](https://gradiently.design/da/guide/saas-startup-branding) identitetssiden mere dybtgående. Pointen her er smallere: uanset hvad identiteten er, så anvend den på samme måde hver gang.

## Kundecase-kort, som købere tror på

Kundecases hører til det mest overbevisende B2B-indhold og er ofte det dårligst designede: en lang PDF, ingen åbner. Træk resultatet ud i et kort, der kan læses på to sekunder, og link derefter til hele historien. [Design af kundecases](https://gradiently.design/da/guide/case-study-design) har den lange udgave.

Et kundecase-kort i højformat med resultatet 6 uger til 9 dage som overskrift og en kort linje med kontekst

Et eksempel på layout: resultatet er overskriften, konteksten står under, og kundens navn kommer kun med, hvis de har givet skriftlig tilladelse.

- Åbn med ét målbart resultat. Før og efter læses hurtigst.
- Nævn kunden og brug kundens logo kun med tilladelse, og hold deres brand mindre end resultatet.
- Tilføj én linje kontekst, så tallet betyder noget.
- Følg op med et citatkort fra samme kunde, med deres egne ord.
- Brug det samme layout til hver kundecase, så de læses som en serie.
- Lav kortet om til et slide til salgspræsentationer, så beviset også optræder i møder og ikke kun i feeds.

## Promoer til webinarer og arrangementer

Webinarer er en fast del af B2B, og deres promografik følger et strengt hierarki: emnet først, derefter dato og tid med tidszone, så talerne. En fuld guide findes i [grafik til webinarpromovering](https://gradiently.design/da/guide/webinar-promotion-graphics). I systemet er arrangementslayoutet blot ét af dine fem, med samme baggrund som alt andet.

En webinarpromo i højformat med titlen Prissider, der konverterer, og dato, tid og varighed nedenunder

Udgaven til LinkedIn-feedet: emnet stort, dato og tidszone lige under.

En bred linkvisning til det samme webinar med titlen på én linje

Tilmeldingssidens linkvisning, samme ord, bredt format.

## LinkedIn-størrelser til B2B-indhold

LinkedIn er der, hvor det meste B2B-indhold ses. Billeder i højformat fylder mest i feedet, dokumenter bærer længere forklaringer, og virksomhedsbanneret rammer alt det andet ind. Til betalte placeringer, se [design af LinkedIn-annoncer](https://gradiently.design/da/guide/linkedin-ad-design).

- Opslag i højformat 1080×1350: 1080 × 1350
- Kvadratisk opslag 1200×1200: 1200 × 1200
- Linkbillede 1200×627: 1200 × 627
- Virksomhedsbanner 2256×382: 2256 × 382

De fire LinkedIn-former, et B2B-team bruger mest, tegnet i målestok.

## Et Open Graph-billede til hver side

Når en køber sætter din prisside ind i Slack, eller en kollega deler et blogindlæg på LinkedIn, er linkvisningen det første indtryk. Uden et Open Graph-billede får du en tom boks eller et tilfældigt logo. Giv hver vigtig side sit eget billede i 1200×630 i samme system som alt andet. [Størrelse på Open Graph-billeder](https://gradiently.design/da/guide/open-graph-image-size) har detaljerne, og [dynamiske OG-billeder](https://gradiently.design/da/guide/dynamic-og-images) viser, hvordan du genererer dem automatisk til hvert blogindlæg.

```html
<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" />
```

De tags, der får en side til at blive delt med et stort billede. Brug en absolut https-adresse til billedet.

## Sådan gør du systemet nemt for hele teamet

I B2B laves materialer af produktmarkedsførere, salg, grundlæggere og bureauer, ikke kun af designere. Systemet holder kun, hvis det er nemmere at bruge end at ignorere. I Gradiently rummer et brandkit logo, palet, skrifter og stemme; baggrunden er en Mark, som intet andet firma kan bruge, når du har sikret dig den; og Automatisk tekstfarve holder overskrifter læsbare på den uden bokse eller skygger. Teams, der lever i ChatGPT eller Claude, kan forbinde Gradiently og bede om et kundecase-kort eller en webinarpromo, der åbner i Studiet, allerede i dit brand. [Forbind en AI-assistent](https://gradiently.design/da/guide/connect-ai-assistant) forklarer opsætningen.

## FAQ

### Hvordan gør jeg B2B-markedsføringsdesign mindre generisk?

Vælg én markant baggrund og palet, brug ægte produktskærme og ægte kunder i stedet for stock og illustrationer, og anvend de samme få layouts på ethvert materiale.

### Hvilken størrelse skal B2B-opslag på LinkedIn have?

Højformat 1080×1350 fylder mest i feedet. Brug 1200×1200 til kvadratiske opslag og 1200×627 til linkbilleder.

### Hvad skal en kundecase-grafik indeholde?

Ét målbart resultat som overskrift, en linje kontekst og kundens navn eller logo kun med deres tilladelse. Link til hele historien.

### Hvilken størrelse har et Open Graph-billede?

1200×630 pixel. Angiv det med og:image-tagget på hver side, du forventer, at folk deler.
