# B2B-Marketing-Design: Assets, die nicht nach Stock aussehen

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

Geschäftskunden scrollen an vielen fast identischen blauen Posts vorbei. Ein kleines, einheitliches Designsystem macht deine Fallstudien, Webinare und Link-Vorschauen erkennbar, bevor jemand das Logo liest.

## The short version

- Das meiste B2B-Marketing-Design sieht gleich aus, weil es auf dieselben blauen Paletten, isometrischen Illustrationen und Stockfotos von Meetings zurückgreift.
- Ein kleines Designsystem aus einem Hintergrund, einer Schriftkombination, wenigen Layouts und festen Größen erzeugt eigenständigere Assets als jedes Mal neu gestaltete Designs.
- Fallstudien-Karten wirken am besten, wenn sie mit einem messbaren Ergebnis beginnen und den Kunden nur mit Erlaubnis nennen.
- Jede Seite, die du teilst, sollte ein eigenes 1200×630-Open-Graph-Bild haben, denn die Link-Vorschau ist oft das Erste, was ein Käufer sieht.
- LinkedIn ist der wichtigste Feed für B2B-Content, und Hochformatbilder in 1080×1350 nehmen dort den meisten Platz ein.

Gutes **B2B-Marketing-Design** sieht aus wie ein Unternehmen, nicht wie die Kategorie. Der Weg dahin ist ein kleines System statt eines Haufens einzelner Assets: ein Hintergrund, der erkennbar deiner ist, eine einzige Schriftkombination, vier oder fünf Layouts und feste Größen für LinkedIn, Link-Vorschauen und Slides. Fülle diese Layouts mit echten Zahlen und echten Kunden statt mit Stockfotos und isometrischen Menschen, und deine Fallstudien-Karten, Webinar-Promos und Link-Vorschauen sehen aus, als kämen sie von einem konkreten Ort.

## Warum B2B-Marketing gleich aussieht

B2B-Teams arbeiten schnell, mit kleinen Designbudgets und einem starken Sog zum sicheren Aussehen. Das Ergebnis ist eine gemeinsame visuelle Sprache: vertrauenswürdiges Blau, flache Illustrationen von Menschen an Riesenlaptops, Handschlag-Fotos und Dashboards, die im Raum schweben. Das ist nicht falsch, aber unsichtbar, und das ist teuer in einem Feed voller Mitbewerber. Das Muster wird in [warum jeder Feed gleich aussieht](https://gradiently.design/de/guide/why-every-feed-looks-the-same) untersucht.

### Sieht nach Stock aus

- Firmenblau, weil es sicher wirkt
- Isometrische Menschen und schwebende Dashboards
- Handschläge, Skylines und Fotos von Besprechungsräumen
- „Innovative Lösungen“ als Schlagzeile
- Ein neuer Stil für jede Kampagne

### Sieht nach dir aus

- Ein Hintergrund und eine Palette, die sonst niemand nutzt
- Echte Produktansichten, eng zugeschnitten
- Dein Team und deine Kunden, mit Erlaubnis
- Ein Ergebnis oder eine Aussage, in einfachen Worten
- Dasselbe System bei jedem Asset

## Baue zuerst ein kleines Designsystem

Ein System klingt nach einem großen Projekt. Für Marketing-Assets ist es eine einzige Seite voller Entscheidungen, und danach spart es jede Woche Stunden.

| Entscheidung | Wahl | Warum |
| --- | --- | --- |
| Hintergrund | Ein eigener Hintergrund oder eine Familie | Er ist die größte Fläche jedes Assets und leistet das meiste an Wiedererkennung |
| Schrift | Eine Überschriftenschrift, eine Textschrift | Zwei Schriften genügen; mehr wirkt wie mehrere Unternehmen |
| Layouts | Zahl, Zitat, Ankündigung, Event, Titelbild | Deckt fast jeden B2B-Post ab, den du machen wirst |
| Größen | 1080×1350, 1200×630, 1920×1080 | Feed, Link-Vorschau und Slides |
| Stimme | Drei Worte, die beschreiben, wie du schreibst | Hält Texte so einheitlich wie die Visuals |

Fünf Entscheidungen, einmal getroffen. Schreibe sie dort auf, wo jeder, der Assets erstellt, sie findet, und überprüfe sie einmal im Jahr statt einmal pro Kampagne.

Für SaaS-Teams behandelt [SaaS-Branding](https://gradiently.design/de/guide/saas-startup-branding) die Identitätsseite ausführlicher. Der Punkt hier ist enger: Wie auch immer die Identität aussieht, wende sie jedes Mal gleich an.

## Fallstudien-Karten, denen Käufer glauben

Fallstudien gehören zum Überzeugendsten im B2B-Content und sind oft am schlechtesten gestaltet: ein langes PDF, das niemand öffnet. Ziehe das Ergebnis in eine Karte, die in zwei Sekunden lesbar ist, und verlinke dann auf die ganze Geschichte. [Fallstudien-Design](https://gradiently.design/de/guide/case-study-design) behandelt die lange Version.

Eine Hochformat-Fallstudien-Karte mit dem Ergebnis 6 Wochen auf 9 Tage als Schlagzeile und einer kurzen Kontextzeile

Ein Beispiel-Layout: Das Ergebnis ist die Schlagzeile, der Kontext sitzt darunter, und der Name des Kunden steht nur mit seiner schriftlichen Erlaubnis darauf.

- Beginne mit einem messbaren Ergebnis. Vorher und nachher liest sich am schnellsten.
- Nenne den Kunden und nutze sein Logo nur mit Erlaubnis und halte seine Marke kleiner als das Ergebnis.
- Füge eine Zeile Kontext hinzu, damit die Zahl etwas bedeutet.
- Lege eine Zitatkarte desselben Kunden nach, in seinen Worten.
- Nutze für jede Fallstudie dasselbe Layout, damit sie wie eine Serie wirken.
- Mache aus der Karte eine Folie für Vertriebs-Decks, damit der Beleg in Gesprächen ebenso erscheint wie in Feeds.

## Webinar- und Event-Promos

Webinare sind ein B2B-Klassiker, und ihre Promo-Grafiken folgen einer strengen Hierarchie: zuerst das Thema, dann Datum und Uhrzeit mit Zeitzone, dann die Sprecher. Ein ganzer Guide steht in [Grafiken zur Webinar-Bewerbung](https://gradiently.design/de/guide/webinar-promotion-graphics). Im System ist das Event-Layout einfach eines deiner fünf, auf demselben Hintergrund wie alles andere.

Eine Hochformat-Webinar-Promo mit dem Titel Preisseiten, die konvertieren, mit Datum, Uhrzeit und Dauer darunter

Die Version für den LinkedIn-Feed: Thema groß, Datum und Zeitzone direkt darunter.

Eine breite Link-Vorschau für dasselbe Webinar, mit dem Titel in einer Zeile

Die Link-Vorschau der Anmeldeseite, dieselben Worte, breites Format.

## LinkedIn-Formate für B2B-Content

Auf LinkedIn wird der meiste B2B-Content gesehen. Hochformatbilder nehmen im Feed den meisten Platz ein, Dokumente tragen längere Erklärungen, und das Unternehmens-Titelbild rahmt alles andere. Für bezahlte Platzierungen siehe [LinkedIn-Anzeigendesign](https://gradiently.design/de/guide/linkedin-ad-design).

- Hochformat-Post 1080×1350: 1080 × 1350
- Quadrat-Post 1200×1200: 1200 × 1200
- Linkbild 1200×627: 1200 × 627
- Unternehmens-Titelbild 2256×382: 2256 × 382

Die vier LinkedIn-Formen, die ein B2B-Team am häufigsten nutzt, maßstabsgetreu gezeichnet.

## Ein Open-Graph-Bild für jede Seite

Wenn ein Käufer deine Preisseite in Slack einfügt oder ein Kollege einen Blogbeitrag auf LinkedIn teilt, ist die Link-Vorschau der erste Eindruck. Ohne Open-Graph-Bild bekommst du einen leeren Kasten oder ein zufälliges Logo. Gib jeder wichtigen Seite ein eigenes 1200×630-Bild im selben System wie alles andere. [Open-Graph-Bildgröße](https://gradiently.design/de/guide/open-graph-image-size) behandelt die Details, und [dynamische OG-Bilder](https://gradiently.design/de/guide/dynamic-og-images) zeigt, wie du sie für jeden Blogbeitrag automatisch erzeugst.

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

Die Tags, mit denen eine Seite mit großem Bild geteilt wird. Nutze für das Bild eine absolute https-URL.

## Das System für das ganze Team leicht machen

Im B2B entstehen Assets bei Produktmarketern, im Vertrieb, bei Gründern und Agenturen, nicht nur bei Designern. Das System hält nur, wenn es leichter zu nutzen als zu ignorieren ist. In Gradiently hält ein Markenkit Logo, Palette, Schriften und Stimme; der Hintergrund ist ein Mark, den nach deiner Sicherung kein anderes Unternehmen nutzen kann; und die automatische Schriftfarbe hält Schlagzeilen darauf ohne Kästen oder Schatten lesbar. Teams, die in ChatGPT oder Claude leben, können Gradiently verbinden und eine Fallstudien-Karte oder Webinar-Promo anfordern, die sich im Studio öffnet, bereits im Markenlook. [KI-Assistenten verbinden](https://gradiently.design/de/guide/connect-ai-assistant) erklärt die Einrichtung.

## FAQ

### Wie mache ich B2B-Marketing-Design weniger generisch?

Wähle einen eigenen Hintergrund und eine eigene Palette, nutze echte Produktansichten und echte Kunden statt Stock und Illustrationen und wende dieselben wenigen Layouts auf jedes Asset an.

### Welche Größe sollten B2B-Posts auf LinkedIn haben?

Hochformat 1080×1350 nimmt im Feed den meisten Platz ein. Nutze 1200×1200 für quadratische Posts und 1200×627 für Linkbilder.

### Was sollte eine Fallstudien-Grafik enthalten?

Ein messbares Ergebnis als Schlagzeile, eine Zeile Kontext und Name oder Logo des Kunden nur mit seiner Erlaubnis. Verlinke auf die ganze Geschichte.

### Welche Größe hat ein Open-Graph-Bild?

1200×630 Pixel. Setze es mit dem og:image-Tag auf jeder Seite, von der du erwartest, dass Leute sie teilen.
