WordPress-Websites
Klare Unternehmenswebsites, die dein Angebot schnell verständlich machen und auf Smartphone, Tablet und Desktop funktionieren.
→Websites · SEO · Barrierefreiheit · Betreuung
Klar geplant. Technisch sauber. Dauerhaft betreut.
Ich entwickle und verbessere WordPress-Websites und WooCommerce-Shops für kleine und mittlere Unternehmen. Dabei verbinde ich Struktur, Technik, SEO, Barrierefreiheit und laufende Betreuung – mit einem festen Ansprechpartner von der Analyse bis zum Betrieb.
WordPress · WooCommerce · SEO · Barrierefreiheit · Hosting · Betreuung
Kurz gesagt
Neue und bestehende Websites werden als zusammenhängendes digitales System betrachtet: Struktur, Technik, Sichtbarkeit, Barrierefreiheit und laufender Betrieb sollen gemeinsam funktionieren. Du bekommst einen festen Ansprechpartner statt vieler einzelner Zuständigkeiten.
Was brauchst du gerade?
Wähle den Einstieg, der zu deiner Situation passt.
Leistungen
Website, Shop, SEO, Barrierefreiheit, Hosting und Betreuung werden nicht als Einzelbaustellen behandelt. Entscheidend ist, dass dein digitales System verständlich, wartbar und für dein Unternehmen sinnvoll bleibt.
Klare Unternehmenswebsites, die dein Angebot schnell verständlich machen und auf Smartphone, Tablet und Desktop funktionieren.
→Produkte, Bestellung, Zahlung und Pflege werden so strukturiert, dass der Shop nicht nur verkauft, sondern im Alltag beherrschbar bleibt.
→Updates, Backups, Sicherheit, Hosting, Domains und kleine Änderungen können dauerhaft geklärt bleiben.
→Technische Basis, verständliche Inhalte und eine saubere Seitenstruktur – ohne Ranking-Versprechen und ohne Keyword-Fülltexte.
→Kleine Webanwendungen und Automatisierungen, wenn sie einen wiederkehrenden Ablauf wirklich einfacher machen.
→Pragmatische Unterstützung für Selbstständige sowie kleine und mittlere Unternehmen – ausdrücklich kein privater Endkunden-Support.
→Bestehende Website
Wenn bereits eine Website vorhanden ist, muss nicht automatisch ein Relaunch folgen. Im Website-Check prüfe ich die wichtigsten Schwachstellen bei Technik, SEO, Barrierefreiheit, Performance, Sicherheit und Nutzerführung und ordne die nächsten Schritte nach Priorität.
WordPress, Erweiterungen, Ladeverhalten und erkennbare technische Risiken.
Crawling, Seitenstruktur, Metadaten, interne Verlinkung und Suchintention.
Tastatur, Struktur, Formulare, Kontraste und zentrale Nutzungsbarrieren.
Kein Maßnahmenfriedhof, sondern eine nachvollziehbare Reihenfolge für die Umsetzung.
Betreut statt abgegeben
Viele Website-Probleme entstehen später: Updates, neue Inhalte, Sicherheitsfragen, SEO, Hosting oder kleine Änderungen. Deshalb kann die laufende Betreuung von Anfang an Teil der Lösung sein.
Ablauf
Du musst nicht wissen, welche Technik du brauchst. Wir beginnen mit deinem Ziel und entscheiden danach, was wirklich nötig ist.
Was soll die Website oder der Shop für dein Unternehmen leisten?
Seiten, Inhalte, Funktionen und technische Anforderungen werden geordnet.
Design, Inhalte und Technik werden aufgebaut, getestet und abgestimmt.
Wenn du möchtest, bleiben Updates, Technik und Weiterentwicklung dauerhaft geklärt.
Direkter Kontakt
Du sprichst direkt mit mir – von der ersten Analyse über die Umsetzung bis zur laufenden Betreuung. Ich kenne dein System, dokumentiere Entscheidungen nachvollziehbar und bleibe auf Wunsch langfristig zuständig.
Keine wechselnden Ansprechpartner und keine Übergaben zwischen Abteilungen.
Du erfährst, warum etwas sinnvoll ist – oder warum wir es besser weglassen.
Eine saubere, übersichtliche Lösung ist wichtiger als ein möglichst großer Technikstapel.
Technische Anforderungen werden bereits bei Struktur und Umsetzung berücksichtigt statt erst nachträglich ergänzt.
Kundenrückmeldungen
Ausgewählte Rückmeldungen aus abgeschlossenen Projekten – hier bewusst kurz zusammengefasst.
Hervorgehoben wurden die zügige Umsetzung, die enge Abstimmung und die Möglichkeit, Inhalte anschließend selbst zu pflegen.
Positiv bewertet wurden fachliches Know-how, Kreativität und die verlässliche Zusammenarbeit bei CMS-Projekten.
Die Rückmeldung betont die unkomplizierte Abstimmung und die gute Integration eigener Ideen in die Umsetzung.
Häufige Fragen
Kurze Antworten auf Fragen, die bei Websites, Shops, SEO und Betreuung immer wieder auftauchen.
Das hängt vor allem von Umfang, Inhalten und Funktionen ab. Nach einem kurzen Gespräch kann ich den Aufwand sauber einordnen und ein transparentes Angebot erstellen.
Die technische und strukturelle SEO-Basis gehört von Anfang an dazu. Für laufende Suchmaschinenoptimierung, neue Inhalte und Auswertung kann die Website anschließend weiter betreut werden.
Ja. Ich kann eine bestehende Website prüfen, technisch übernehmen, weiterentwickeln oder – wenn es sinnvoller ist – einen Relaunch planen.
Du entscheidest: Übergabe mit klarer Dokumentation oder laufende Betreuung für Updates, Backups, Technik, Inhalte und Weiterentwicklung.
Nein. Es reicht, dein Ziel oder das aktuelle Problem zu beschreiben. Im Erstgespräch klären wir gemeinsam, was wirklich gebraucht wird.
Nächster Schritt
Eine bestehende Website, ein Ziel oder ein konkretes Problem reicht. Wenn noch unklar ist, was sinnvoll ist, kann der Website-Check der erste Schritt sein.
Bricks Designsystem · Section-Zuordnung
Die Reihenfolge entspricht der sichtbaren Seite von oben nach unten. Grundregel: Section-Farbklasse + optionaler Größenmodifikator → Container-Klasse → Layout-/Komponentenklasse. Einzelwerte nur dort, wo das Layout wirklich seitenbezogen ist.
.hero.hero-experiencesection-standard section-grosscontainer-standard--section-innen-vertikal-gross; --container-breite; --container-innen-horizontal; --abstand-spaltenVerbindliche Hero-Komponente: `hero-layout` auf dem inneren Layout-Wrapper, `hero-inhalt` auf der linken Inhaltsspalte und `hero-grafik` auf der rechten Grafikspalte. Eyebrow: `text-eyebrow`; Lead/Subheadline: `text-subheadline`; Buttons: `button-gruppe`. Tablet Hochformat (≤991 px) bleibt zweispaltig; erst Mobile Landscape (≤767 px) wird einspaltig gestapelt; bei Mobile Portrait (≤478 px) stehen die Buttons untereinander. Vorhandene individuelle Breakpoint-Werte für Spaltenbreite oder Textausrichtung in Bricks entfernen.
.answer-bandsection-standard section-kompaktcontainer-standard--section-innen-vertikal-kompakt; --container-breite; --container-innen-horizontal; --abstand-spalten; --farbe-rahmenKompakter Antwortblock. Für die asymmetrische 0,72/1,28-Aufteilung das bestehende Answer-Grid als eigene Komponentenklasse beibehalten. Eyebrow: Klasse `text-eyebrow`.
.intent-stripsection-standardcontainer-standard--farbe-weiss; --farbe-rahmen; --container-breite; --container-innen-horizontal; --abstand-elemente; --abstand-inhaltsgruppeStartseiten-Komponente. Kein normales Section-Padding; die Linkfelder bilden das Innenlayout. Eyebrow: Klasse `text-eyebrow`.
.section.home-servicessection-standardcontainer-standard--section-innen-vertikal; --farbe-weiss; --farbe-text; --container-breite; --container-innen-horizontal; --abstand-inhaltsgruppeNormale Inhaltssektion auf weißer Fläche. Eyebrow: Klasse `text-eyebrow`.
.section.section-softsection-dezentcontainer-standard--section-innen-vertikal; --farbe-grau-hell; --farbe-text; --container-breite; --container-innen-horizontal; --abstand-spaltenDezente Flächenabwechslung für ruhige Inhalts- oder CTA-Bereiche. Eyebrow: Klasse `text-eyebrow`.
.section.section-dark.care-featuresection-dunkelcontainer-standard--section-innen-vertikal; --farbe-dunkel; --farbe-text-invers; --container-breite; --container-innen-horizontal; --abstand-spaltenDunkle Section. Überschriften und Links erben die inverse Textlogik aus dem Designsystem. Eyebrow: Klasse `text-eyebrow`.
.sectionsection-standardcontainer-standard--section-innen-vertikal; --farbe-weiss; --farbe-text; --container-breite; --container-innen-horizontal; --abstand-spaltenNormale Inhaltssektion auf weißer Fläche. Eyebrow: Klasse `text-eyebrow`.
.section.section-warmsection-warmcontainer-standard--section-innen-vertikal; --farbe-warnung-hell; --farbe-text; --container-breite; --container-innen-horizontal; --abstand-spaltenWarme Hinweisfläche; kein Warnstatus, sondern ruhige Akzentfläche. Eyebrow: Klasse `text-eyebrow`.
.section.section-softsection-dezentcontainer-standard--section-innen-vertikal; --farbe-grau-hell; --farbe-text; --container-breite; --container-innen-horizontal; --abstand-spalten; --abstand-inhaltsgruppeDezente Flächenabwechslung für ruhige Inhalts- oder CTA-Bereiche. Eyebrow: Klasse `text-eyebrow`.
.section.faq-sectionsection-standardcontainer-standard--section-innen-vertikal; --farbe-weiss; --farbe-text; --container-breite; --container-innen-horizontal; --abstand-inhaltsgruppeNormale Inhaltssektion auf weißer Fläche. Eyebrow: Klasse `text-eyebrow`.
.sectionsection-standardcontainer-standard--section-innen-vertikal; --farbe-weiss; --farbe-text; --container-breite; --container-innen-horizontal; --abstand-elemente; --radius-grossNormale Inhaltssektion auf weißer Fläche. Eyebrow: Klasse `text-eyebrow`.
Nur für die Umsetzung
Diese Angaben gehören in SEOPress bzw. in die redaktionelle/technische Umsetzung. Den gesamten grünen Arbeitsbereich auf der Live-Website nicht als sichtbaren Inhalt übernehmen.
Global: SEOPress Knowledge Graph auf „Person“ mit echten, konsistenten Kontaktdaten und nur tatsächlich vorhandenen Profilen (sameAs) pflegen. XML-Sitemap und Open Graph aktivieren. FAQ-Inhalte sichtbar lassen, aber FAQ-Schema nicht als Rich-Result-Strategie einplanen.
Die Seite nativ in Bricks aufbauen. Zusätzlich zu Layout und Breakpoints gelten verbindlich die Kapitel Barrierefreiheit, Datenschutz und KI-Suche. Öffentliche Texte nennen weiterhin nur WordPress und WooCommerce, nicht den Pagebuilder.
Bricks-Anweisung für diese Seite öffnen →