Jeder, web design Ratgeber, der heute eine neue Website konzipiert, sieht sich gegenüber einem dichten Geflecht aus technischen Möglichkeiten, kreativen Strömungen und strategischen Fragen zu tun. Wir beobachten diese Entwicklungen permanent und strukturieren sie für Sie ein. Dabei fokussieren wir nicht um kurzfristige Hypes, sondern um fundierte Informationen, mit denen Sie eine gut begründete Entscheidung fällen. Die folgenden Abschnitte betrachten zentrale Handlungsfelder: von der Auswahl des richtigen Content-Management-Systems über Performance-Optimierung und Barrierefreiheit bis hin zu rechtlichen Rahmenbedingungen in der Schweiz. Wir zeigen, worauf es bei Hosting, Suchmaschinenoptimierung und der Abwägung zwischen Eigenbau und Agenturleistung ankommt, und liefern einen Ausblick auf Designtrends, die wirklich Mehrwert stiften. Unser Bestreben ist ein sachlicher, analytischer Blick, der Ihnen ermöglicht, die Vielschichtigkeit des digitalen Projektstarts zu durchdringen und Ihre Kapazitäten gezielt einzusetzen.
Das passende CMS auswählen: WordPress, Webflow oder stattdessen ein Baukasten?
Die Entscheidung des Content-Management-Systems gehört zu den wichtigsten Entscheidungen zu Beginn eines Webprojekts. WordPress beherrscht den Markt mit einem Marktanteil von über 40 Prozent aller Websites, und das nicht ohne Grund: Das Open-Source-System bietet eine große Auswahl an Themes und Plugins, eine grosse Entwicklergemeinde und große Flexibilität. Wer ein individuelles Projekt mit speziellen Anforderungen realisieren möchte (etwa mehrsprachige Inhalte, komplexe Benutzerrollen oder API-Anbindungen), findet in WordPress ein solides Fundament. Allerdings erfordert diese Freiheit auch Disziplin: Ohne regelmässige Updates, sorgfältig ausgewählte Erweiterungen und ein durchdachtes Sicherheitskonzept kann die Pflege schnell aufwendig werden. Zudem ist die Performance sehr von der Qualität des Hostings und der eingesetzten Plugins abhängig, was wir in einem späteren Abschnitt vertiefen.
Eine moderne Alternative repräsentiert Webflow dar, das visuelles Design mit einem integrierten Hosting- und CMS-Ansatz kombiniert. Hier werden erstellt Seiten in einer geschlossenen Umgebung, welche sauberen Code exportiert und kaum Wartungsaufwand auf Serverebene verursacht. Dies kommt Agenturen und Designprofis zugute, die pixelgenaue Kontrolle ohne Programmieraufwand wünschen. Der Nachteil ist eine geringere Erweiterbarkeit im Vergleich zum WordPress-Ökosystem und eine stärkere Bindung an den Anbieter. Baukastensysteme wie Wix oder Squarespace dagegen punkten mit extrem niedriger Einstiegshürde, stoßen aber bei individuellen Anpassungen und Suchmaschinenoptimierung oft an Grenzen. Unsere Empfehlung lautet, die Entscheidung entlang dreier Achsen zu treffen: benötigte Flexibilität, verfügbares technisches Know-how und langfristige Betriebskosten. Nur wer diese Faktoren ehrlich bewertet, umgeht teure Systemwechsel nach wenigen Jahren.
Hosting in der Schweiz: Datenzentren, Datensicherheit und Leistung
Die Auswahl des Hosting-Standorts hat für Schweizer Unternehmen eine doppelte Bedeutung: Sie betrifft sowohl die Latenzzeiten für lokale Besucher als auch die rechtliche Sicherheit im Umgang mit personenbezogenen Daten. Rechenzentren in der Schweiz sind unterworfen dem Schweizer Datenschutzrecht und stellen damit ein Schutzniveau, das durch die EU als angemessen akzeptiert wird. Das ist von besonderer Bedeutung, wenn sensible Kundendaten bearbeitet werden oder wenn vertragliche Vereinbarungen mit Kunden eine Hinterlegung im Inland fordern. Physische Standorte in Zürich, Bern oder Genf ermöglichen zudem Latenzzeiten von unter zehn Millisekunden für Nutzer im selben geografischen Raum, was sich direkt auf die gefühlte Performance auswirkt.
Neben dem Standort stellen die technischen Systeme und der Service einen entscheidenden Faktor dar. Wir raten, auf Anbieter zu vertrauen, die mindestens 99,9 Prozent Uptime garantieren und dies auch in einem Service Level Agreement per Vertrag zusichern. Ein Blick auf die verwendete Hardware lohnt sich: NVMe-Speicher beschleunigt Datenbankabfragen erheblich, und eine integrierte Firewall mit DDoS-Schutz ist heute üblich. Für dynamische Websites mit Content-Management-Systemen sollte das Hosting PHP in aktuellen Versionen anbieten und OpCache sowie Redis für objektbasiertes Caching zur Verfügung stellen. Auch der Support ist ein kritischer Faktor: Ein Schweizer Anbieter mit deutschsprachigem Telefonsupport und kurzen Reaktionszeiten kann im Störungsfall viel Zeit sparen. Stellen Sie gegenüber die Angebote anhand konkreter Benchmarks und nicht allein nach Speicherplatz oder Preis, denn die Performance eines Hostingpakets zeigt sich erst unter Last.
Core Web Vitals und Performance: Messen, begreifen, perfektionieren
Die Web-Vitalwerte (Largest Contentful Paint, LCP; First Input Delay, FID; und Cumulative Layout Shift, CLS) sind seit 2021 amtliche Rankingfaktoren von Google und gleichzeitig ausgezeichnete Messgrößen für die wirklich erlebte Nutzerqualität. LCP bewertet, wann das grösste sichtbare Element im Viewport geladen ist; ein guter Wert befindet sich unter 2,5 Sekunden. FID, das inzwischen durch Interaction to Next Paint (INP) abgelöst wird, bewertet die Antwortzeit auf Eingaben, und CLS quantifiziert plötzliche Layoutverschiebungen, zum Beispiel wenn eine Überschrift nachträglich durch ein angezeigtes Werbebanner weggedrückt wird. Wir schlagen vor, diese Metriken nicht nur im Google PageSpeed Insights-Tool zu testen, sondern auch im Chrome User Experience Report, der echte Nutzerdaten aus dem Chrome-Browser zusammenführt und so ein ungeschöntes Bild der Performance im Feld präsentiert.
Die typischsten Gründe für schlechte Werte sind überdimensionierte Bilder, nicht angepasste Webfonts, übermäßig viele externe Skripte und nicht vorhandenes Caching. Lösung schaffen moderne Bildformate wie WebP oder AVIF, die im Vergleich zu JPEG bei identischer Qualität erheblich geringere Dateigrössen generieren. Gleichermaßen wirksam ist die Konfiguration eines Content Delivery Networks, das statische Ressourcen von Servern in der Nachbarschaft des Nutzers bereitstellt (für ein Schweizer Publikum bieten sich Knotenpunkte in Zürich, Frankfurt oder Mailand an). Kritisches CSS sollte inline eingebunden werden, während nicht benötigtes JavaScript asynchron geladen wird. Ein oft vergessener Faktor ist das serverseitige Caching: Vor allem bei dynamischen CMS-Installationen kann ein gut konfiguriertes Full-Page-Caching die Time-to-First-Byte auf unter 200 Millisekunden reduzieren. Wer diese Schritte konsequent realisiert, verbessert nicht nur die Rankings, sondern verringert auch die Absprungrate spürbar.
Agentur oder Do-it-yourself? Kosten, Zeitbedarf und Güte im Check
Die Thematik, ob man eine Website eigenhändig baut oder eine Agentur engagiert, ist nicht pauschal beantworten, sondern hängt von Finanzrahmen, verfügbarer Zeit und dem avisierten Qualitätsniveau ab. DIY-Plattformen bieten die Möglichkeit, innerhalb kurzer Zeit eine funktionierende Online-Auftritt online zu schalten, und die Monatsgebühren liegen oft unter 30 Franken. Der Haken: Die Individualisierbarkeit ist begrenzt, und sofern individuelle Bedürfnisse wie mehrteilige Eingabemasken, Schnittstellen zu Terminbuchungs-Tools oder raffinierte Suchmaschinen-Marketing ins Geschehen kommen, kommen diese Plattformen an ihre Grenzen. Darüber hinaus bindet die Selbstumsetzung kostbare Arbeitszeit, die im Firma an anderer Stelle nicht zur Verfügung steht, und das Ergebnis spiegelt kaum die Fachkompetenz auf, die Kunden heute verlangen.
Agenturen demgegenüber liefern ein multidisziplinäres Team aus Konzeption, Gestaltung, Programmierung und Suchmaschinen-Marketing dazu, das Projekte integral realisiert. Die Preise bewegen sich im Schweizer Markt typischerweise zwischen achttausend und 40’000 Franken für eine mittelgroße Unternehmenswebsite, je nach von Ausmass und Komplexität. Im Gegenzug erhalten die Auftragnehmer eine massgeschneiderte Lösung, die fachgerecht umgesetzt ist, zeitgemässe Sicherheitsnormen einhält und auf die strategischen Vorgaben abgestimmt wird. Auch die kontinuierliche Wartung (Updates, Kontrolle, Fortentwicklung) ist vertraglich festlegen. Wir sehen, dass sich Mischmodelle bewähren: Eine Agentur baut das Fundament und schult das eigene Team, damit Content eigenständig aktualisiert werden können. Entscheidend ist eine ehrliche Bewertung der eigenen Kompetenzen und eine transparente Kommunikation der Anforderungen im Pflichtenheft.
Grundlagen der Suchmaschinenoptimierung, die bereits beim Projektstart zählen
Suchmaschinenoptimierung beginnt nicht erst nach dem Launch an, sondern wäre schon in der Konzeptionsphase eingebunden werden. Wir beobachten regelmässig Projekte, bei denen nachträglich angestrebt wird, technische Mängel zu korrigieren (das ist kostspielig und kaum vollständig zielführend). Zu den wesentlichen Weichenstellungen umfassen eine logische URL-Struktur, die sprechende und stabile Adressen ohne kryptische Parameter verwendet, sowie eine saubere interne Verlinkung, die den Crawlern ermöglicht, die Seitenarchitektur zu erkennen. Ebenso bedeutsam ist die richtige Auszeichnung von kanonischen URLs, um Duplicate Content zu umgehen, der vor allem bei mehrsprachigen Schweizer Sites mit Länder- und Sprachvarianten rasch entwickelt.
Die Keyword-Recherche wäre nicht einzeln auf einzelne Suchbegriffe fokussieren, sondern Themencluster erkennen, die Nutzerabsichten darstellen. Wer zum Beispiel eine Website für eine Zahnarztpraxis in Bern konzipiert, muss verstehen, dass potenzielle Patienten nicht nur nach «Zahnarzt Bern» fragen, sondern auch nach «Zahnreinigung Kosten», «Notfall Zahnarzt» oder «Zahnspange Erwachsene». Diese Suchintentionen lassen sich in einer Pillar-Cluster-Architektur abbilden, bei der eine zentrale Übersichtsseite auf vertiefende Unterseiten zeigt. Technische SEO-Elemente wie strukturierte Daten (Schema.org) helfen Suchmaschinen, Inhalte korrekt zu verstehen und Rich Snippets in den Ergebnissen darzustellen. Auch die XML-Sitemap und die robots.txt-Datei sind von Anfang an korrekt eingerichtet werden. Wer diese Grundlagen beachtet, baut ein solides Fundament, auf dem inhaltliche und offpage-orientierte Massnahmen später basieren können.
Online Barrierefreiheit: Gesetzliche Situation in der Schweiz und konkrete Schritte
Barrierefreiheit im Web ist bereits kein Randthema mehr, sondern eine Sache der gesellschaftlichen Teilhabe und zunehmend auch eine rechtliche Verpflichtung. In der Schweiz verlangt das Behindertengleichstellungsgesetz (BehiG) von öffentlichen Stellen, ihre digitalen Angebote barrierefrei zu gestalten, und richtet sich dabei an den international anerkannten Web Content Accessibility Guidelines (WCAG) 2.1 auf Konformitätsstufe AA. Für private Unternehmen gibt es bislang keine flächendeckende gesetzliche Pflicht, doch die revidierte Fassung des BehiG sowie die wachsende Zahl von Gerichtsurteilen im angrenzenden EU-Raum erhöhen den Druck. Wir schlagen vor deshalb, Barrierefreiheit von Beginn an als Qualitätsmerkmal zu betrachten und nicht als nachträgliches Korrektiv.
Konkret besagt das: Alle Nicht-Text-Inhalte erfordern aussagekräftige Alternativtexte, Videos müssten Untertitel und Transkripte bieten, und interaktive Elemente sind zu per Tastatur erreichbar sein. Farbkontraste sind zu mit Tools wie dem Colour Contrast Analyser prüfen; ein Mindestverhältnis von 4,5:1 für normalen Text ist dabei die Richtschnur. Überschriften sind hierarchisch korrekt zu strukturieren, damit Screenreader die Inhalte logisch erfassen können. Auch die Bedienbarkeit über Spracheingabe oder vergrösserte Zeigerflächen spielt eine Rolle. Wir schlagen vor, bereits in der Designphase einen Accessibility-Check mit automatisierten Testwerkzeugen wie Axe oder Lighthouse durchzuführen und zusätzlich manuelle Tests mit assistiven Technologien einzuplanen. Eine barrierefreie Website steigert nicht nur die Nutzererfahrung für Menschen mit Einschränkungen, sondern bringt auch zu sauberem Code und besserer SEO, da Suchmaschinen ähnliche Kriterien anwenden.
Mobile-First-Ansatz: Warum das Handy den Gestaltungsprozess bestimmen muss
Der Anteil mobiler Pageviews liegt in der Schweiz abhängig von Branche zwischen 55 und 75 Prozent, und Google bewertet Websites nach der Umstellung auf Mobile-First-Indexierung hauptsächlich anhand ihrer mobilen Version. Das impliziert: Eine Desktop-zentrierte Planung gefährdet nicht nur die User Experience, sondern auch die Auffindbarkeit in den Suchergebnissen. Mobile First impliziert jedoch mehr, als ein responsives Template zu aktivieren. Es verlangt, dass wir schon im Wireframing-Stadium die Limitierungen kleiner Bildschirme als Ausgangspunkt nehmen: Berührungsziele müssen mindestens 48 mal 48 Pixel gross sein, Schriftgrössen sollten ohne Zoomen lesbar bleiben, und Inhalte sind so zu priorisieren, dass die relevantesten Informationen ohne horizontales Scrollen erreichbar sind. Wer als erstes die Desktop-Ansicht gestaltet und diese dann herunterskaliert, gefährdet überladene Layouts, die auf dem Smartphone frustrieren.
Wir stellen fest, dass erfolgreiche Projekte den Mobile-First-Ansatz mit einer klaren Inhaltshierarchie kombinieren. Konkret bedeutet das: Die zentrale Handlungsaufforderung (sei es eine Kontaktaufnahme, ein Kaufabschluss oder ein Newsletter-Abonnement) muss im mobilen Viewport ohne Scrollen sichtbar sein. Lange Ladezeiten verstärken das Problem zusätzlich, denn mobile Nutzer brechen Seitenaufrufe bei Verzögerungen von mehr als drei Sekunden überdurchschnittlich oft ab. Techniken wie Lazy Loading für Bilder, komprimierte Schriftdateien und die Vermeidung von Render-blockierenden Ressourcen sind deshalb keine Kür, sondern Pflicht. Testen Sie Ihre Entwürfe früh auf realen Geräten und nicht nur im Emulator: Unterschiedliche Betriebssystemversionen, Bildschirmauflösungen und Netzwerkbedingungen lassen sich nur so realistisch abbilden. Eine mobile Navigation, die mit dem Daumen erreichbar ist und auf verschachtelte Untermenüs verzichtet, ergänzt das Bild ab.
Informationsschutz und Rechtskonformität: Das aktuelle Schweizer Datenschutzgesetz und die DSGVO
Ab dem 1. September 2023 gilt in der Schweiz das vollständig überarbeitete Datenschutzgesetz (nDSG), welches die Anforderungen an die Bearbeitung von Personendaten merklich erhöht hat. Es richtet sich in vielen Aspekten an der europäischen DSGVO, weist jedoch eigene Prioritäten auf. Für Website-Betreiber bedeutet das das konkret: Datenschutzerklärungen sind verpflichtet vollständig und transparent aufklären, welche Daten zu welchem Verwendungszweck erfasst werden, wie lange sie aufbewahrt bleiben und an wen sie weitergegeben werden. Besonders wichtig ist der Einsatz von Analyse-Tools wie Google Analytics, die personenbezogene Daten in Drittstaaten übermitteln (hier sind ergänzende Garantien wie Standardvertragsklauseln und eine sorgfältige Risikoabwägung erforderlich).
Einwilligungen sind verpflichtet, wenn sie als Rechtsgrundlage fungieren, ohne Zwang und informiert erfolgen. Das impliziert, dass Cookie-Banner nicht nur oberflächlich sein sollten, sondern eine echte Wahlmöglichkeit gewährleisten müssen. Wir empfehlen, Tracking-Skripte standardmäßig zu blockieren und erst nach aktiver Einwilligung zu laden. Auch die Auftragsdatenbearbeitung durch externe Anbieter (etwa Hosting-Provider oder E-Mail-Marketing-Plattformen) hat vertraglich abgesichert sein. Für Unternehmen mit Firmensitz in der Schweiz, die auch Klienten in der EU ansprechen, ist die DSGVO parallel maßgeblich, sodass im Zweifel die strengere Bestimmung anzuwenden ist. Ein Datenschutz-Audit vor dem Start der Website ist keine unnötige Formalität, sondern eine Investition in Rechtssicherheit, die nachfolgende Abmahnungen und Bussgelder verhindern kann.
Designtrends mit Tiefe: Was 2025 wahrhaftig bringt
Alljährlich kursieren neue Designtrends, doch nicht alle erfüllen, was sie verheißen. Wir richten uns auf Strömungen, die konkreten Nutzen bringen und nicht nur gestalterischen Selbstzweck anstreben. Ein dominierendes Thema ist die Vereinfachung auf das Wesentliche: Klare Typografie, weitläufige Weißräume und eine auf maximal zwei Akzentfarben beschränkte Palette richten den Blick fokussiert auf die Inhalte und steigern die Lesbarkeit auf allen Endgeräten. Eng damit verbunden ist der Gebrauch von Mikroanimationen, die Statusänderungen verdeutlichen (etwa ein Button, der beim Hover leicht die Farbe variiert, oder ein Fortschrittsbalken beim Senden eines Formulars). Solche Elemente vergrößern die gefühlte Reaktionsgeschwindigkeit und bieten dem Nutzer Führung, ohne die Ladezeit wesentlich zu belasten.
Ein zusätzlicher Trend, der sich in der Praxis etabliert hat, ist der überlegte Einsatz von Dark Mode und stark kontrastierenden Farbschemata. Zunehmend mehr Betriebssysteme und Browser bieten die Präferenz «prefers-color-scheme», sodass Websites automatisch zwischen heller und dunkler Darstellung variieren können. Das schützt nicht nur die Augen bei schlechten Lichtverhältnissen, sondern kann auf OLED-Bildschirmen sogar Energie reduzieren. Auch die Einbindung von 3D-Elementen und WebGL nimmt an Bedeutung, sollte aber mit Bedacht angewandt werden, da sie die Performance deutlich beeinträchtigen kann. Wir raten, solche visuellen Highlights nur dann zu nutzen, wenn sie die Markenbotschaft unterstützen und nicht zum Selbstzweck werden. Wesentlich bleibt, dass jedes Gestaltungselement einem eindeutigen Zweck dient und die Nutzerführung verbessert. Nur dann wird aus einem Trend ein echter Mehrwert.