Webdesign auf höchstem Niveau — aus dem Zürcher Oberland

Was ist Webdesign für KMU?

Die Definition: Was moderne Unternehmens-Websites leisten müssen

Webdesign für KMU ist die Planung, Gestaltung und technische Umsetzung einer Website, die ein Unternehmen auffindbar, verständlich und kontaktierbar macht. Eine Unternehmens-Website ist kein dekoratives Zusatzmedium. Sie ist eine digitale Schnittstelle zwischen einem Angebot, einer Suchanfrage und einer Handlung. Webdesign verbindet deshalb Informationsarchitektur, visuelle Gestaltung, semantisches HTML, Ladezeit, Barrierefreiheit und Conversion zu einem einzigen System.

Die drei Bauweisen: Baukasten, WordPress-Agentur und handcodierter Code

Eine Website beginnt mit einer klaren Aufgabe. Ein lokaler Betrieb will gefunden werden, eine Beratung will Kompetenz erklären, ein B2B-Unternehmen will qualifizierte Anfragen erhalten. Das Webdesign ordnet diese Ziele in Seiten, Überschriften, Textblöcke, Navigation und Kontaktwege. Jede Komponente erhält eine Funktion. Eine Überschrift benennt die Entität, ein Absatz beantwortet eine Frage, ein Link führt zu einem benachbarten Thema und ein Formular ermöglicht den nächsten Schritt.

Digitaler Vermögenswert statt technischer Schulden

Schweizer KMU wählen typischerweise zwischen einem Baukasten, einer WordPress-Umsetzung oder handcodiertem Code. Ein Baukasten beschleunigt den Start, bindet Betrieb und Gestaltung aber an eine Plattform. WordPress bietet ein Content-Management-System, verlangt dafür laufende Pflege von Kernsystem, Theme und Plugins. Handcodiertes Webdesign schreibt die benötigte Struktur direkt in HTML, CSS und JavaScript. Die Entscheidung betrifft damit nicht nur das Aussehen, sondern Ladezeit, Sicherheitsarbeit, Eigentum und langfristige Wartbarkeit.

Was macht Studio Erdinc als Webdesign-Studio?

Echte Menschen, perfekt architektierte digitale Abläufe

Studio Erdinc ist ein handcodiertes Webdesign-Studio in Wetzikon im Zürcher Oberland. Özden Erdinc verbindet Gestaltung, Frontend-Entwicklung und semantische Informationsarchitektur in einem direkten Arbeitsprozess. Das Studio arbeitet für Selbstständige und KMU, die eine eigene Website statt eines austauschbaren Templates benötigen. Der Source Context ist nicht allgemeines Design, sondern eine technische Basis für Sichtbarkeit in Google, KI-Antwortmaschinen und agentischen Systemen.

Der Webdesign-Prozess in sechs Schritten

Der Prozess beginnt mit dem Erstgespräch und einer Bestandsaufnahme. Angebot, Zielgruppen, regionale Entitäten und vorhandene Inhalte werden geordnet. Danach entsteht eine Seitenarchitektur mit klaren Haupt- und Nebenthemen. Texte beantworten die Suchintention direkt. Gestaltung setzt Prioritäten sichtbar um. Die Entwicklung schreibt die Komponenten in das Repository und prüft sie in mehreren Darstellungen. Vor dem Launch folgen Validierung, Performance-Messung, Barrierefreiheitsprüfung und die Veröffentlichung auf Schweizer Hosting.

Die vier Stufen der Websichtbarkeit

Die vier Sichtbarkeitsstufen bauen aufeinander auf. Stufe 1 macht ein Unternehmen technisch auffindbar. Stufe 2 macht das Angebot semantisch verständlich. Stufe 3 erhöht die Zitierfähigkeit in Antwortsystemen. Stufe 4 ergänzt maschinenlesbare Schnittstellen für Agenten. Handcodiertes Webdesign ist das Fundament jeder Stufe, weil Inhalte nur dann zuverlässig verarbeitet werden, wenn die zugrunde liegende Seite schnell, strukturiert und zugänglich ist.

Warum handcodiert und Lighthouse 100 in Accessibility, Best Practices und SEO?

Die technische Anatomie handcodierter Webseiten

Handcodiertes Webdesign reduziert die Website auf den benötigten HTML-, CSS- und JavaScript-Code. Es gibt keine Page-Builder-Schichten, kein Theme mit ungenutzten Komponenten und keine Plugin-Kette, die bei jeder Anfrage zusätzliche Dateien lädt. Semantische Elemente wie header, nav, main, article, section und footer benennen die Struktur. Überschriften folgen einer Hierarchie. Formulare tragen Labels. Bilder tragen beschreibende Alternativtexte.

Die Messwerte im Detail: Lighthouse 100 in Accessibility, Best Practices und SEO, PageSpeed 99

Die Website von Studio Erdinc erreichte am 3. September 2026 mit Lighthouse 13.4.1 je 100 Punkte in Accessibility, Best Practices und SEO. PageSpeed Insights zeigte 99 Punkte. Der Largest Contentful Paint liegt unter einer Sekunde. Diese Werte sind Messungen zu einem bestimmten Zeitpunkt und keine allgemeine Zusicherung für jede spätere Änderung. Neue Inhalte, externe Dienste oder Hostingbedingungen verändern Messwerte.

Cost of Retrieval: Warum sauberes DOM die Crawling-Kosten senkt

Cost of Retrieval bezeichnet im Semantic-SEO-Kontext den Aufwand, den ein System für Crawling, Verarbeitung und Einordnung aufwendet. Sauberes DOM, kleine Payloads und wenig clientseitiges JavaScript reduzieren die Menge an Material, die ein Browser, Crawler oder Agent verarbeiten muss. Das ersetzt keine inhaltliche Qualität. Es schafft die technische Voraussetzung, dass relevante Inhalte ohne unnötige Reibung erreichbar sind.

Barrierefreiheit nach WCAG 2.2 als Qualitätsstandard

Barrierefreiheit ist Teil der technischen Qualität. Ausreichende Kontraste, sichtbare Fokuszustände, Tastaturbedienung, sinnvolle Linktexte, korrekte Sprache und verständliche Formulare helfen Menschen mit unterschiedlichen Fähigkeiten. Sie helfen zugleich Parsern, weil die Funktion eines Elements im Markup erkennbar bleibt. WCAG 2.2 liefert dafür die fachliche Referenz; die konkrete Konformität hängt vom vollständigen Projekt und der Prüfung ab.

Technische Sicherheit und Schweizer Hosting bei Infomaniak

Schweizer Hosting bei Infomaniak hält die Betriebsumgebung nahe am Projektstandort. TLS, Security-Header und eine sauber gepflegte E-Mail-Basis ergänzen die Weboberfläche. SPF, DKIM und DMARC schützen die Absenderidentität. Das Webdesign ist damit nicht bei der Farbe des Buttons fertig, sondern umfasst die Bedingungen, unter denen eine Website zuverlässig ausgeliefert und betrieben wird.

Wie unterscheiden sich Baukasten, WordPress und handcodierter Code im Detail?

Ladezeit, Payload und Rendering-Pipeline im Vergleich

Baukasten, WordPress und handcodierter Code unterscheiden sich durch Kontrolle, laufenden Aufwand und Eigentum. Ein Baukasten bündelt Editor, Hosting und Vorlagen in einer Plattform. WordPress trennt Inhalt, Theme und Erweiterungen, benötigt aber Pflege dieser Schichten. Handcodierter Code legt die benötigte Darstellung direkt fest. Keine Variante ist für jedes Unternehmen automatisch richtig; entscheidend sind Umfang, Änderungsfrequenz, Budget und die gewünschte technische Unabhängigkeit.

Wartungsaufwand, Sicherheitsrisiken und Update-Zyklen

Bei der Ladezeit zählt nicht die Herkunft des Systems allein, sondern die ausgelieferte Payload. Ein visueller Editor erzeugt häufig zusätzliche Wrapper und Styles. WordPress lädt je nach Konfiguration Theme- und Plugin-Dateien. Handcodierung erlaubt, nur die tatsächlich benötigten Regeln auszuliefern. Ein kleines DOM erleichtert Rendering und Prüfung. LCP unter einer Sekunde ist ein konkreter Messwert der bestehenden Website, nicht ein Versprechen für jedes Projekt.

Eigentum am Quellcode versus Plattform-Abhängigkeit

Wartung ist der zweite Unterschied. Ein Baukasten aktualisiert seine Plattform zentral, während der Kunde die Folgen einer Änderung akzeptieren muss. WordPress verlangt Updates, Backups, Kompatibilitätsprüfungen und Sicherheitskontrolle. Eine statische handcodierte Website hat keine Anwendungsebene mit Plugins. Inhalte und Code werden weiterhin versioniert und geprüft, aber die typische Plugin-Wartung entfällt.

Gegenüberstellung der drei Ansätze für Schweizer Unternehmen

Eigentum entscheidet über die Wechselmöglichkeit. Bei Studio Erdinc besitzt der Kunde Website, Domain und Inhalte ab Tag 1. Der Quellcode liegt versioniert vor und bleibt portabel. Das Abo enthält Hosting, Pflege und Support, ist aber keine Abgabe des Eigentums. Ein Einmalkauf übergibt den Code für den eigenen Betrieb. Plattformabhängigkeit entsteht nicht durch das Webdesign selbst.

Wie wird eine Website von Google UND KI gleichzeitig gefunden?

Die zwei Ebenen moderner Web-Recherche: Indexierung und Synthese

Eine Website bedient Google und KI-Antwortmaschinen gleichzeitig, wenn sie technische Indexierbarkeit, semantische Inhalte und zitierfähige Daten verbindet. Google verarbeitet Seiten für Suchergebnisse. Antwortsysteme synthetisieren Quellen für konkrete Fragen. Beide Systeme brauchen verständliche Entitäten, eindeutige Beziehungen und kurze Passagen, die eine Frage ohne zusätzlichen Kontext beantworten. Die technische Schicht darf den sichtbaren Text nicht widersprechen.

Semantic SEO und Topical Authority für die klassische Google-Suche

Semantic SEO ordnet Inhalte entlang von Entitäten, Attributen und Beziehungen. Webdesign ist dabei nicht nur die Oberfläche, sondern der Container für einen Themenraum. Ein H1 benennt Central Entity und Source Context. H2-Abschnitte verarbeiten Attribute. Interne Links bilden kontextuelle Brücken. Diese Architektur reduziert die Distanz zwischen Suchfrage, Passage und angebotener Handlung. Topical Authority entsteht nicht durch Wiederholung, sondern durch vollständige, konsistente Abdeckung.

Generative Engine Optimization für ChatGPT, Perplexity und AI Overviews

GEO richtet Inhalte auf generative Antworten aus. Ein zitierfähiger Absatz nennt sein Subjekt, sein Prädikat und sein Objekt. Messwerte tragen Datum und Quelle. Definitionen beginnen mit dem Begriff. Tabellen erhalten ein Textäquivalent. Dadurch bleibt die Aussage auch dann verständlich, wenn ein System nur eine Passage extrahiert. ChatGPT, Perplexity und Google AI Overviews entscheiden eigenständig über Auswahl und Zitierung; eine Veröffentlichung garantiert keine Erwähnung.

Die maschinenlesbare Schicht: llms.txt, Markdown-Twins und JSON-LD

Agent-Readiness ergänzt die sichtbare Seite um maschinenlesbare Dateien. llms.txt bündelt eine Orientierung für Sprachmodelle. Markdown-Twins bieten Inhalte ohne Layout-Umweg. JSON-LD beschreibt Website, Organisation, Service und Breadcrumbs. Eine agents.json kann Fähigkeiten und Zugänge strukturiert benennen. Diese Dateien ersetzen keine gute Website. Sie senken die Interpretationsarbeit für Systeme, die Angebote, Kontaktwege oder Services automatisiert erfassen.

Welche Leistungen und Bausteine bietet Studio Erdinc?

Handcodierte Webentwicklung als technisches Fundament

Studio Erdinc liefert Webdesign, handcodierte Entwicklung, Semantic SEO, GEO, Agent-Readiness und Conversion-Optimierung als zusammenhängende Leistung. Das technische Fundament entsteht zuerst. Danach werden Seitenstruktur und Entitäten geordnet. Texte beantworten reale Suchfragen. Gestaltung führt den Blick. Messung und Validierung prüfen, ob Browser, Menschen, Suchmaschinen und Agenten denselben Inhalt erkennen.

Conversion-orientiertes Webdesign für qualifizierte Kundenanfragen

Handcodierte Webentwicklung umfasst semantisches HTML5, modulares CSS, bewusst eingesetztes JavaScript, responsive Layouts und optimierte Medien. Die Komponenten bleiben lesbar und versionierbar. Conversion-Webdesign ordnet danach die Handlungen: Kontakt, Anfrage, Termin oder Kauf. Ein CTA steht nicht isoliert, sondern folgt einer erklärten Leistung und einer belastbaren Erwartung.

Semantische Ausbaustufen: Topical Maps und GEO-Optimierung

Semantic SEO verarbeitet Themen und Entitäten über die einzelne Landingpage hinaus. Eine Topical Map verbindet Pillar, Cluster und Wissensseiten. GEO ergänzt Antwortpassagen, Quellenbezüge und strukturierte Daten. Agent-Readiness ergänzt llms.txt, Markdown-Twins, JSON-LD und WebMCP, wenn das Projekt dies benötigt. Jede Ausbaustufe baut auf der vorherigen technischen Klarheit auf.

E-Mail-Sicherheit mit SPF, DKIM und DMARC

E-Mail-Sicherheit gehört zur digitalen Infrastruktur eines Unternehmens. SPF beschreibt erlaubte Versandserver. DKIM signiert Nachrichten kryptografisch. DMARC definiert, wie Empfänger mit nicht bestandenen Prüfungen umgehen. Studio Erdinc richtet diese Basis ein und dokumentiert, welche Teile bereits überwacht oder durchgesetzt werden. Das Webdesign bleibt dadurch mit der Kommunikationsrealität des Unternehmens verbunden.

Webdesign für Zürich und das Zürcher Oberland: Lokale Verankerung für Schweizer KMU?

Regionale Zusammenarbeit von Wetzikon bis Zürich

Studio Erdinc arbeitet in Wetzikon im Zürcher Oberland und betreut Unternehmen in Zürich sowie schweizweit remote. Regionale Nähe verkürzt Abstimmungen und macht lokale Entitäten konkret. Wetzikon, Uster, Rüti, Hinwil und Zürich werden nicht als austauschbare Ortsnamen eingesetzt, sondern dort genannt, wo Standort, Servicegebiet oder Kundensituation tatsächlich zusammengehören.

Lokale Sichtbarkeit und Entitäten im Zürcher Wirtschaftsraum

Lokale Sichtbarkeit entsteht aus Übereinstimmung. Adresse, Leistungsgebiet, Kontaktmöglichkeit und Unternehmensprofil müssen dieselbe Organisation beschreiben. Eine handcodierte Seite kann diese Daten präzise auszeichnen. Sie kann lokale Fragen beantworten, ohne den Hauptkontext durch Ortsnamen zu überladen. Webdesign Zürich, Webdesign Zürcher Oberland und Webdesign Wetzikon sind deshalb eigene regionale Perspektiven auf dieselbe technische Leistung.

Schweizer Hosting und Konformität mit dem Schweizer Datenschutzgesetz

Schweizer Hosting bei Infomaniak und Schweizer Schreibweise passen zum regionalen Source Context. Datenschutztexte, Kontaktangaben, Impressum und Einwilligungen gehören in das Gesamtprojekt. Die genaue rechtliche Beurteilung hängt vom Unternehmen und den eingesetzten Datenflüssen ab. Webdesign liefert dafür eine klare technische Struktur, ersetzt aber keine individuelle Rechtsberatung.

Was kostet eine handcodierte Website und welche Modelle gibt es?

Website im flexiblen Abo ab CHF 179 pro Monat

Eine handcodierte Website von Studio Erdinc kostet im Abo CHF 179/Mt. bis fünf Seiten, CHF 349/Mt. bis zehn Seiten oder CHF 649/Mt. bis zwanzig Seiten. Die drei Pakete heissen Sichtbar, Zitiert und Agent-Ready. Hosting, Pflege und Support sind im jeweiligen Modell enthalten. Preise und Leistungsumfang stehen auf der Preisseite; sie sind die gültige Quelle für aktuelle Paketdetails.

Website als Einmalkauf mit vollständigem Code-Eigentum ab CHF 1’900

Der Einmalkauf beginnt bei CHF 1’900 für einen Onepager. Bis fünf Seiten kosten Projekte ab CHF 3’900, bis zehn Seiten ab CHF 5’900 und bis zwanzig Seiten ab CHF 9’400. Beim Einmalkauf gehört die Website inklusive Quellcode dem Kunden. Das Abo bietet zusätzlich planbare laufende Betreuung. Die Wahl hängt von Liquidität, Änderungsbedarf und gewünschter Begleitung ab.

Wann sich das Abo lohnt und wann der Einmalkauf

Sichtbar bildet Stufe 1. Zitiert ergänzt Semantic SEO, AEO und GEO. Agent-Ready ergänzt die maschinenlesbare Schicht und die laufende Standards-Pflege. Ein Preis beschreibt deshalb nicht nur Seitenzahl, sondern auch den Umfang der Sichtbarkeit und des Betriebs. Zusatzmodule wie Topical-Map-Analyse, Agent-Readiness komplett oder Content-Momentum werden getrennt ausgewiesen.

Transparente Ausbaustufen und Zusatzmodule

Ein Abo passt zu Unternehmen, die Hosting, Pflege, Support und regelmässige kleine Anpassungen aus einer Hand beziehen wollen. Einmalkauf passt zu Unternehmen, die den Projektpreis zahlen und den Betrieb selbst organisieren möchten. Beide Modelle basieren auf handcodiertem Code. Die Website bleibt portabel und der Kunde bleibt Eigentümer.

Häufige Fragen zum handcodierten Webdesign für KMU

Wie lange dauert die Erstellung einer handcodierten Website?

Die Erstellung einer handcodierten Website richtet sich nach Umfang, Seitenzahl, Textbedarf und Abstimmung. Ein Onepager benötigt andere Arbeit als eine Website mit mehreren Leistungsseiten, regionalen Clustern und einer Agent-Ready-Schicht. Studio Erdinc klärt den Umfang im Erstgespräch und legt danach Seiten, Inhalte, Messpunkte und Preis offen fest.

Wie lassen sich Inhalte auf einer handcodierten Seite aktualisieren?

Inhalte lassen sich auf einer handcodierten Seite über das Repository aktualisieren. Studio Erdinc übernimmt Änderungen im Abo oder als separate Leistung. Die HTML-Dateien bleiben lesbar, versioniert und unabhängig von einem Plugin-Editor. Für Unternehmen mit häufigen redaktionellen Änderungen wird geprüft, ob ein passender Inhaltsworkflow ergänzt werden soll.

Warum ist barrierefreies Webdesign für Schweizer KMU relevant?

Barrierefreies Webdesign erweitert die erreichbare Zielgruppe und macht Funktionen für Tastatur, Screenreader und unterschiedliche Sehfähigkeiten verständlich. WCAG 2.2 dient als Referenz für Kontraste, Fokus, Struktur und Formulare. Die konkrete Prüfung bleibt projektbezogen. Handcodierung erleichtert die Kontrolle, weil jedes relevante Element direkt im Markup sichtbar ist.

Wie gelingt der Wechsel von einer bestehenden WordPress-Seite?

Der Wechsel von WordPress beginnt mit einer Bestandsaufnahme. URLs, Inhalte, Medien, Weiterleitungen, Metadaten und strukturierte Daten werden erfasst. Danach wird die Informationsarchitektur bereinigt, die Zielseite handcodiert und der Übergang getestet. Eine Migration ist abgeschlossen, wenn alte relevante URLs korrekt weiterleiten und Nutzer sowie Suchmaschinen die neuen Seiten verstehen.

Weiterführende Informationen zum Webdesign

Die technischen, regionalen und wirtschaftlichen Nachbarfragen sind in diesen Beiträgen dokumentiert: Baukasten versus Agentur für Schweizer KMU · Webdesign-Prozess bei Studio Erdinc in sechs Schritten · handcodierte Webentwicklung ohne CMS-Ballast · Barrierefreiheit nach WCAG 2.2 für Schweizer Websites · Vergleich von WordPress und handcodiertem Webdesign · Semantic SEO für thematische Gesamtautorität · Conversion-Webdesign für messbare Kundenanfragen · Webdesign im Zürcher Oberland · Webdesign für Unternehmen in Zürich · transparente Preise und Pakete für Webdesign · kostenloses Erstgespräch für Ihre Website.