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
    Webdesign vom Spezialisten  ·  08. Mai 2026

    Was macht eine Webdesign Agentur

    Global animations
    Eine Webdesign-Agentur plant, gestaltet und programmiert Webseiten. Sie übernimmt den gesamten Prozess von der ersten Idee bis zur Veröffentlichung. Viele Agenturen betreuen die Seite auch nach dem Launch.
    Der Auftrag beginnt mit einem Gespräch. Die Agentur klärt, was Sie brauchen und welche Ziele Sie verfolgen. Daraus entsteht ein Konzept.


    Konzeption
    Die Konzeption ist die Grundlage jeder Webseite. Hier wird festgelegt, welche Seiten es gibt, wie sie verlinkt sind und welche Inhalte sie enthalten. Auch die Zielgruppe wird definiert.
    Ein gutes Konzept beantwortet drei Fragen. Wer besucht die Webseite? Was soll der Besucher tun? Welche Information braucht er dafür?
    Ohne Konzept entsteht eine beliebige Seite. Mit Konzept entsteht eine Seite mit Wirkung.


    Design
    Im Design wird das Konzept sichtbar. Farben, Schriften, Bilder und Anordnung werden festgelegt. Das Design folgt der Funktion. Es soll nicht beeindrucken, sondern führen.
    Die Agentur erstellt einen Entwurf. Sie prüfen ihn und geben Rückmeldung. Danach wird das Design verfeinert oder neu aufgesetzt.


    Technische Umsetzung
    Nach dem Design folgt die Programmierung. Die Agentur baut die Webseite mit einem Content-Management-System wie WordPress, Joomla oder Jimdo mit Matrix-Framework. Manche Agenturen programmieren auch von Grund auf.
    Die technische Umsetzung umfasst auch Mobiltauglichkeit, Ladezeit und Sicherheit. Eine Webseite muss auf jedem Gerät funktionieren. Sie muss schnell laden. Sie muss vor Angriffen geschützt sein.


    Inhalte und Texte
    Viele Agenturen bieten auch Texte an. Das nennt sich Copywriting. Texte sind kein Beiwerk. Sie sind das, was der Besucher liest und wonach er entscheidet.
    Gute Texte sind klar, kurz und auf den Nutzen ausgerichtet. Sie sagen, was angeboten wird, für wen es ist und was der nächste Schritt ist.
    Bilder werden meist von der Agentur ausgewählt oder erstellt. Auch Videos und Grafiken gehören dazu.


    Suchmaschinenoptimierung
    Eine Webseite ohne Sichtbarkeit bringt wenig. Suchmaschinenoptimierung sorgt dafür, dass die Seite bei Google gefunden wird.
    Die Agentur kümmert sich um die technischen Grundlagen. Dazu gehören Ladezeit, Struktur, Meta-Angaben und mobile Darstellung. Auch die Inhalte werden auf relevante Suchbegriffe abgestimmt.
    SEO ist kein einmaliger Vorgang. Die Seite muss laufend gepflegt werden, sonst verliert sie ihre Position.


    Wartung und Betrieb
    Nach dem Launch geht die Arbeit weiter. Updates müssen eingespielt werden. Sicherheitslücken müssen geschlossen werden. Inhalte müssen aktualisiert werden.
    Viele Agenturen bieten dafür einen Wartungsvertrag an. Sie zahlen einen monatlichen Betrag und die Agentur kümmert sich um Updates, Backups und kleine Anpassungen.
    Ohne Wartung wird jede Webseite mit der Zeit unsicher und langsam.


    Beratung
    Eine Agentur ist auch Beraterin. Sie kennt den Markt, die Technik und die Anforderungen. Sie sagt Ihnen, was sinnvoll ist und was nicht.
    Wer eine Agentur beauftragt, kauft nicht nur eine Webseite. Er kauft auch das Wissen, das hinter der Webseite steht.


    Projektleitung
    Bei grösseren Projekten arbeitet die Agentur im Team. Es gibt Designer, Entwickler, Texter und Projektleiter. Jeder hat seine Rolle.
    Die Projektleitung koordiniert die Beteiligten und sorgt dafür, dass Termine und Budget eingehalten werden. Sie ist Ihre Ansprechperson während des gesamten Auftrags.


    Abgrenzung zu Freelancern
    Eine Agentur arbeitet im Team. Ein Freelancer übernimmt alles selbst. Beides hat seine Berechtigung.
    Bei einem Freelancer sind die Wege kürzer, die Preise tiefer und der Kontakt direkter. Bei einer Agentur ist mehr Kapazität vorhanden, dafür sind die Kosten höher und die Strukturen aufwändiger.
    Welche Lösung passt, hängt vom Projekt ab. 
    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