Klare Struktur
Besucher finden schnell, was du anbietest, für wen es gedacht ist und wie sie dich erreichen.
Websites
Ich entwickle WordPress-Websites für kleine und mittlere Unternehmen, die Angebot, Zielgruppe und nächsten Schritt schnell verständlich machen. SEO, Barrierefreiheit, technische Wartbarkeit und die spätere Betreuung werden bereits bei Struktur und Umsetzung berücksichtigt.
Kurz erklärt
Eine gute Website erklärt Angebot, Zielgruppe und nächsten Schritt in wenigen Sekunden. Sie funktioniert auf mobilen Geräten, ist technisch sauber, zugänglich aufgebaut, gut pflegbar und bietet Suchmaschinen sowie KI-Suchsystemen verständliche Inhalte.
Worauf es ankommt
Die Website soll für Besucher leicht sein. Die technische Komplexität gehört hinter die Oberfläche, nicht davor.
Besucher finden schnell, was du anbietest, für wen es gedacht ist und wie sie dich erreichen.
WordPress wird übersichtlich aufgebaut und auf unnötige Erweiterungen wird verzichtet.
Die Website funktioniert nicht nur am großen Bildschirm, sondern auch auf Smartphone und Tablet.
Updates, Inhalte und spätere Erweiterungen werden von Anfang an mitgedacht.
Seitenstruktur, Metadaten und technische SEO werden bereits beim Aufbau berücksichtigt.
Enthalten
Texte
Besucher sollen verstehen, was du anbietest. Deshalb schreibe ich kurze, konkrete Texte und vermeide leere Werbesätze.
„Ganzheitliche, innovative Lösungen für deinen nachhaltigen Unternehmenserfolg.“
„Ich baue und betreue deine Website. Du hast einen Ansprechpartner für Inhalt und Technik.“
Rechtstexte
Wenn du Rechtstexte über einen spezialisierten Anbieter beziehst, kann ich die technische Einbindung in WordPress übernehmen. Eigene Rechtsberatung oder selbst erstellte Rechtstexte biete ich nicht an.
Damit sind technische Umsetzung und rechtlicher Inhalt klar voneinander getrennt.
Häufige Fragen
Kurze Antworten auf Fragen, die bei Websites, Shops, SEO und Betreuung immer wieder auftauchen.
Vor allem für kleine Unternehmen und Selbstständige, die ihr Angebot verständlich erklären und online professionell auftreten möchten.
Ja. Vor einem kompletten Neubau prüfe ich, was erhalten werden kann. Bei einem Relaunch werden bestehende Inhalte, URLs und SEO-relevante Strukturen berücksichtigt.
WordPress ist flexibel, weit verbreitet und lässt sich langfristig weiterentwickeln. Entscheidend bleibt eine saubere Struktur, eine schlanke technische Basis und eine verlässliche Betreuung.
Nein. Du kannst die Website übernehmen. Wenn du Updates, Backups und spätere Änderungen abgeben möchtest, ist eine laufende Betreuung möglich.
Neue Website
Schick mir die aktuelle Adresse oder beschreibe kurz, was dir fehlt.
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.
.page-herosection-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`.
.service-contextsection-standardcontainer-standard--farbe-weiss; --farbe-rahmen; --container-breite; --container-innen-horizontal; --abstand-elemente; --abstand-inhaltsgruppeKompakte Leistungsnavigation. Standard-Section-Padding nicht verwenden; eigenes Komponentenlayout auf Basis der Design-Tokens.
.trust-stripsection-dezentcontainer-standard--farbe-grau-hell; --farbe-rahmen; --container-breite; --container-innen-horizontal; --abstand-elemente; --abstand-inhaltsgruppeKompakte Komponentenleiste. Standard-Section-Padding nicht verwenden; die Leiste erhält ihr eigenes kompaktes Innenlayout.
.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`.
.section.section-darksection-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.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 →