Skip to content
  • Portrait
    • Testimonials
    • über uns
    • Feeds
    • AGB
  • Leistungen
    • Wie wir arbeiten
    • Webdesign Region
    • Fallstudien
      • Fallstudie Projekt Maler-Gipser
      • Fallstudie Projekt Treuhand
      • Fallstudie Projekt Museum
      • Fallstudie Projekt Gesundheitspraxis
    • Checklisten
      • META Unabhaengigkeit
      • Neue Website lancieren
    • Shopübersicht
  • Insights
    • Webdesign vom Spezialisten
    • Know-how
    • Neuigkeiten über Webseiten
    • Reels
    • Analoge Hilfsmittel
  • Kalkulatoren
  • FAQ
    • Datenschutzerklärung
  • Anfragen
    • Erstgespräch
    • Projektanfrage
  • Portrait
    • Testimonials
    • über uns
    • Feeds
    • AGB
  • Leistungen
    • Wie wir arbeiten
    • Webdesign Region
    • Fallstudien
      • Fallstudie Projekt Maler-Gipser
      • Fallstudie Projekt Treuhand
      • Fallstudie Projekt Museum
      • Fallstudie Projekt Gesundheitspraxis
    • Checklisten
      • META Unabhaengigkeit
      • Neue Website lancieren
    • Shopübersicht
  • Insights
    • Webdesign vom Spezialisten
    • Know-how
    • Neuigkeiten über Webseiten
    • Reels
    • Analoge Hilfsmittel
  • Kalkulatoren
  • FAQ
    • Datenschutzerklärung
  • Anfragen
    • Erstgespräch
    • Projektanfrage
    Analoge Hilfsmittel  ·  01. Mai 2026

    Visitenkarte, Flyer, Broschüre, Website: ein System

    Global animations

    Warum Drucksachen und Website ein System bilden müssen

    Visitenkarte, Flyer, Broschüre, Fotos und Website sind keine voneinander unabhängigen Werkzeuge. Sie sind Teile einer einzigen Kommunikation. Wer eine Visitenkarte erhält und später die Website besucht, vergleicht beides automatisch. Stimmen Logo, Farben, Schrift, Bildsprache und Tonalität nicht überein, entsteht Irritation. Diese Irritation kostet Vertrauen, bevor das eigentliche Angebot überhaupt geprüft wurde.

     

    Ein abgestimmtes System reduziert diese Reibung. Der Kunde erkennt das Unternehmen unabhängig vom Medium. Er muss nicht prüfen, ob er beim richtigen Anbieter ist. Diese Wiedererkennung ist die Grundlage für jede weitere Geschäftsbeziehung.

    Die Rolle der Visitenkarte

    Die Visitenkarte ist das kleinste Medium und gleichzeitig der häufigste persönliche Kontaktpunkt. Sie wird übergeben, wenn ein Gespräch bereits stattgefunden hat oder unmittelbar bevorsteht. Ihre Aufgabe ist nicht das Verkaufen, sondern das verlässliche Weitertragen der wichtigsten Daten: Name, Funktion, Telefon, E-Mail, Website.

     

    Wichtig ist, dass die Visitenkarte denselben optischen Eindruck vermittelt wie die Website. Verwendet die Website eine bestimmte Akzentfarbe, sollte diese auch auf der Karte erscheinen. Steht auf der Karte eine andere Schrift als auf der Website, wirkt das Unternehmen nicht abgestimmt. Die Karte ist deshalb keine grafische Spielwiese, sondern ein Auszug aus dem visuellen System.

    Flyer als gezielter Impuls

    Ein Flyer hat eine andere Funktion als eine Visitenkarte. Er informiert über ein konkretes Angebot, eine Aktion oder eine Dienstleistung und richtet sich an Empfänger, die das Unternehmen oft noch nicht kennen. Der Flyer muss deshalb in kurzer Zeit verstanden werden.

     

    Wirksam ist ein Flyer, wenn er auf eine klare Handlung hinausläuft. Diese Handlung führt in den meisten Fällen auf die Website. Daher sollte die URL gut lesbar und einfach zu merken sein. Sinnvoll ist auch eine spezifische Landingpage, deren Adresse direkt auf dem Flyer steht. So lässt sich messen, wie viele Besucher tatsächlich aus dieser Quelle stammen.

    Broschüren für Tiefe und Argumentation

    Eine Broschüre dient dort, wo eine Visitenkarte zu klein und ein Flyer zu knapp ist. Sie eignet sich für komplexere Angebote, beratungsintensive Leistungen und längere Kaufentscheidungen. Der Empfänger nimmt sie mit, blättert sie zu Hause durch und vergleicht den Inhalt mit anderen Anbietern.

     

    Inhaltlich sollte eine Broschüre in derselben Logik aufgebaut sein wie die Website. Wer auf der Website drei Leistungspakete präsentiert, sollte sie auch in der Broschüre auf gleiche Weise gliedern. Der Kunde, der zwischen Druck und Bildschirm wechselt, muss sich nicht neu orientieren. Diese Übereinstimmung in der Struktur ist wichtiger als gestalterische Variation.

    Die Website als zentraler Knotenpunkt

    Visitenkarte, Flyer und Broschüre verweisen alle an einen Ort: die Website. Sie ist das einzige Medium, das nicht weitergegeben wird, sondern aktiv besucht wird. Sie ist auch das einzige Medium, in dem das vollständige Angebot, alle Referenzen, alle Kontaktdaten und alle weiterführenden Informationen verfügbar sind.

     

    Diese Zentralität bedeutet, dass die Website der Inhaltsspeicher des gesamten Systems ist. Drucksachen können nur einen Ausschnitt zeigen. Was im Druck nicht passt, sollte auf der Website ausführlich vorhanden sein. Der Flyer nennt drei Argumente, die Website nennt zehn. Die Broschüre zeigt drei Referenzen, die Website zeigt dreissig.

     

    Damit dieser Übergang funktioniert, müssen die Verweise präzise sein. Eine Visitenkarte mit der URL „www.firma.ch“ verweist auf die Startseite. Ein Flyer für ein konkretes Angebot sollte auf eine konkrete Unterseite verweisen, nicht auf die Startseite. Sonst muss der Besucher nach der Information suchen, die ihn überhaupt zur Website gebracht hat.

    Konsistenz in Logo, Farbe und Typografie

    Jedes Medium muss dieselben Grundelemente verwenden. Das Logo erscheint überall in derselben Form, nicht in einer Variante für Druck und einer für Web. Die Hauptfarben sind in Druckwerten (CMYK oder Pantone) und Bildschirmwerten (RGB oder HEX) so definiert, dass sie tatsächlich gleich aussehen. Schwarze Bereiche auf einer Visitenkarte sollten nicht plötzlich grau auf der Website erscheinen.

     

    Schriften sind oft die schwächste Stelle. Eine Druckschrift wird gewählt, eine Webschrift gewählt, beide passen nicht zueinander. Sinnvoll ist die Auswahl einer Schrift, die in beiden Welten verfügbar ist, oder zweier Schriften, die sich klar ergänzen. Diese Festlegungen gehören in ein einfaches Manual, das bei jedem neuen Auftrag konsultiert wird.

    Konsistenz in Sprache und Tonalität

    Visuelle Übereinstimmung allein reicht nicht. Auch die Sprache muss in allen Medien gleich klingen. Wer auf der Website siezt, darf nicht auf der Broschüre duzen. Wer auf der Website kurze, sachliche Sätze schreibt, sollte den Flyer nicht mit Werbefloskeln füllen.

     

    Sinnvoll ist eine kurze schriftliche Festlegung der Tonalität: Anrede, Satzlänge, Verwendung von Fachbegriffen, Umgang mit Zahlen, Behandlung des Preises. Diese Festlegung gilt für alle Texte, unabhängig vom Medium. Sie sorgt dafür, dass ein neuer Mitarbeiter, ein externer Texter oder ein Druckdienstleister im selben Stil arbeitet.

    Verweise zwischen den Medien

    Ein abgestimmtes System nutzt Verweise gezielt. Die Visitenkarte verweist mit der URL auf die Website. Die Website verweist im Footer oder auf einer Service-Seite auf die digital verfügbare Broschüre. Der Flyer verweist auf eine Landingpage. Die Broschüre verweist mit einem QR-Code auf eine Online-Anfrage oder eine Detailseite.

     

    Diese Verweise müssen technisch funktionieren und inhaltlich Sinn ergeben. Ein QR-Code, der ins Leere führt, ist schlimmer als kein QR-Code. Eine URL auf einer Visitenkarte, die zu einer fehlerhaften Mobilseite führt, beschädigt das Vertrauen sofort. Vor jedem Druck sollten alle Verweise und URLs vollständig getestet werden, auch auf dem Smartphone.

    Der Pfad des Kunden über alle Kanäle

    Ein Kunde nimmt selten nur ein Medium wahr. Er sieht den Flyer im Briefkasten, sucht das Unternehmen später online, erhält bei einem Termin die Visitenkarte und nimmt am Schluss die Broschüre mit nach Hause. Auf jedem dieser Schritte prüft er, ob der Eindruck stimmig bleibt.

     

    Aus dieser Reihenfolge ergibt sich, welches Medium welche Aufgabe übernimmt. Der Flyer macht aufmerksam. Die Website prüft das Angebot in der Tiefe. Die Visitenkarte stützt den persönlichen Kontakt. Die Broschüre begleitet die Entscheidung nach dem Gespräch. Wer diese Aufgaben sauber verteilt, vermeidet Doppelungen und Lücken.

     

    Eine Website, die alle Aufgaben übernehmen muss, weil keine Drucksachen vorhanden sind, wird überfrachtet. Drucksachen ohne Website wirken hingegen unvollständig, weil der Empfänger erwartet, mehr Informationen online zu finden. Erst die Verbindung beider Welten erzeugt einen geschlossenen Auftritt.

    Typische Fehler bei der Abstimmung

    Häufig werden Visitenkarten, Flyer und Website zeitlich und personell getrennt erstellt. Die Karte stammt von der Druckerei, der Flyer von einem Bekannten, die Website von einer Agentur. Jedes Ergebnis ist für sich gut, aber kein Stück passt zum anderen. Wer dieses Vorgehen wählt, zahlt später für die Vereinheitlichung mehr, als die ursprüngliche Trennung erspart hat.

     

    Ein zweiter Fehler ist der zeitversetzte Umbau. Die Website wird neu gestaltet, die Visitenkarten bleiben in der alten Version, die Broschüre verwendet noch das alte Logo. Über Monate erhält der Kunde widersprüchliche Eindrücke. Sinnvoll ist es, die wichtigsten Medien gemeinsam zu erneuern, mindestens aber mit demselben gestalterischen Stand zu produzieren.

     

    Ein dritter Fehler liegt in der Bildwahl. Die Website nutzt eigene Fotos aus einer professionellen Session, die Drucksachen Stockfotos. Der Bruch ist auch für den Laien sichtbar. Wer in eine Fotosession investiert, sollte die Bilder konsequent in allen Medien einsetzen, auch wenn sie nicht in jedem Format optimal sitzen.

     

    Ein vierter Fehler ist die fehlende Pflege. Telefonnummern ändern sich, Mitarbeitende wechseln, Adressen werden ergänzt. Auf der Website sind diese Änderungen schnell vorgenommen, im Druck bleiben sie über Jahre falsch stehen. Der Bestand an Drucksachen sollte daher so kalkuliert sein, dass eine Aktualisierung in absehbarer Zeit möglich ist.

    tagPlaceholderTags:
    Global colors
      bg-primary
      bg-primary-light
      bg-primary-dark
      bg-secondary
      bg-secondary-dark
    Template colors
      body
      top-header
      top-header-inner
      header
      header-inner
      navigation-inner
      navigation color
      dropdown background color
      content
    Footer Styles
      background
      text color
      link color
      horizontal line
    Buttons
      style 1
      style 2
      style 3
      text color
    Mobile navigation
      background color
      navigation color
    Other elements
      social icons
      top header border
      header border
      nav inner border
      footer border
     
    Template configurations
     
    has-right-nav no-shopping-cart primary-font
     
    Top header inner
     
    has-top-header-border-color br20
     
    Header inner
     
     br15 has-shadow-small  add-left-20 add-right-20  margin-10
     
    Navigation inner
     
    br10 has-large-border has-border-left
     
    Navigation styles
     
    size-15 weight-400 has-large-border-radius no-shadow
     
    Sub-menu (breadcrumbs) styles
     
    size-15
     
    Mobile Navigation styles
     
    size-30
     
    Content styles
     
    form-white round-btn
     
    Footer styles
     
    o-form round-btn
     
    Footer background image
     
     

     

    Typography

    Heading H1
    weight-700
     
    Heading H2
    weight-500
     
    Heading H3
    weight-500
     
    Body text (p, table, td)
    weight-400
     
    Buttons
    weight-600 size-16
     
     
    Advanced settings
     
    Custom CSS

    .my-class {

    background:#f0f0f0;

    }

    /* MATRIX-GLOBAL-SETTINGS-START */

    :root {

    --content-width: 1170px;

    --special-pages-content-width: 900px;

    }

    #cc-inner #hs-container .j-formnew input[type='submit'],

    #cc-inner #hs-container input.submitUser,

    #cc-inner .hs-button,

    #cc-inner .j-calltoaction-link,

    #cc-inner input.cc-checkout-btn,

    #cc-inner a.cc-shop-addtocard {

    padding: 6px 30px !important;

    }

    .j-module.j-imageSubtitle img,

    .j-module.j-textWithImage img,

    .j-module.j-gallery img {

    border-radius: 25px;

    }

    /* MATRIX-GLOBAL-SETTINGS-END */


    Note:
    All changes made here will be applied to your entire website.

    Standorte im Überblick


    • Rapperswil
    • Hinwil
    • Wetzikon
    • Uster
    • Effretikon
    • Winterthur

    (+41) 79 871 22 78
    E-Mail
    Edit Top Header section here

    draggable-logo
    Logo Webdesign-ZO

    Impressum | AGB | Widerrufsbelehrung | Datenschutz | Cookie-Richtlinie | Vertrag widerrufen
    (C) 2026 / Webdesign-ZO
    Abmelden | Bearbeiten
    • Nach oben scrollen