Wer heute eine neue Website konzipiert, online presence — Neuigkeiten, steht vor einem dichten Geflecht aus technischen Möglichkeiten, designerischen Strömungen und planerischen Fragen zu tun. Wir beobachten diese Entwicklungen kontinuierlich und ordnen sie für Sie ein. Dabei fokussieren wir nicht um temporäre Hypes, sondern um fundierte Informationen, mit denen Sie eine gut begründete Entscheidung treffen. Die folgenden Abschnitte untersuchen zentrale Handlungsfelder: von der Wahl des richtigen Content-Management-Systems über Performance-Optimierung und Barrierefreiheit bis hin zu gesetzlichen Rahmenbedingungen in der Schweiz. Wir zeigen, worauf es bei Hosting, Suchmaschinenoptimierung und der Gegenüberstellung zwischen Eigenbau und Agenturleistung ankommt, und liefern einen Ausblick auf Designtrends, die wirklich Mehrwert stiften. Unser Bestreben ist ein sachlicher, analytischer Blick, der Ihnen hilft, die Vielschichtigkeit des digitalen Projektstarts zu verstehen und Ihre Kapazitäten gezielt zu nutzen.

Das passende CMS wählen: WordPress, Webflow oder stattdessen ein Baukasten?

Die Auswahl des Content-Management-Systems zählt zu den folgenreichsten Entscheidungen zu Beginn eines Webprojekts. WordPress beherrscht den Markt mit einem Marktanteil von über 40 Prozent aller Websites, und das aus gutem Grund: Die Open-Source-Plattform bietet eine große Auswahl an Themes und Plugins, eine grosse Entwicklergemeinde und große Flexibilität. Wer immer ein individuelles Projekt mit speziellen Anforderungen umsetzen möchte (etwa mehrsprachige Inhalte, komplexe Benutzerrollen oder API-Anbindungen), sieht in WordPress ein erprobtes Fundament. Doch benötigt diese Freiheit auch Disziplin: Ohne regelmässige Updates, sorgfältig ausgewählte Erweiterungen und ein durchdachtes Sicherheitskonzept könnte die Pflege schnell aufwendig werden. Außerdem 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 stellt Webflow dar, welches visuelles Design mit einem integrierten Hosting- und CMS-Ansatz kombiniert. Hier werden erstellt Seiten in einer geschlossenen Umgebung, die sauberen Code exportiert und kaum Wartungsaufwand auf Serverebene erzeugt. Das entgegenkommt Agenturen und Designprofis zu Gute, die pixelgenaue Kontrolle ohne Programmieraufwand anstreben. Der Preis dafür ist eine geringere Erweiterbarkeit im Vergleich zum WordPress-Ökosystem und eine stärkere Bindung an den Anbieter. Baukastensysteme wie Wix oder Squarespace hingegen 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 wenn man diese Faktoren ehrlich bewertet, umgeht teure Systemwechsel nach wenigen Jahren.

Elektronische Barrierefreiheit: Gesetzeslage in der Schweiz und umsetzbare Schritte

Zugänglichkeit im Web ist bereits kein Randthema mehr, sondern eine Sache der gesellschaftlichen Teilhabe und immer mehr auch eine rechtliche Verpflichtung. In der Schweiz fordert 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 besteht 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 empfehlen deshalb, Barrierefreiheit von Beginn an als Qualitätsmerkmal zu betrachten und nicht als nachträgliches Korrektiv.

Konkret heißt das: Alle Nicht-Text-Inhalte brauchen aussagekräftige Alternativtexte, Videos könnten Untertitel und Transkripte bieten, und interaktive Elemente müssen 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 trägt auch zu sauberem Code und besserer SEO, da Suchmaschinen ähnliche Kriterien anwenden.

SEO-Basics, die bereits beim Projektstart relevant sind

Suchmaschinenoptimierung beginnt nicht erst nach dem Launch an, sondern sollte schon in der Konzeptionsphase verankert werden. Wir erleben regelmässig Projekte, bei denen im Nachhinein geplant wird, technische Mängel zu korrigieren (das ist kostspielig und nur bedingt vollständig wirksam). Zu den fundamentalen Weichenstellungen zählen eine sinnvolle URL-Struktur, die sprechende und beständige Adressen ohne komplexe Parameter nutzt, sowie eine korrekte interne Verlinkung, die den Crawlern ermöglicht, die Seitenarchitektur zu erkennen. Ebenso entscheidend ist die fehlerfreie Auszeichnung von kanonischen URLs, um Duplicate Content zu umgehen, der gerade bei mehrsprachigen Schweizer Sites mit Länder- und Sprachvarianten rasch entwickelt.

Die Keyword-Recherche müsste nicht separat auf einzelne Suchbegriffe ausgerichtet sein, sondern Themencluster erkennen, die Nutzerabsichten abbilden. Wer zum Beispiel eine Website für eine Zahnarztpraxis in Bern plant, muss nachvollziehen, dass potenzielle Patienten nicht nur nach «Zahnarzt Bern» recherchieren, sondern auch nach «Zahnreinigung Kosten», «Notfall Zahnarzt» oder «Zahnspange Erwachsene». Diese Suchintentionen können in einer Pillar-Cluster-Architektur darstellen, bei der eine zentrale Übersichtsseite auf vertiefende Unterseiten zeigt. Technische SEO-Elemente wie strukturierte Daten (Schema.org) helfen Suchmaschinen, Inhalte korrekt zu auswerten und Rich Snippets in den Ergebnissen einzublenden. Auch die XML-Sitemap und die robots.txt-Datei müssen von Anfang an korrekt eingestellt sein. Wer diese Grundlagen einhält, baut ein solides Fundament, auf dem inhaltliche und offpage-orientierte Massnahmen später aufsetzen können.

Mobile-Priorität: Warum das Mobilgerät den Entwurfsprozess dominieren sollte

Der Umfang mobiler Pageviews liegt in der Schweiz abhängig von Branche zwischen 55 und 75 Prozent, und Google beurteilt Websites nach der Umstellung auf Mobile-First-Indexierung vorrangig anhand ihrer mobilen Version. Das bedeutet: Eine Desktop-zentrierte Konzeption gefährdet nicht nur die User Experience, sondern auch die Präsenz in den Suchergebnissen. Mobile First bedeutet jedoch mehr, als ein responsives Template zu aktivieren. Es verlangt, dass wir schon im Wireframing-Stadium die Einschränkungen kleiner Bildschirme als Grundlage nehmen: Berührungsziele müssen zwingend mindestens 48 mal 48 Pixel gross sein, Schriftgrössen sollten ohne Zoomen lesbar bleiben, und Inhalte sind so zu priorisieren, dass die wichtigsten Informationen ohne horizontales Scrollen erreichbar sind. Wer zunächst die Desktop-Ansicht gestaltet und diese dann herunterskaliert, riskiert überladene Layouts, die auf dem Smartphone frustrieren.

Wir stellen fest, dass erfolgreiche Projekte den Mobile-First-Ansatz mit einer klaren Inhaltshierarchie verknüpfen. Konkret heißt das: Die zentrale Handlungsaufforderung (sei es eine Kontaktaufnahme, ein Kaufabschluss oder ein Newsletter-Abonnement) sollte im mobilen Viewport ohne Scrollen sichtbar sein. Lange Ladezeiten verstärken das Problem zusätzlich, denn mobile Nutzer stoppen Seitenaufrufe bei Verzögerungen von mehr als drei Sekunden überdurchschnittlich oft ab. Techniken wie Lazy Loading für Bilder, komprimierte Schriftdateien und die Umgehung 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 können nur so realistisch abbilden. Eine mobile Navigation, die mit dem Daumen erreichbar ist und auf verschachtelte Untermenüs verzichtet, rundet das Bild ab.

Agentur-Lösung oder Selbstbau? Kosten, Zeitbedarf und Güte im Vergleichstest

Die Fragestellung, ob man eine Website in Eigenregie umsetzt oder eine Agentur beauftragt, lässt sich nicht pauschal klären, sondern orientiert sich von Geldmitteln, zeitlichen Ressourcen und dem angestrebten Qualitätsstandard ab. Baukastensysteme ermöglichen es, innerhalb kürzester Frist eine funktionsfähige Präsenz online zu schalten, und die monatlichen Kosten liegen oft unter dreissig Franken. Der Schwachpunkt: Die Gestaltungsfreiheit ist begrenzt, und sobald spezielle Ansprüche wie komplexe Formulare, API-Schnittstellen zu Terminbuchungs-Tools oder ausgefeilte Suchmaschinenoptimierung ins Spiel geraten, stossen diese Plattformen an ihre Kapazitätsgrenzen. Außerdem beansprucht die Selbstumsetzung kostbare Zeitressourcen, die im Firma an anderem Ort fehlt, und das Resultat widerspiegelt kaum die Profi-Qualität wider, die Auftraggeber heute voraussetzen.

Dienstleister demgegenüber liefern ein fachübergreifendes Team aus Planung, Layout, Umsetzung und Suchmaschinen-Marketing mit, das Vorhaben integral umsetzt. Die Kosten liegen im Schweizer Markt üblicherweise zwischen achttausend und vierzigtausend Franken für eine mittelgroße Business-Website, abhängig von Ausmass und Aufwand. Im Gegenzug erhalten Auftragnehmer eine maßgeschneiderte Lösung, die fachgerecht realisiert ist, aktuelle Sicherheitsanforderungen einhält und auf die strategischen Ziele ausgerichtet wird. Auch die kontinuierliche Wartung (Software-Updates, Überwachung, Ausbau) ist vertraglich regeln. Wir beobachten, dass sich hybride Modelle als sinnvoll erweisen: Eine Agentur baut das Grundgerüst und schult das interne Team, so dass Content eigenständig gepflegt werden können. Wesentlich ist eine pragmatische Einschätzung der eigenen Fähigkeiten und eine transparente Abstimmung der Anforderungen im Auftragsklärung.

Web-Vitals-Metriken und Performance: Erfassen, begreifen, perfektionieren

Die Web-Vitalwerte (Largest Contentful Paint, LCP; First Input Delay, FID; und Cumulative Layout Shift, CLS) sind seit 2021 offizielle Rankingfaktoren von Google und zugleich hervorragende Indikatoren für die wirklich erlebte Nutzerqualität. LCP misst, wann das grösste sichtbare Element im Viewport abgerufen ist; ein passender Wert befindet sich unter 2,5 Sekunden. FID, das mittlerweile durch Interaction to Next Paint (INP) ausgetauscht wird, beurteilt die Reaktionsgeschwindigkeit auf Eingaben, und CLS beziffert plötzliche Layoutverschiebungen, zum Beispiel wenn eine Überschrift im Nachhinein durch ein eingeblendetes Werbebanner verschoben wird. Wir empfehlen, diese Metriken nicht nur im Google PageSpeed Insights-Tool zu testen, sondern auch im Chrome User Experience Report, der reale Nutzerdaten aus dem Chrome-Browser zusammenführt und so ein ungeschöntes Bild der Performance im Feld liefert.

Die typischsten Ursachen für schlechte Werte sind überdimensionierte Bilder, nicht angepasste Webfonts, zu viele externe Skripte und mangelndes Caching. Hilfe liefern zeitgemäße Bildformate wie WebP oder AVIF, die im Unterschied zu JPEG bei identischer Qualität deutlich geringere Dateigrössen produzieren. Gleichermaßen effektiv ist die Implementierung eines Content Delivery Networks, das statische Ressourcen von Servern in der Nähe des Nutzers bereitstellt (für ein Schweizer Publikum eignen sich Knotenpunkte in Zürich, Frankfurt oder Mailand an). Kritisches CSS sollte inline eingefügt werden, während überflüssiges JavaScript asynchron abgerufen wird. Ein oft vernachlässigter Faktor ist das serverseitige Caching: Vor allem bei dynamischen CMS-Installationen kann ein gut eingestelltes Full-Page-Caching die Time-to-First-Byte auf unter 200 Millisekunden reduzieren. Wer diese Massnahmen systematisch anwendet, steigert nicht nur die Rankings, sondern verringert auch die Absprungrate deutlich.

Schweizer Webhosting: Rechenzentren, Datensicherheit und Leistung

Die Auswahl des Hosting-Standorts hat für Schweizer Unternehmen einen doppelten Stellenwert: Sie betrifft sowohl die Latenzzeiten für lokale Besucher als auch den rechtlichen Schutz im Umgang mit personenbezogenen Daten. Rechenzentren in der Schweiz sind unterworfen dem Schweizer Datenschutzrecht und gewährleisten damit einen Schutzstandard, das seitens der EU als angemessen akzeptiert wird. Das ist besonders relevant, wenn sensible Kundendaten bearbeitet werden oder wenn vertragliche Vereinbarungen mit Kunden eine Speicherung im Inland vorschreiben. Physische Standorte in Zürich, Bern oder Genf erlauben zudem Latenzzeiten von unter zehn Millisekunden für Nutzer im selben geografischen Raum, was sich direkt auf die wahrgenommene Geschwindigkeit auswirkt.

Neben dem Standort spielen die technische Infrastruktur und der Service einen entscheidenden Faktor dar. Wir raten, auf Anbieter zu setzen, die mindestens 99,9 Prozent Uptime garantieren und dies auch in einem Service Level Agreement vertragsgemäß bestätigen. Ein Blick auf die genutzte Hardware lohnt sich: NVMe-Speicher verbessert Datenbankabfragen erheblich, und eine integrierte Firewall mit DDoS-Schutz ist heute selbstverständlich. Für dynamische Websites mit Content-Management-Systemen sollte das Hosting PHP in aktuellen Versionen unterstützen und OpCache sowie Redis für objektbasiertes Caching bereitstellen. Auch der Support ist ein wichtiger Aspekt: Ein Schweizer Anbieter mit deutschsprachigem Telefonsupport und kurzen Reaktionszeiten kann im Störungsfall kostbare Zeit sparen. Vergleichen Sie die Angebote anhand konkreter Benchmarks und nicht allein nach Speicherplatz oder Preis, denn die Leistungsfähigkeit eines Hostingpakets zeigt sich erst unter Last.

Datensicherheit und Rechtstreue: Das überarbeitete Schweizer Datenschutzgesetz und die DSGVO

Seit dem 1. September 2023 ist in Kraft in der Schweiz das vollständig überarbeitete Datenschutzgesetz (nDSG), welches die Anforderungen an die Bearbeitung von Personendaten merklich gesteigert hat. Es richtet sich in vielen Bereichen an der europäischen DSGVO, hat jedoch eigene Prioritäten auf. Für Website-Betreiber bedeutet das das konkret: Datenschutzerklärungen müssen vollständig und transparent aufklären, welche Daten zu welchem Verwendungszweck erhoben werden, wie lange sie aufbewahrt bleiben und an wen sie weitergegeben werden. Besonders relevant ist der Verwendung von Analyse-Tools wie Google Analytics, die personenbezogene Daten in Drittstaaten übertragen (hier sind ergänzende Garantien wie Standardvertragsklauseln und eine sorgfältige Risikoabwägung unerlässlich).

Einwilligungen müssen, wenn sie als Rechtsgrundlage dienen, aus eigenem Antrieb und informiert stattfinden. Das impliziert, dass Cookie-Banner nicht nur kosmetisch sein können, sondern eine tatsächliche Wahlmöglichkeit bereitstellen müssen. Wir raten, Tracking-Skripte standardmäßig zu blockieren und erst nach aktiver Zustimmung zu laden. Auch die Auftragsdatenbearbeitung durch externe Anbieter (etwa Hosting-Provider oder E-Mail-Marketing-Plattformen) muss vertraglich abgedeckt sein. Für Unternehmen mit Firmensitz in der Schweiz, die auch Kunden in der EU ansprechen, ist die DSGVO parallel bedeutsam, sodass im Zweifelsfall die strengere Regelung anzuwenden ist. Ein Datenschutz-Audit vor dem Launch der Website ist keine überflüssige Formalität, sondern eine Aufwendung in Rechtssicherheit, die künftige Abmahnungen und Geldstrafen abwenden kann.

Designtrends mit Tiefe: Was 2025 wahrhaftig bringt

Alljährlich geistern neue Designtrends, doch nicht alle einlösen, was sie verheißen. Wir konzentrieren uns auf Trends, die spürbaren Nutzen stiften und nicht nur ästhetischen Selbstzweck anstreben. Ein dominierendes Thema ist die Vereinfachung auf das Wesentliche: Deutliche Typografie, ausladende Weißräume und eine auf max. zwei Akzentfarben begrenzte Palette richten den Blick gezielt auf die Inhalte und steigern die Lesbarkeit auf allen Endgeräten. Eng damit verknüpft ist der Verwendung von Mikroanimationen, die Statusänderungen verdeutlichen (etwa ein Button, der beim Darüberfahren leicht die Farbe wechselt, oder ein Fortschrittsbalken beim Senden eines Formulars). Solche Feinheiten erhöhen die empfundene Reaktionsgeschwindigkeit und liefern dem Nutzer Orientierung, ohne die Ladezeit nennenswert zu beeinträchtigen.

Ein weiterer Trend, der sich in der Praxis bewährt hat, ist der bewusste Einsatz von Dark Mode und hochkontrastiven Farbschemata. Immer mehr Betriebssysteme und Browser unterstützen die Präferenz «prefers-color-scheme», sodass Websites selbstständig zwischen heller und dunkler Darstellung wechseln können. Das entlastet nicht nur die Augen bei schlechten Lichtverhältnissen, sondern kann auf OLED-Bildschirmen sogar Energie sparen. Auch die Einbindung von 3D-Elementen und WebGL gewinnt an Bedeutung, sollte aber mit Vorsicht angewandt werden, da sie die Performance erheblich beeinflussen kann. Wir schlagen vor, solche visuellen Highlights nur dann zu verwenden, wenn sie die Markenbotschaft unterstützen und nicht zum Automatismus werden. Entscheidend bleibt, dass jedes Gestaltungselement einem deutlichen Zweck folgt und die Nutzerführung verbessert. Nur dann wird aus einem Trend ein wirklicher Mehrwert.