5 % bei Newsletter-Anmeldung

Pilar Font – Art-déco-Typografie für starke Markenauftritte

Pilar Font – Art-déco-Typografie für starke Markenauftritte

von | 1. März 2026 | Branding

Art déco, aber bitte zeitgemäß

Art déco ist so eine Sache. Schnell rutscht man in Goldrahmen, Gatsby-Kitsch und überambitionierte Nostalgie. Pilarmacht das anders. Die Schrift nimmt sich die formale Strenge und Geometrie des europäischen Art déco, lässt aber alles Überflüssige weg.

Entstanden ist Pilar ursprünglich 2012 für die Headlines des Magazins Bol’shoy Gorod (Big City). Kein Zufall. Redaktionelle Umgebungen sind gnadenlos ehrlich. Entweder eine Schrift trägt Inhalte – oder sie fällt durch. Pilar hat bestanden und wurde weiterentwickelt.

Das Ergebnis ist eine geometrische Grotesk, die stabil wirkt, aber nicht starr. Klar konstruiert, aber nicht kalt. Ideal für Marken, die Haltung, Intellekt und Ästhetik verbinden wollen. Besonders im Branding, in Editorial Designs oder auf Websites, die mehr sagen wollen als „wir sind auch da“.

Für nachhaltige und werteorientierte Brands ist das spannend. Pilar schreit nicht. Sie steht. Und das ist oft die lautere Aussage.

Vier stilistische Sätze – ein System, viele Stimmen

Jetzt wird’s typografisch nerdig. Und gut so.

Pilar verfügt über vier stilistische Sätze, jeweils mit eigenen alphanumerischen Glyphen. Bedeutet: Jeder Buchstabe existiert in mehreren Varianten. Das sind keine Spielereien, sondern echte Design-Optionen.

Die vier Sets heißen:

  • Regulär offen

  • Breit geschlossen

  • Schmal

  • Wild

Der Clou: Du kannst innerhalb eines Wortes oder Satzes variieren, ohne das visuelle System zu sprengen. Headlines bekommen Dynamik. Logos wirken maßgeschneidert. Kampagnen bleiben konsistent, aber nicht monoton.

Gerade im Markendesign ist das Gold wert. Eine Schrift, die sich anpasst, ohne ihre Identität zu verlieren, spart Zeit, Diskussionen – und am Ende auch Ressourcen. Nachhaltigkeit beginnt manchmal einfach bei guten Entscheidungen.

Für uns als Branding-Agentur heißt das: weniger Kompromisse zwischen Ästhetik und Funktion. Mehr Spielraum für echte Konzepte.

Wer steckt dahinter?

Hinter Pilar steht CSTM Fonts, gegründet 2014 von Ilya Ruderman und Yury Ostromentsky. Beide kommen nicht aus der „wir machen auch Fonts“-Ecke, sondern aus tiefer typografischer Praxis.

Beide haben an der Moskauer Staatlichen Universität für Print Grafikdesign studiert. Ilya Ruderman absolvierte später den renommierten Master Type & Media an der Royal Academy of Art in Den Haag. Er war Tutor, Art Director, Typedesigner für internationale Foundries und hat unter anderem an Neutraface, Graphik und Lava mitgearbeitet.

Yury Ostromentsky war lange Art Director des BigCity Magazine. Pilar basiert auf seiner persönlichen Schrift, die dort im Einsatz war. Also: echte Anwendung, echte Anforderungen, echtes Feedback.

Ihre Arbeiten wurden mehrfach ausgezeichnet, unter anderem bei Granshan, Modern Cyrillic und dem European Design Award. Kurz gesagt: Das hier ist keine Trend-Schrift. Das ist Substanz.

Warum wir Pilar lieben

Weil Pilar Haltung zeigt, ohne laut zu sein.
Weil sie komplexe Markenauftritte unterstützt, statt sie zu dominieren.
Und weil sie beweist, dass gute Typografie nicht erklärt werden muss – sie funktioniert einfach.

Für nachhaltige, ethische und vegane Businesses ist Pilar besonders spannend. Sie wirkt reflektiert, erwachsen und klar. Keine Effekthascherei. Keine Öko-Klischees. Sondern Gestaltung mit Anspruch.

Genau unser Ding.

Forager Font – Ausdrucksstarke Display-Schrift für mutiges Branding mit Haltung

Forager Font – Ausdrucksstarke Display-Schrift für mutiges Branding mit Haltung

von | 1. Feb. 2026 | Branding

Forager: Wenn Typografie anfängt zu atmen

Forager ist eine dieser Schriften, bei denen man sofort merkt: Hier wollte niemand „nur noch eine Sans Serif“ entwerfen.
Hier ging es um Haltung. Um Rhythmus. Um visuelle Reibung.

Die Schrift vereint drei sehr unterschiedliche Welten:

  • die psychedelische Opulenz der 70er,

  • die organischen Linien des Jugendstils,

  • und die Reduktion moderner Groteskschriften (serifenlose Schriften ohne kleine Abschlussstriche).

Das klingt nach Chaos. Ist es aber nicht.
Forager balanciert diese Einflüsse mit überraschender Präzision.

Überlappung als Designprinzip

Das Herzstück von Forager ist ihre Überlappung. Buchstaben teilen sich Raum, schneiden sich, greifen ineinander. Normalerweise ein Albtraum für Lesbarkeit. Hier nicht.

Der Trick liegt in der Konstruktion:
geschwungene Vertikalen treffen auf flach gehaltene Horizontalen. Dadurch entsteht eine abgerundete, leicht kantige Formensprache, die Überlagerungen klar erkennbar macht. Das Auge kann die Buchstaben trennen, obwohl sie sich berühren. Typografisch clever. Fast schon frech.

Die Schriftfamilie umfasst fünf Strichstärken, jeweils in:

  • überlappenden Varianten für maximale Wirkung

  • und eng laufenden Versionen für kontrolliertere Layouts

Das macht Forager erstaunlich vielseitig – von plakativem Branding über Editorial Headlines bis zu experimentellen Social-Media-Visuals.

Wer steckt dahinter?

Entworfen wurde Forager von Jacob Cummings, veröffentlicht über Overlap Type – ein noch junges, aber umso spannenderes Typo-Label unter der Leitung von Kel Troughton.

Overlap Type startete 2023 mit einer radikalen Regel: Nur Schriften mit überlappenden Buchstabenformen.

Was als selbstauferlegte Einschränkung begann, wurde schnell zu einem kreativen Spielfeld. Heute geht Overlap Type über reine Überlappung hinaus, bleibt aber seiner Mission treu: konventionelle Regeln im Schriftdesign zu hinterfragen.

Und genau das spürt man Forager an.
Diese Schrift will nicht gefallen. Sie will wirken.

Warum wir Forager lieben

Forager passt perfekt zu Marken, die nicht glatt sein wollen. Zu nachhaltigen Businesses, kulturellen Projekten, veganen Labels oder Magazinen mit Anspruch.

Sie sagt:
Wir denken anders.
Wir trauen uns was.
Und wir meinen es ernst.

Typografie ist Kommunikation.
Forager spricht laut – aber nicht beliebig.

Zusätzliche Lizenzoptionen – etwa für Apps oder Enterprise-Nutzung – finden Sie auf www.overlaptype.com.

Oatly: Wie Humor und Tone of Voice zur stärksten Markenstrategie wurden

Oatly: Wie Humor und Tone of Voice zur stärksten Markenstrategie wurden

von | 30. Jan. 2026 | Branding, Marketing

Oatly ist keine Hafermilch. Oatly ist ein Statement.

Oatly verkauft kein Produkt. Oatly verkauft eine Haltung.
Und das ist kein Marketing-Sprech, sondern eine strategische Entscheidung.

Während viele Food-Brands auf Health Claims, Perfektionsästhetik und weichgespülte Nachhaltigkeitsversprechen setzen, macht Oatly etwas völlig anderes:
Die Marke spricht. Und zwar so, wie Marken eigentlich nicht sprechen sollen.

Im Social Media Marketing wird das besonders sichtbar. Hier zeigt sich, wie Brand Strategy zur gelebten Sprache wird. Humor ist dabei kein nettes Extra, sondern markenprägendes Element. Oatly nutzt Sprache als Werkzeug, um Distanz abzubauen, Aufmerksamkeit zu erzeugen und kulturelle Relevanz zu schaffen.

Oder anders gesagt:
Oatly will nicht gefallen. Oatly will resonieren.

Brand Strategy: Die bewusste Entscheidung für die Challenger-Rolle

Jede starke Markenstimme beginnt mit einer klaren strategischen Haltung. Bei Oatly lautet diese: Wir sind der Störfaktor.

Die Brand Strategy basiert auf wenigen, dafür extrem konsequent umgesetzten Grundannahmen:

  • Der Markt ist voller austauschbarer Botschaften
  • Menschen haben genug von glattgebügelten Marken
  • Nachhaltigkeit braucht Ehrlichkeit, keine Hochglanzfassade

Oatly positioniert sich bewusst als Challenger Brand. Das heißt:
Nicht anpassen, sondern infrage stellen.
Nicht erklären, sondern kommentieren.
Nicht überzeugen wollen, sondern Diskussionen zulassen.

Diese Strategie spiegelt sich direkt im Social Media Marketing wider. Oatly kommuniziert nicht über die Community, sondern mit ihr. Kommentare dürfen widersprechen. Kampagnen dürfen anecken. Posts dürfen absurd sein.

Das Ergebnis:
Eine Marke mit klarer Kante, die nicht jedem gefällt – aber genau deshalb relevant bleibt.

Tone of Voice: Frech, selbstironisch, menschlich – und maximal bewusst

Oatly’s Tone of Voice wirkt spontan. Ist er aber nicht.
Er ist hochgradig strategisch.

Die Sprache folgt klaren Prinzipien:

  • Alltagssprache statt Marketingsprache
  • Ironie statt Belehrung
  • Persönlichkeit statt Perfektion

Oatly schreibt so, wie Menschen denken. Ungeordnet. Ehrlich. Manchmal leicht genervt. Manchmal übertrieben reflektiert. Oft mit einem humorvollen Twist, der Erwartungen bricht.

Wichtig:
Der Humor dient nie nur der Unterhaltung. Er ist Signalgeber.
Er sagt: Wir nehmen uns nicht wichtiger als die Sache.
Und genau das macht die Marke glaubwürdig.

Im Social Media Kontext sorgt diese Sprache für hohe Shareability, starke Community-Bindung und Wiedererkennbarkeit – selbst ohne Logo.

Humor als Markenwerkzeug – nicht als Gag

Viele Marken „machen Humor“. Oatly ist humorvoll.
Das ist ein großer Unterschied.

Humor bei Oatly erfüllt mehrere Funktionen gleichzeitig:

  • Er senkt die Einstiegshürde in komplexe Themen wie Nachhaltigkeit
  • Er macht Haltung zugänglich, ohne moralisch zu wirken
  • Er schafft emotionale Nähe

Dabei ist der Humor oft bewusst sperrig. Texte sind lang. Aussagen wirken fast zu ehrlich. Manche Botschaften lesen sich wie interne Gedanken – öffentlich gemacht.

Das erzeugt Irritation.
Und Irritation erzeugt Aufmerksamkeit.

Der Humor ist also kein Selbstzweck, sondern Teil der kommunikativen Markenarchitektur. Er trägt dazu bei, dass Oatly nicht nur gesehen, sondern erinnert wird.

Social Media als Verlängerung der Markenidentität

Oatly nutzt Social Media nicht als Vertriebskanal, sondern als kulturelle Plattform.
Jeder Post folgt der gleichen Logik wie Packaging, OOH oder Website:

  • gleiche Sprache
  • gleiche Haltung
  • gleiche Lust am Regelbruch

Das bedeutet auch:
Keine Trend-Hashtags ohne Sinn.
Keine Copy-Paste-CTAs.
Keine leeren Nachhaltigkeitsclaims.

Stattdessen entstehen Inhalte, die sich anfühlen wie Kommentare zum Zeitgeist. Social Media wird zur Bühne für Markenpersönlichkeit – nicht zur Rabattwand.

Für nachhaltige Marken ist das eine zentrale Erkenntnis:
Konsistenz schlägt Lautstärke.
Und Haltung schlägt Reichweite.

„Your brand is what people say about you when you’re not in the room.“

Jeff Bezos

Oatly sorgt sehr gezielt dafür, was gesagt wird – durch Sprache, Tonfall und Mut zur Unbequemlichkeit.

Warum Oatly ein Blueprint für werteorientierte Marken ist

Oatly zeigt eindrucksvoll, dass gutes Social Media Marketing nicht aus Tools, sondern aus Entscheidungen besteht. Entscheidungen für Haltung. Für Sprache. Für Persönlichkeit.

Die Marke beweist:
Humor kann tief sein.
Nachhaltigkeit kann laut sein.
Branding darf unbequem sein.

Für nachhaltige, tierfreundliche und werteorientierte Unternehmen liegt hier eine klare Lektion:
Eine starke Brand Strategy braucht einen ebenso starken Tone of Voice. Und dieser darf – nein, sollte – anders klingen als alles andere im Feed.

Du willst keine austauschbare Markenstimme, sondern eine Sprache mit Haltung?

Bei 2bu design entwickeln wir Brand Strategy, Branding und Tone of Voice nicht aus Trends, sondern aus Tiefe. Wir arbeiten mit den Archetypen nach C. G. Jung und übersetzen sie in zeitgemäße Markenhaltungen – so wie bei Oatly, wo der Challenger aus der Mischung von Rebell und Held entsteht.

Lass uns gemeinsam herausfinden, wie deine Marke sprechen darf.

👉 Schreib uns. Deine Brand hat etwas zu sagen.

Call-to-Actions in Social Media – wie nachhaltige Marken Menschen ins Handeln bringen

Call-to-Actions in Social Media – wie nachhaltige Marken Menschen ins Handeln bringen

von | 23. Jan. 2026 | Marketing

Warum Call-to-Actions mehr sind als Marketing

Social Media ist kein Monolog. Es ist ein Dialog mit Unterbrechungen, Ablenkung und sehr kurzen Aufmerksamkeitsspannen.
Ein CTA setzt hier einen Punkt. Oder besser: einen Pfeil nach vorn.

Ein guter Call-to-Action sagt nicht „kauf jetzt“, sondern:
„Wenn dich das interessiert, hier geht es weiter.“

Gerade nachhaltige Marken zögern oft. Zu laut? Zu werblich? Zu pushy?
Dabei ist das Gegenteil der Fall: kein CTA wirkt oft beliebig und unklar.

CTAs helfen:

  • Orientierung zu geben

  • Gespräche zu starten

  • Reichweite organisch aufzubauen

  • Beziehungen zu vertiefen

Oder einfacher gesagt: Wenn du etwas teilst, darfst du auch sagen, warum.

Warum viele CTAs nicht funktionieren

Die meisten schlechten CTAs sind nicht böse gemeint. Sie sind einfach unpräzise.

Typische Stolpersteine:

  • sehr allgemeine Aufforderungen ohne Nutzen

  • mehrere CTAs in einem Post (Überforderung lässt grüßen)

  • immer derselbe CTA, egal worum es geht

  • CTAs, die nur dem Unternehmen etwas bringen

Ein CTA funktioniert nur dann, wenn er inhaltlich zum Post passt.
Ein Wissenspost braucht etwas anderes als ein persönlicher Einblick oder ein Angebots-Post.

Nachhaltige Kommunikation heißt nicht, auf Klarheit zu verzichten.
Im Gegenteil.

Diese Arten von Call-to-Actions funktionieren besonders gut

CTAs haben unterschiedliche Aufgaben. Wer das versteht, schreibt automatisch bessere.

Interaktions-CTAs

Sie laden zur Meinung ein. Nicht zur Zustimmung.

Beispiele:

  • „Was denkst du dazu?“

  • „Welcher Punkt ist für dich gerade relevant?“

  • „Wie gehst du damit um?“

Diese CTAs sind leise, aber wirkungsvoll. Sie schaffen Nähe und Bewegung.

Mehrwert- und Bildungs-CTAs

Ideal für erklärende Inhalte, Guides oder Haltungsthemen.

Beispiele:

  • „Speichere dir den Post für später“

  • „Swipe für die Zusammenfassung“

  • „Lies weiter, wenn du nachhaltiges Marketing tiefer verstehen willst“

Der CTA verstärkt hier den Nutzen des Contents.

Beziehungs-CTAs

Sie sagen: Du bist hier willkommen.

Beispiele:

  • „Folge uns für ehrliches Marketing mit Haltung“

  • „Schreib uns eine DM, wenn dich das Thema beschäftigt“

  • „Wenn du dich hier wiederfindest, bleib gern“

Gerade für kleine, wertebasierte Marken sind diese CTAs essenziell.

Angebots-CTAs

Ja, verkaufen ist erlaubt. Transparenz macht den Unterschied.

Beispiele:

  • „Mehr zu unserer Arbeitsweise findest du hier“

  • „So unterstützen wir nachhaltige Marken im Branding“

  • „Schau, ob eine Zusammenarbeit für dich passt“

Kein Druck. Klare Einladung.

Wie CTAs nicht nach Marketing klingen

Der Ton entscheidet.
Gute CTAs fühlen sich an wie der logische letzte Satz eines Beitrags.

Hilfreiche Leitlinien:

  • ein CTA pro Post

  • aktiv, aber ruhig formuliert

  • konkret statt vage

  • ehrlich statt clever

Ein einfacher Realitätscheck:
Würdest du diesen Satz auch im echten Gespräch sagen?
Wenn nicht, merkt das auch deine Community.

Passend dazu ein Gedanke von Simon Sinek:

„People don’t buy what you do; they buy why you do it.“

Simon Sinek

Ein CTA ohne Haltung verpufft. Einer mit Haltung wirkt – auch ohne Ausrufezeichen.

CTAs als Teil deiner Markenstimme

Call-to-Actions sind kein Anhängsel. Sie sind Teil deiner Brand Voice.
Sie sollten dieselben Werte transportieren wie dein Design, deine Sprache und deine Angebote.

Für nachhaltige Marken heißt das:

  • weniger Druck, mehr Einladung

  • weniger Taktik, mehr Klarheit

  • weniger Lautstärke, mehr Substanz

Bei 2bu design denken wir CTAs immer strategisch mit. Nicht isoliert, sondern eingebettet in Branding, Content-Strategie und langfristige Sichtbarkeit. Denn ein einzelner Post wirkt selten. Ein stimmiges System schon.

Starke Call-to-Actions sind keine Marketing-Tricks

Sie sind ein Service. Sie helfen deiner Community zu verstehen:

  • warum dein Content relevant ist

  • was sie damit tun können

  • wie sie mit dir in Verbindung treten

Gerade nachhaltige Marken dürfen lernen, klar sichtbar zu sein – ohne ihre Werte zu verlieren.

CTAs sind kein Widerspruch zu Achtsamkeit.
Sie sind Struktur in einer lauten Welt.

Du willst Social Media, das nicht nur schön aussieht, sondern klar führt?
Du willst CTAs, die zu deiner Marke passen und sich nicht nach Marketing anfühlen?

Dann lass uns gemeinsam schauen, wie nachhaltiges Branding und Social Media für dein Business sinnvoll zusammenspielen.

👉 Vereinbar einfach ein unverbindliches Coffee Date auf unserer Startseite.

Wenn du möchtest, können wir als nächsten Schritt auch:

  • konkrete Instagram-CTAs für deine Content-Formate entwickeln

  • eine 2bu-typische CTA-Bibliothek bauen

  • oder CTAs direkt in bestehende Posts integrieren und schärfen

Website Hosting verstehen: Welche Lösung passt zu Dir und Deinem Budget

Website Hosting verstehen: Welche Lösung passt zu Dir und Deinem Budget

von | 12. Jan. 2026 | Marketing

1. Große Hosting-Anbieter: bequem, günstig – aber nicht immer smart

Große Hosting-Anbieter wie Strato, IONOS, All-Inkl oder Hetzner sind für viele der erste Kontaktpunkt mit dem Thema Website. Der Einstieg ist einfach, die Preise von 5–10 € wirken attraktiv und die Versprechen sind groß: viel Speicher, hohe Verfügbarkeit, 24/7-Support. Für kleine Projekte oder Landingpages kann das absolut ausreichend sein. Problematisch wird es meist erst dann, wenn Websites wachsen oder individueller werden.

Der größte Vorteil liegt in der Standardisierung. Diese Anbieter betreiben riesige Serverstrukturen, auf denen tausende Websites parallel laufen. Das senkt Kosten – aber auch Flexibilität. Updates, Server-Konfigurationen oder PHP-Versionen sind oft vorgegeben. Für WordPress-Seiten mit Divi, WooCommerce oder individuellen Plugins kann das schnell zu Performance-Einbußen oder Inkompatibilitäten führen.

Ein weiterer Punkt: Support ist nicht gleich Support. Zwar gibt es Hotlines, aber selten feste Ansprechpartner. Die Menschen am anderen Ende kennen deine Website nicht und du verstehst die Sprache nicht. Wenn etwas kaputt ist, dann musst Du meist einen Developer beauftragen. Monitoring, Sicherheitschecks oder SEO-relevante Performance-Optimierungen gehören nicht zum Leistungsumfang.

Vorteile großer Anbieter

  • günstiger Einstieg
  • einfache Einrichtung
  • gute Basis für kleine, statische Websites

Nachteile

  • Du musst deine URL selber kaufen
  • E-Mails werden nicht für dich eingerichtet
  • geteilte Server → schwankende Performance
  • kein Blick auf deine konkrete Website
  • Wartung, Updates und Sicherheit bleiben bei dir

2. Developer-Hosting: wenn Technik Teil der Strategie wird

Beim Hosting über einen Developer oder eine Agentur liegt deine Website nicht einfach „irgendwo“, sondern bewusst in einer betreuten Umgebung für 10–25 €. Der Server ist auf dein System abgestimmt: WordPress-Version, Divi-Theme, Plugins, PHP-Einstellungen und Caching greifen sauber ineinander. Das wirkt sich direkt auf Ladezeit, Stabilität und SEO aus.

Der entscheidende Unterschied: Dein Developer kennt deine Website. Er oder sie weiß, welche Plugins kritisch sind, welche Updates man testen sollte und wo potenzielle Schwachstellen liegen. Statt erst zu reagieren, wenn etwas kaputtgeht, wird regelmäßig geprüft, aktualisiert und optimiert. Das reduziert Ausfälle, Sicherheitslücken und Stress.

Gerade für Unternehmer, die nicht besonders technikaffin sind oder Marken mit sensiblen Inhalten z. B. von Coaches und Therapeuten ist das ein echter Vorteil. Deine Website ist nicht nur online – sie ist betreut & sicher. Und das meist für überraschend kleines Geld, weil viele Developer Sammelserver oder optimierte Setups nutzen.

Typische Leistungen beim Developer-Hosting

  • URL wird in deinem Namen gekauft
  • E-Mails werden für Dich eingerichtet
  • regelmäßige Updates (Core, Theme, Plugins)
  • Sicherheits-Monitoring
  • Performance-Checks
  • Backups & Wiederherstellung
  • technischer Ansprechpartner, der dein Setup kennt

3. Monatliche Website-Pflege: kleine Stunden, große Wirkung

Viele Developer bieten zusätzlich Wartungs- oder Pflegepakete an. Meist sind darin 1–2 Stunden pro Monat für einfache Arbeiten enthalten. Klingt wenig, ist aber strategisch extrem wertvoll. Denn diese Zeit kann flexibel genutzt werden: kleine Textanpassungen, Bildwechsel oder SEO-Feinschliff. Die Kosten dafür liegen bei 25 € aufwärts. 

Der große Vorteil liegt in der Planbarkeit für beide Seiten. Du musst nicht jedes Mal ein neues Angebot anfragen, erklären, warten. Dein Developer hat Zeit für dich reserviert – und kann reagieren, wenn etwas kurzfristig ansteht. Gerade für Selbständige und NGOs, bei denen Aktionen oft spontan entstehen, ist das Gold wert.

Zusätzlich sinkt die Hemmschwelle, Dinge zu optimieren. Statt „Das lohnt sich jetzt nicht“ entsteht ein kontinuierlicher Verbesserungsprozess. Und genau der ist aus SEO- und Markenperspektive entscheidend.

Was monatliche Pflege ermöglicht

  • umgehende Reaktionen ohne Extra-Kosten
  • Neue Projekte schneller umgesetzt
  • kontinuierliche Optimierung statt Einzelaktionen
  • weniger technische Altlasten
  • bessere Performance & Sichtbarkeit

Eingespieltes Team vs. ständig neue Ansprechpersonen

Ein Punkt, der oft unterschätzt wird: Wechselnde Teams kosten Geld. Jedes neue Team muss sich einarbeiten, die Website verstehen, alte Entscheidungen nachvollziehen. Das ist nicht effizient – weder wirtschaftlich noch nachhaltig.

2budesign arbeitet daher mit einem eingespieltes Team. Entscheidungen werden schneller getroffen, Probleme früher erkannt und Lösungen passender umgesetzt. Das spart nicht nur Zeit, sondern auch Budget. Zudem entstehen weniger Missverständnisse, weil Kontext vorhanden ist – etwas, das man nicht in Ticketsysteme schreiben kann.

Gerade für werteorientierte Unternehmen ist diese langfristige und vertrauensvolle Zusammenarbeit sinnvoll. Daher setzen wir auf die Lösungen 2 und 3 mit unseren Developern. Kontinuität und Verantwortung sind so nicht nur Buzzwords, sondern echte Erfolgsfaktoren. Auf Wunsch richten wir uns natürlich auch nach dem speziellen Bedarf für Dein System.

Warum ein fixes Setup Sinn macht

  • weniger Abstimmungsaufwand
  • geringere Einarbeitungskosten
  • konsistente technische Entscheidungen
  • langfristige Qualität statt kurzfristiger Flicklösungen

Hosting ist keine Nebensache

Hosting entscheidet darüber, ob deine Website nur existiert – oder wirkt. Große Anbieter sind bequem, aber selten strategisch. Developer-Hosting mit Pflegepaket schafft Stabilität, spart langfristig Kosten und entlastet dich mental. Vor allem dann, wenn Branding, Content und Technik zusammenspielen sollen.

Du willst dich nicht mit Servern, Updates und technischen Details beschäftigen, sondern mit dem, was wirklich zählt: deiner Marke?

Wir von 2bu design arbeiten eng mit erfahrenen Developern zusammen und denken Hosting, Design und Pflege ganzheitlich. Ob Divi-Website, WooCommerce-Shop oder nachhaltige Kampagnen-Seite: Wir sorgen dafür, dass Technik leise im Hintergrund funktioniert – und deine Werte sichtbar werden.

Lass uns gemeinsam ein Setup bauen, das stabil, nachhaltig und zukunftsfähig ist.

Welche Dateiformate braucht mein Branding?

Welche Dateiformate braucht mein Branding?

von | 8. Aug. 2025 | Branding, Marketing

Warum es nicht nur eine richtige Datei gibt

Dein Logo ist vielleicht überall dasselbe – aber die Anforderungen an die Datei sind es nicht. Denn: Ein Social-Media-Post braucht andere Spezifikationen als ein T-Shirt-Druck oder eine Visitenkarte.

Wichtig zu verstehen:

  • Nicht jedes Dateiformat ist für alles geeignet

  • Farbmodi wie RGB und CMYK bestimmen, ob dein Design auf dem Bildschirm oder im Druck gut aussieht

  • Die Auflösung (dpi) entscheidet, ob das Ganze pixelig oder knackig scharf wird

Das klingt nach Nerd-Kram, ist aber das A und O für ein konsistentes Erscheinungsbild – und spart dir Nerven, wenn du mit Druckereien, DienstleisterInnen oder Onlineshops zusammenarbeitest.

Dateiformate: Welches wofür – ein Überblick

Im Design unterscheiden wir grundsätzlich zwischen zwei Dateiformaten: Rastergrafiken, die aus einzelnen Pixeln bestehen, und Vektorgrafiken, die sich verlustfrei skalieren lassen.

Rasterformate – für Fotos & Webgrafiken

Diese Formate bestehen aus Pixeln und sind nicht unendlich skalierbar:

  • JPG / JPEG

    • Gängigstes Format für Fotos

    • Komprimiert, daher kleinere Dateigröße

    • Keine Transparenz möglich

    • Gut für: Web, Social Media, Newsletter

  • PNG

    • Unterstützt Transparenz (z. B. bei Logos ohne Hintergrund)

    • Verlustfrei komprimiert

    • Größer als JPG

    • Gut für: Webseiten, Präsentationen, kleine Drucksachen

  • TIFF

    • Hochwertiges Bildformat ohne Qualitätsverlust

    • Sehr große Dateigröße

    • Gut für: professionellen Druck, Archivierung

Vektorformate – für Logos, Icons & Druck

Diese Formate bestehen aus mathematischen Formen und sind beliebig skalierbar – ganz ohne Qualitätsverlust:

  • SVG

    • Ideal für Web und responsive Designs

    • Kleine Dateigröße, aber nicht überall druckfähig

    • Gut für: Webseiten, Online-Icons, Illustrationen

  • EPS

    • Klassisches Vektorformat für Druck

    • Wird oft von Druckereien verlangt

    • Gut für: Plakate, Banner, Werbematerial

  • PDF

    • Universelles Format für Druckdaten

    • Kann sowohl Raster- als auch Vektordaten enthalten

    • Gut für: Druckfreigaben, Proofs, Flyer, Broschüren

Tipp von uns: Lass dir von deiner Agentur immer eine Auswahl an Formaten geben. So bist du für alle Anwendungen gewappnet – von der Website bis zum Messestand.

Farbmodus: RGB vs. CMYK – Bildschirm oder Druck?

Farben sind nicht gleich Farben – zumindest nicht digital. Die Frage ist: Leuchtet die Farbe (RGB) oder wird sie gedruckt (CMYK)?

RGB – für digitale Anwendungen

  • Steht für Rot, Grün, Blau

  • Farbmodus für Monitore, Smartphones, Webseiten

  • Leuchtend, kräftig, lebendig

  • Farbraum ist größer, aber nicht druckbar

CMYK – für den Druck

  • Steht für Cyan, Magenta, Yellow, Key (Schwarz)

  • Farbmodus für Druckprodukte aller Art

  • Farben wirken oft matter als auf dem Bildschirm

  • Wichtig für: Visitenkarten, Plakate, Broschüren, Verpackungen

Wichtig: RGB-Daten sehen auf dem Bildschirm toll aus, können aber im Druck enttäuschen. Daher müssen alle Druckdaten immer in CMYK umgewandelt werden – idealerweise schon vor dem Designprozess, um böse Überraschungen zu vermeiden.

Auflösung: Was bedeuten eigentlich dpi?

dpi = dots per inch – also wie viele Bildpunkte pro Zoll dargestellt werden. Je höher die Zahl, desto schärfer wird das Ergebnis. Aber: Nicht alles braucht 300 dpi.

Die wichtigsten dpi-Werte auf einen Blick:

  • 72 dpi

    • Für: Web, Bildschirm, Social Media

    • Reicht völlig für digitale Darstellung

    • Schnell ladbar, kleine Dateigröße

  • 150 dpi

    • Für: einfache Office-Ausdrucke, Präsentationen

  • 300 dpi

    • Für: professionellen Druck

    • Visitenkarten, Flyer, Broschüren, Verpackungen

  • 600+ dpi

    • Für: sehr feine Drucke, z. B. bei Kunstdrucken oder Etiketten

Fun Fact: Ein Bild mit 72 dpi sieht am Bildschirm gut aus, aber im Druck pixelig und unscharf. Umgekehrt ist ein 300 dpi Bild fürs Web überdimensioniert und sorgt für lange Ladezeiten.

Was bedeutet das für nachhaltige Unternehmen?

Nachhaltigkeit hört nicht bei Ökopapier auf – sondern beginnt schon bei der klaren Kommunikation Deiner Marke. Wenn du:

  • die richtigen Formate für jeden Kanal nutzt,

  • Farbprofile konsistent einsetzt und

  • mit einer schlauen Auflösung arbeitest,

…vermeidest du nicht nur Fehler, sondern auch unnötige Neudrucke, Rücksendungen oder stundenlange Rückfragen mit der Druckerei. Das spart Ressourcen, Nerven und CO₂.

Alles eine Frage der Form(at)s

Ob Website, Visitenkarte oder Geschenkbox – die Datei muss zur Anwendung passen. Und genau deshalb ist es so wichtig, die Unterschiede zwischen JPG, PNG, EPS & Co. zu kennen. RGB vs. CMYK? dpi? Klingt technisch, ist aber essenziell, um professionell, effizient und nachhaltig zu arbeiten.

Du bist nicht sicher, ob dein Logo in der richtigen Datei vorliegt? Deine Druckerei schreit nach Vektor, und du hast nur ein verpixeltes JPG? Du willst also endlich ein Corporate Design, das nicht nur schön aussieht, sondern strategisch durchdacht und einfach anwendbar ist? Dann melde dich bei 2bu design.

Wir helfen dir bei:

  • Produktfotografie, die wirkt – digital und gedruckt

  • Stilfindung für Deine Marke – mit Farben, die auch gedruckt großartig aussehen

  • Corporate Design & Templates, die du stressfrei einsetzen kannst

  • Medien-Dateien, die in jedem Format überzeugen – vom Insta-Post bis zum Großflächenplakat

Professionell, nachhaltig & mit Liebe zum Detail. Design, das bleibt – und wirkt.

Die 5 Phasen des Customer Lifecycles – erklärt für nachhaltige Unternehmen

Die 5 Phasen des Customer Lifecycles – erklärt für nachhaltige Unternehmen

von | 20. Juni 2025 | Marketing

Was ist der Customer Lifecycle?

Kleine Unternehmen, die mit Herz, Haltung und Purpose arbeiten, stehen vor einem Balanceakt: Sie wollen verkaufen – aber nicht überreden. Sie wollen wachsen – aber nicht auf Kosten von Mensch oder Umwelt. Sie wollen sichtbar sein – aber nicht marktschreien. Genau dafür ist der Customer Lifecycle (auf Deutsch: Kundenlebenszyklus) ein wertvolles Modell. Nicht als Marketing-Trick, sondern als Beziehungskompass. Von der ersten Aufmerksamkeit bis zum loyalen Fan – so begleiten nachhaltige Marken ihre KundInnen mit Haltung statt Druck. Der Customer Lifecycle beschreibt den gesamten Weg, den ein Mensch mit deinem Unternehmen geht – vom ersten Kontakt bis zum Wiederkauf (und idealerweise darüber hinaus).

Anders als die Customer Journey, die bis zum Kauf reicht, beginnt der Lifecycle genau dort. Für bewusste Marken ist das ideal: Statt auf aggressive Conversion-Strategien setzt dieser Ansatz auf nachhaltige Kundenbindung. Besonders für sensible GründerInnen, vegane Brands und soziale Unternehmen ein wertvolles Modell.

Es gibt 5 Phasen:

  • Die Phasen 1–3 bringen oft den schnellsten sichtbaren Erfolg.

  • Ab Phase 4 zeigt sich, wie nachhaltig dein Business wirklich funktioniert.

Alle Schritte zusammen bilden die Customer Experience – also die Gesamterfahrung deiner KundInnen mit deiner Marke. Entlang dieses Weges entstehen zahlreiche sogenannte Touchpoints, also Berührungspunkte zwischen KundIn und Marke.

Diese Touchpoints lassen sich grob in zwei Kategorien einteilen:

  • Gemanagte Touchpoints: vom Unternehmen gezielt gesteuerte Kontaktpunkte wie z. B. Online-Anzeigen, Newsletter, Produktseiten oder POS-Displays.

  • Verdiente Touchpoints: unkontrollierbare, aber enorm einflussreiche Berührungspunkte wie Bewertungen, Empfehlungen, Social-Media-Erwähnungen oder virale Trends aus der Community.

Darüber hinaus wird häufig zwischen digitalen und physischen Touchpoints unterschieden – von der Instagram-Ad über die Produktverpackung bis zum Kundengespräch am Messestand. Beide Arten sind entscheidend für die Markenwahrnehmung – und sollten strategisch aufeinander abgestimmt werden.

1. Aufmerksamkeit (Awareness) – Bewusstsein

In dieser Phase begegnet ein Mensch zum ersten Mal deiner Marke – sei es durch einen Instagram-Post, eine Empfehlung, eine Google-Suche oder einen Messebesuch. Jetzt zählt vor allem eines: Relevanz. Dein Content muss ein echtes Bedürfnis ansprechen – ehrlich, informativ, sympathisch. Die UserInnen scrollen schnell, entscheiden intuitiv. Umso wichtiger ist ein prägnanter Auftritt, der Vertrauen weckt.

Rund 90 % der NutzerInnen lesen Online-Bewertungen, bevor sie sich mit einer Marke beschäftigen. Das zeigt: Auch in der Awareness-Phase haben deine bisherigen Kund:innen Einfluss. Nutze authentische Testimonials, starke SEO-Inhalte und soziale Reichweite. Achte dabei auf klare Sprache und ein durchgängiges Design – es ist dein digitaler Händedruck.

Was braucht deine Zielgruppe jetzt?

  • Orientierung im Angebotschaos

  • Vertrauen, dass du ihre Themen wirklich verstehst

  • Keine leeren Marketingversprechen, sondern Substanz

Hier solltest du glänzen mit:

  • Divi-Webseiten, die Klarheit schaffen, nicht verwirren.

  • Storytelling, das deine Haltung zeigt – nicht deine Verkaufsziele.

  • Social Media Content, der sich nicht verkaufen will, sondern berührt.

  • Blogartikeln mit echten Mehrwerten (keine SEO-Grütze mit 27 Keywords auf 400 Wörtern)

  • Google & facebook Ads, die nicht wie Clickbait wirken

  • Zielgruppengerechtem Corporate Design für eine klare Linie

Aber Obacht: In dieser Phase willst du nicht wie ein Marktschreier auftreten, sondern wie jemand, der ein echtes Problem löst. Informativ, ehrlich, hilfreich – keine glattpolierte Verkaufsnummer. Deine Buyer Persona hat ein Bedürfnis, du hast (hoffentlich) die Lösung.

2. Vergleichsphase (Consideration) – Überlegung

Jetzt wird’s konkret: Die Interessierten vergleichen Angebote, prüfen Preise und klicken sich durch Produktdetails. Vielleicht liegt dein Produkt schon in einer Wunschliste oder der Warenkorb wurde befüllt – aber noch nicht gekauft. Jetzt ist die Zeit, um Vertrauen aufzubauen und Kompetenz zu zeigen. Deine Website sollte logisch aufgebaut sein, schnell laden und relevante Infos klar darstellen.

Mit realen Case Studies, Produktbewertungen oder z. B. einer Checkliste à la „Darauf solltest du beim Kauf achten“ stärkst du deine Position im Kopf der KäuferInnen. Hier entscheidet sich, ob dein Unternehmen als professionell und sympathisch wahrgenommen wird – oder als austauschbar.

Was brauchen sie jetzt?

  • Beweise. Klarheit. Echte Einblicke.

  • Kein Hochglanz, sondern Nahbarkeit

  • Das Gefühl: „Die haben’s durchdacht.“

Was hier wirkt:

  • Klar strukturierte Informationen auf deiner Website (Produktbeschreibungen, Referenzen, Wertekataloge)

  • Testimonials, Case Studies, echte Menschen statt Stockfotos

  • Transparenz: Woher kommen die Materialien? Wer macht den Job?

  • CD-Manuals & visuelle Klarheit, die zeigen: „Wir wissen, wer wir sind.“

  • Produktseiten, die alle Fragen beantworten, bevor sie gestellt werden

Tipp aus der Praxis: Ein „Haben Sie etwas vergessen?“-Reminder per Mail ist oft der letzte Schubs Richtung Kauf. (Klappt übrigens auch im echten Leben. Nur subtiler.)

3. Kaufphase (Purchase) – Konvertierung

Die Entscheidung ist gefallen – jetzt darf nichts schiefgehen. Ein umständlicher Checkout, fehlende Zahlungsmethoden oder ein unübersichtlicher Warenkorb können zum Abbruch führen. Mach den Kaufvorgang so einfach wie möglich: Gastbestellungen, klare Rabattangaben, hilfreiche Hinweise und ein barrierefreier Ablauf gehören dazu.

Auch hier gilt: Kommuniziere smart! Nutze z. B. Hinweise wie „Nur noch 3 Stück auf Lager“ oder „10 € Rabatt für Newsletter-Abonnements“. Achte darauf, dass die Kundschaft nicht von Pop-ups erschlagen wird – Authentizität geht vor.

Was brauchen sie?

  • Klarheit. Übersicht. Optionen.

  • Einen Prozess, der sich leicht anfühlt – nicht wie ein Hindernislauf

  • Gern auch ein bisschen Wertschätzung

Don’t mess this up:

  • WooCommerce Shops, die nicht nur funktionieren, sondern auch geführt wirken

  • Mobile-optimiertes Design, besonders für sensible User, die unterwegs einkaufen

  • Hinweise auf nachhaltige Vorteile (z. B. klimaneutraler Versand, plastikfreie Verpackung)

  • Newsletter-Anreize, aber nicht zu aufdringlich: „Wenn du magst, bleib mit uns in Kontakt.“

  • Klarer Checkout-Prozess ohne Stolperfallen mit allen gängigen Zahlungsmethoden (inkl. Klarna, Apple Pay & Co.) und gut sichtbarem Rabatt-Code-Feld

  • Gastbestellung möglich? Ja bitte!

  • Einheitliche Produktbilder in XXL und mit Zoom

Bonus: Biete optional ein Abo-Modell oder Clubmitgliedschaften an – das schafft Bindung und wiederkehrenden Umsatz.

    4. Produkterlebnis (Retention) – Erhalt

    Jetzt kommt das Produkt an – und dieser Moment entscheidet, ob aus einem einmaligen Kauf eine langfristige Beziehung wird. Verpackung, Versandinfos, Zusatzmaterialien: Alles zählt. Ist das Paket liebevoll und nachhaltig gepackt? Gibt es eine nette Botschaft, ein kleines Geschenk oder einen Rabatt für die nächste Bestellung? Diese Gesten machen aus einer Lieferung ein Erlebnis.

    Auch der Kundenservice spielt jetzt eine Schlüsselrolle. Wird auf Rückfragen schnell und freundlich geantwortet? Ist die Retoure unkompliziert? All das zeigt: Du nimmst deine KundInnen ernst – und das wird belohnt.

    Was brauchen KundInnen jetzt?

    • Orientierung (Paketinfo, Rückgabe, Kontaktmöglichkeit)

    • Das Gefühl, nicht allein zu sein mit dem Produkt

    • Und im besten Fall: kleine, liebevolle Überraschungen

    Was sie hier wirklich zu schätzen wissen:

    • Automatisierte, aber menschlich geschriebene Mails: Versand, Danke, Willkommen, Updates + Trackingnummer

    • Kurze Anleitungen oder Tutorials, wie das Produkt ideal genutzt wird

    • Give-Aways oder Rabattcodes, die sich nach Wertschätzung anfühlen, nicht nach Lockangebot (Sticker, Rabattkarte, Loveletter)

    • Nachhaltige Verpackung, die Haltung zeigt – kein Plastik-Cringe

    • Rücksendeformular direkt im Paket (bitte KEIN Ausdruck nötig!)

    Hier entstehen die Geschichten, die deine KundInnen erzählen – oder eben nicht.

      5. Markentreue (Advocacy) – Fans

      Der Kunde war zufrieden? Dann ist jetzt deine Chance, ihn langfristig zu binden. Überrasche mit Aktionen für BestandskundInnen, erinnere mit smarten Mails an Produkte im Warenkorb oder biete exklusive Inhalte für Clubmitglieder. Besonders wirkungsvoll: Personalisierte Kommunikation – z. B. ein Geburtstagsgruß oder eine saisonale Rabattaktion.

      Achte darauf, auch in dieser Phase nicht übergriffig zu wirken. Menschen spüren, ob du wirklich eine Beziehung aufbaust – oder ob du nur den nächsten Kauf erzwingen willst. Fans bleiben nicht wegen Rabatten, sondern wegen Emotionen.

      Was wollen deine KundInnen?

      • Nicht vergessen werden

      • Inspirierende Impulse

      • Wertschätzung für ihre Treue

      Was hier wirkt wie ein Liebesbrief:

      • Personalisierte Newsletter, nicht nur „Hallo {Vorname}“, sondern wirklich relevant

      • Inaktive Kontakte reaktivieren mit Herz, nicht Druck („Du warst lang nicht da. Schau mal, was wir verändert haben.“)

      • Geburtstagsmails, Feiertagsgrüße, Aktionen für Stammkund*innen

      • Social Media Formate, in denen Kund*innen selbst auftauchen (z. B. Reposts, Community-Aktionen, Feedback-Highlights)

      • Langfristige Content-Strategie, die nicht verkauft, sondern begleitet

      Und das Beste: Wenn dein Produkt wirklich überzeugt, übernehmen deine KundInnen das Marketing für dich – freiwillig. Ob über TikTok, Insta, Bewertungen oder im Real Life: Begeisterte Menschen reden.

      Der Lifecycle ist kein Tool – sondern eine Haltung

      Und genau deshalb passt er so gut zu nachhaltigen UnternehmerInnen, sinngetriebenen Projekten, veganen Labels, kreativen EinzelkämpferInnen und allen, die lieber ehrlich wachsen als aggressiv skalieren.

      Wer versteht, wie KundInnen ticken, wann sie Aufmerksamkeit brauchen und wo sie abspringen, gewinnt langfristig. Nicht mit Rabattschlachten. Sondern mit durchdachten, menschlichen Touchpoints.

      Der Lifecycle ist ein Beziehungsmodell. Wenn du begreifst, dass deine Marke nicht für Produkte steht, sondern für Werte und Haltung, dann wirst du ganz automatisch die Menschen anziehen, die genau das suchen. Nicht lauter, sondern klarer. Nicht breiter, sondern tiefer.

      Wir bei 2bu design helfen dir, jede Phase dieses Lifecycles visuell, strategisch und empathisch zu gestalten – mit klarer Kommunikation, durchdachtem Design und einer ganzheitlichen Brand Identity, die wirkt.

      Was wir für dich z. B. umsetzen können:

      • Stratgieberatung für sensible GründerInnen & nachhaltige Marken

      • Emotionales, durchdachtes Corporate Design inkl. CD-Manuals

      • Social Media Marketing, das ehrlich kommuniziert – nicht überredet

      • SEO-starke Divi-Websites mit Herz und Struktur

      • Maßgeschneiderte WooCommerce-Shops, die verkaufen ohne zu nerven

      • Newsletter-Kampagnen und Lifecycle-E-Mail-Strecken

        Benton Modern – klassische Serifenschrift für Editorial Design mit Haltung

        Benton Modern – klassische Serifenschrift für Editorial Design mit Haltung

        von | 7. Juni 2025 | Branding

        Eine Zeitungsschrift und genau deshalb so gut

        Benton Modern wurde nicht entworfen, um auf Dribbble zu glänzen. Sie wurde gebaut, um gelesen zu werden. Tag für Tag. Spalte für Spalte.

        Font Bureau entwickelte Benton Modern ursprünglich als Textschrift für den Boston Globe und die Detroit Free Press. Zeitungen sind gnadenlos ehrlich, was Typografie betrifft. Wenn eine Schrift nicht funktioniert, merkt man das sofort. Schlechter Lesefluss? Nervige Formen? Ermüdung nach wenigen Absätzen? Keine Chance.

        Die gestalterische Grundlage bildet Century Expanded, entworfen um 1900 von Morris Fuller Benton für ATF. Eine Schrift aus einer Zeit, in der Typografie noch ein echtes Handwerk war. Proportionen mit Sinn. Serifen mit Funktion. Ein ruhiger Grauwert, der Inhalte trägt statt sie zu übertönen.

        Benton Modern ist eine sehr respektvolle Neuauflage dieser Idee. Historisch im Kern, technisch zeitgemäß umgesetzt. Sie wirkt stabil, klar und überraschend modern – gerade weil sie sich nicht an kurzlebigen Trends orientiert.

        Für Editorial Design, Magazine, Blogs oder umfangreiche Textstrecken ist das ein Geschenk. Und auch im Brandingspielt sie ihre Stärke aus: Sie vermittelt Glaubwürdigkeit, Seriosität und Tiefe. Eigenschaften, die nachhaltige und ethische Marken dringend brauchen.

        Ruhige Details statt lauter Effekte

        Was Benton Modern besonders macht, passiert leise. Die Schrift will nicht auffallen. Sie will funktionieren.

        Die Kursive basiert auf Century Schoolbook. Viele kennen sie aus Schulbüchern. Genau deshalb fühlt sie sich so vertraut an. Sie wirkt menschlich, zugänglich und ehrlich. Keine akademische Arroganz. Kein typografisches Gehabe.

        Ergänzt wird die Familie durch Display-Schnitte, gestaltet von Dyana Weissman und Richard Lipton. Sie bringen etwas mehr Präsenz ins Spiel, bleiben aber der Grundhaltung treu. Ideal für Überschriften, Zitate oder Editorial-Aufmacher. Klar. Ruhig. Souverän.

        Gerade für Marken, die bewusst kommunizieren wollen, ist diese Zurückhaltung ein Vorteil. Benton Modern drängt sich nicht zwischen Absender und Botschaft. Sie lässt Inhalte wirken.

        In der Praxis bedeutet das: weniger typografische Korrekturen, weniger visuelles Nachjustieren, mehr Fokus auf das Wesentliche. Nachhaltig im besten Sinne.

        Wer steckt dahinter?

        Die Display-Schnitte von Benton Modern wurden von Dyana Weissman und Richard Lipton entwickelt. Beide stehen für funktionales, präzises Type Design mit Haltung.

        Heute wird die Schrift von Monotype Studio betreut. Ein internationales Team mit über 50 Mitarbeitenden, das Marken weltweit dabei unterstützt, eine eigenständige visuelle Stimme zu entwickeln. Seit 2025 gehört auch Fontworks Inc. zu Monotype – ein Zusammenschluss, der zeigt, wie strategisch relevant Typografie geworden ist.

        Warum wir Benton Modern lieben

        Wir lieben Benton Modern, weil sie Inhalte ernst nimmt. Weil sie nicht laut ist. Und weil sie Vertrauen schafft.

        Für werteorientiertes Branding, Editorial Design und durchdachte Markenkommunikation ist sie eine hervorragende Wahl. Sie passt zu Unternehmen, die langfristig denken. Zu Marken, die nicht schreien müssen. Und zu allen, die wissen, dass gute Typografie oft genau dann am besten ist, wenn man sie kaum bemerkt.

        Zusätzliche Lizenzoptionen – etwa für Apps oder Enterprise-Nutzung – finden Sie auf www.monotype.com/de.

        Bilder für Websites – zwischen Ästhetik und Ladezeit

        Bilder für Websites – zwischen Ästhetik und Ladezeit

        von | 9. Mai 2025 | Branding, Marketing

        Das Dateiformat – jpeg, png oder gif

        Für eine überzeugende Web-Performance ist es entscheidend, Bilddaten möglichst schlank zu halten, ohne dabei an Wirkung zu verlieren. Wer das ignoriert, riskiert hohe Absprungraten und verschenkt wertvolles SEO-Potenzial. Aber keine Sorge: Mit ein paar gezielten Maßnahmen lassen sich Ladezeiten minimieren – ganz ohne auf gute Gestaltung zu verzichten.

        Bilder sind weit mehr als nur visuelle Dekoration. Sie tragen zur Markenbildung bei, steuern Emotionen – und sind (richtig eingebunden) echte Conversion-Booster. Umso wichtiger ist es, zu verstehen, welche Bildformate sich wofür eignen und welche technischen Einstellungen sinnvoll sind.

        Die gängigen Bildformate im Web

        • JPEG: Ideal für Fotos, gutes Verhältnis zwischen Qualität und Dateigröße.

        • PNG: Unterstützt Transparenz, besser für Grafiken mit wenig Farben.

        • GIF: Alt, aber für Animationen (z. B. in Newslettern) immer noch relevant.

        JPEG (Joint Photographic Experts Group) ist das wohl bekannteste Bildformat im Web – und das aus gutem Grund: Es bietet eine starke Komprimierung bei gleichzeitig hoher Bildqualität. Farben werden realistisch dargestellt, und selbst bei reduzierter Dateigröße bleibt das Bild meist klar und detailreich. Deshalb ist JPEG perfekt für Fotos und Bilder mit vielen Farbverläufen geeignet.

        PNG (Portable Network Graphics) komprimiert ebenfalls effektiv, allerdings auf andere Weise: Es reduziert die Anzahl der verwendeten Farben, was die Dateigröße schrumpfen lässt. Je mehr Komprimierung, desto kleiner also das Farbspektrum. Der große Vorteil: PNG kann im Gegensatz zu JPEG Transparenzen darstellen – ideal für Logos oder Icons, die sich nahtlos in einen Hintergrund einfügen sollen. Deshalb ist PNG besonders beliebt für Grafiken mit wenigen Farben und transparenten Hintergründen.

        GIF (Graphics Interchange Format) ist technisch nicht mehr ganz auf der Höhe, wird aber nach wie vor für einfache Zwecke eingesetzt. Es kann ebenfalls Transparenz darstellen, ist jedoch auf nur 256 Farben begrenzt – was bei Fotos unnatürlich wirken kann. Der große Pluspunkt: GIFs können animiert werden. Deshalb sind sie bis heute beliebt für kleine Animationen, z. B. in Newslettern, Chats oder als Reaktions-Grafiken.

        Auflösung, Bildgröße & Komprimierung – was zählt wirklich?

        Die Unterscheidung von Dateiformat, Bildgröße und Dateigröße ist essenziell für die Weboptimierung. Während das Format den Typ der Datei beschreibt (JPEG, PNG etc.), gibt die Bildgröße Auskunft über die Anzahl der Pixel (z. B. 1920x1080 px) – also, wie groß das Bild auf dem Bildschirm dargestellt wird. Die Dateigröße hingegen zeigt, wie viel Speicherplatz ein Bild tatsächlich braucht.

        Viele Bilder, die direkt aus einer Kamera kommen, sind überdimensioniert. Das sieht zwar schick aus, bringt technisch aber wenig. Für die meisten Webseiten reicht eine maximale Breite von 1920 px völlig aus. Wer noch höher auflöst, riskiert langsame Ladezeiten – vor allem mobil ein echtes Problem.

        Wichtig: Bilder sollten niemals groß hochgeladen und dann im CMS skaliert werden. Das wirkt sich nicht nur negativ auf die Darstellung aus, sondern bläht auch die Datenmenge unnötig auf. Lieber vorher passend zuschneiden und gezielt für das Web optimieren – so bleibt die Qualität gut und die Ladezeit kurz.

        Best Practices für Bildgrößen

        • Bilder für Fullscreen-Header: max. 1920 x 1280 px

        • Thumbnails: 300 x 300 px

        • Blogbilder: 1200 x 800 px

        • Immer: gleiches Seitenverhältnis (z. B. 3:2 oder 4:3)

        Komprimierung – Qualität bewahren, Gewicht sparen

        Ein schlauer Kompromiss zwischen Dateigröße und Bildqualität ist das Ziel. Denn je stärker komprimiert ein Bild ist, desto schneller lädt die Seite – aber auch desto höher ist das Risiko von Qualitätsverlusten. Gerade bei kleinen Bildern kann eine zu starke Kompression schnell zu Unschärfe führen.

        Mit Tools wie Photoshop, Squoosh oder TinyJPG lässt sich die Bildqualität gezielt reduzieren, ohne dass es sofort sichtbar wird. In Photoshop funktioniert das ganz einfach über „Exportieren für Web“. Dabei lässt sich die Qualität (z. B. auf 60 %) einstellen, das Format wählen und die endgültige Bildgröße definieren.

        Wichtig: Wer Bilder skaliert, sollte darauf achten, das Seitenverhältnis beizubehalten – sonst wird’s schnell verzerrt. Außerdem: Einheitlichkeit ist Trumpf! Wer ständig zwischen Formaten und Seitenverhältnissen springt, wirkt schnell unprofessionell.

        Tools & Tipps zur Komprimierung

        • Photoshop: Export „Für Web speichern“

        • TinyJPG / TinyPNG: weitere Kompression ohne sichtbaren Qualitätsverlust

        • Bildverhältnis: am besten 3:2 oder 16:9 beibehalten

        • Vorsicht vor Skalierung im CMS – lieber vorher anpassen!

        Dateinamen & Alt-Texte – Der SEO-Boost

        Suchmaschinen können (noch) nicht sehen, was auf Bildern zu sehen ist. Sie verlassen sich auf Meta-Informationen – vor allem auf den Dateinamen und das sogenannte Alt-Attribut. Wer hier klug arbeitet, verbessert nicht nur sein Ranking, sondern macht seine Website auch barrierefreier.

        Die Regeln für SEO-konforme Dateinamen sind einfach, werden aber oft ignoriert: keine Leerzeichen, keine Umlaute, keine Sonderzeichen. Stattdessen: kurze, klare Begriffe mit Bindestrichen, die den Bildinhalt exakt beschreiben. Auch das Alt-Attribut sollte sinnvoll befüllt sein – nicht nur aus SEO-Gründen, sondern auch für Nutzer:innen mit Screenreadern.

        So wird aus „IMG_4589.jpg“ ein „veganer-brunch-düsseldorf.jpg“. Klingt gleich ganz anders, oder?

        SEO-Tipps für Bilddaten

        • Dateiname: klein, mit Bindestrichen, ohne Umlaute/Sonderzeichen

        • Alt-Tag: kurze, beschreibende Texte („Frühstücksteller mit Avocado“)

        • Vermeide: kryptische Kamera-Bezeichnungen oder leere Alt-Felder

        • Denke auch an Barrierefreiheit – Bilder sind mehr als Dekoration

        Gute Bilder, kurze Ladezeiten – kein Widerspruch

        Wer visuell überzeugen will, muss nicht zwangsläufig riesige Datenmengen in Kauf nehmen. Mit der richtigen Kombination aus Bildformat, Auflösung, Komprimierung und SEO können Bilder ihren vollen Charme entfalten – ohne dass Google oder der Nutzer abspringt. Bleib flexibel, halte deine Inhalte technisch sauber und mach deinen Webauftritt so leicht wie überzeugend.

        Und wenn du dabei Hilfe brauchst: 2bu design ist an deiner Seite. Egal ob Bildoptimierung, Divi-Websites, WooCommerce, Corporate Design oder Social Media – wir helfen Marken, ihre Botschaft klar und stark zu transportieren.