Facettenreich
Website-Relaunch für Eva Baumgartner, psychosoziale Lebens- und Sozialberaterin in der Steiermark. Statt einer WordPress-Seite mit laufenden Monatskosten stehen jetzt neun handgebaute Seiten – warm, ruhig und in allen vier Lighthouse-Kategorien auf 100.
Die neue Startseite
Cream & Gold, elegante Serifen, viel Ruhe im Satz: Der visuelle Auftritt wurde eigens für Facettenreich entwickelt und über alle neun Seiten konsequent durchgezogen. Alle Ansichten auf dieser Seite lassen sich zum Vergrößern anklicken.
- Auftraggeberin
- Eva Baumgartner – psychosoziale Lebens- & Sozialberatung
- Standort
- Steiermark
- Leistung
- Konzeption, Design & Entwicklung – Website-Relaunch
- Technik
- HTML, CSS, JavaScript, PHP – kein WordPress, keine Datenbank
- Hosting
- Hetzner (EU-Serverstandort)
Ausgangslage
Vor dem Relaunch lief der Auftritt auf WordPress – mit monatlich wiederkehrenden Kosten. Für eine Ein-Personen-Praxis ist das ein Posten, der jeden Monat abgeht, ohne dass die Website dadurch besser wird: bezahlt werden Lizenzen, Plugins und Wartung, nicht Inhalte. Dazu kamen die üblichen Begleiterscheinungen – Plugin-Ballast, Ladezeit unter Druck und eine dauerhafte Angriffsfläche über die Login-Seite.
Der teuerste Teil einer WordPress-Seite steht selten in der Rechnung für den Aufbau – sondern in den Beträgen, die danach jeden Monat weiterlaufen. Genau die fallen hier jetzt weg: Die neue Website ist statisch, es bleiben Domain und Hosting.
Zielsetzung
Gewünscht war eine warme, vertrauensbildende Website, die Evas persönlichen und achtsamen Beratungsstil transportiert – und die Interessent:innen den Weg zum kostenlosen Erstgespräch so einfach wie möglich macht.
Messbares Ergebnis
Gemessen mit Google Lighthouse 12 auf einem lokalen Produktionsserver mit Gzip und Caching – alle vier Kategorien am Höchstwert:
Und weil ein Durchschnittswert wenig aussagt, hier die vollständige Messung Seite für Seite:
| Seite | Perf. Desktop | Perf. Mobil | Barrierefreiheit | Best Practices | SEO |
|---|---|---|---|---|---|
| index | 100 | 98 | 100 | 100 | 100 |
| ueber-mich | 100 | 98 | 100 | 100 | 100 |
| lebensberatung | 100 | 98 | 100 | 100 | 100 |
| paarberatung | 100 | 97 | 100 | 100 | 100 |
| familienaufstellung | 100 | 99 | 100 | 100 | 100 |
| kontakt | 100 | 99 | 100 | 100 | 100 |
| impressum | 100 | 100 | 100 | 100 | 100 |
| datenschutz | 100 | 100 | 100 | 100 | 100 |
| agb | 100 | 100 | 100 | 100 | 100 |
Die 97 bis 99 bei der mobilen Performance stammen ausschließlich aus dem Ladezeitpunkt der großen Hero-Fotos unter der simulierten Drosselung von Lighthouse (langsames 4G plus vierfach verlangsamte CPU). Alle übrigen Messwerte liegen auf 100 – für ein bildstarkes Design praktisch der Bestwert.
Umfang: neun eigenständig gestaltete Seiten
| Seite | Inhalt |
|---|---|
| Startseite | Hero, Kompetenzen-Überblick, Vorstellung, Call-to-Action |
| Über mich | Werdegang, Qualifikationen & Ausbildungen, persönliche Geschichte |
| Lebensberatung | Life Coaching, Anwendungsbereiche, Methoden |
| Paarberatung | Beziehungscoaching, Anlässe, Preise |
| Familienaufstellung | Systemische Aufstellungen, Gruppentermine, Seminare |
| Kontakt | Kontaktformular, Praxis-Infos, FAQ |
| Rechtliches | Impressum nach österreichischem Recht, Datenschutz, AGB |
Das Design-System
Farben: Creme & Gold
Eine eigens entwickelte Palette – warm, ruhig, ohne Signalfarben. Sie trägt alle neun Seiten und sorgt dafür, dass jede Unterseite sofort als Teil desselben Auftritts erkennbar ist.
Typografie: zwei Schriften, beide selbst gehostet
Display-Serife für Überschriften, Zitate und Akzente – elegant und warm.
Fließtext-Sans für Body und Navigation – klar, ruhig, gut lesbar.
Beide liegen als woff2 mit Latin-Subset auf dem eigenen Server, werden vorgeladen und nutzen font-display: swap. Es gibt keine Verbindung zu Google Fonts – und damit keine IP-Weitergabe beim Seitenaufruf.
Bausteine
Karten, Split-Sektionen, Preistafeln, FAQ-Akkordeon, Breadcrumbs, Buttons, Icon- und Check-Listen, dezente Herz- und Funkel-Ornamente, Zierlinien mit Herz sowie vollflächige Foto-Hintergründe mit weichen Verläufen.
Gestalterische Höhepunkte
Vier Abschnitte, an denen sich das System besonders gut zeigt.
Funktionen
- Kontaktformular mit Spam-Schutz: Versand per PHP direkt an Eva, Honeypot-Feld, Einwilligungs-Checkbox, Schutz vor Header-Injection und Längenbegrenzung.
- Ausklappbares FAQ: zugängliches Akkordeon mit korrekten ARIA-Zuständen.
- Mega-Navigation: Kompetenzen-Dropdown, mobiles Burger-Menü, Sticky-Header.
- Sanfte Scroll-Animationen – mit Rücksicht auf
prefers-reduced-motion. - Direktkontakt: WhatsApp, E-Mail und Telefon je einen Klick entfernt.
- Erstgespräch-CTA auf jeder Seite präsent.
- Breadcrumbs und klare Struktur – genau eine H1 pro Seite.
- Gruppentermine und transparente Preistafeln.
Unter der Haube
| Maßnahme | Wirkung |
|---|---|
| Statisches Setup über eine Token-Build-Pipeline (gemeinsamer Kopf/Fuß, zentrale Inhalte) | schnell und wartbar – ohne CMS-Overhead |
Bild-Pipeline in WebP, ausgeliefert per <picture> mit JPG-Fallback und srcset | automatisiert konvertiert, zusätzlich kleinere Mobil-Variante |
LCP-Vorladung des wichtigsten Bildes je Seite (preload, fetchpriority) | der Hero erscheint früher |
| Selbst gehostete Schriften | keine externen Font-Server, keine IP-Weitergabe |
Security-Header per .htaccess | nosniff, Referrer-Policy, X-Frame-Options, Permissions-Policy, HTTPS-Redirect vorbereitet |
| Brotli/Gzip für Texte, 1 Jahr immutable-Caching für Assets | schnelle Wiederbesuche, HTML bleibt stets frisch |
Datenschutz – datensparsam by Design
Keine Cookies, kein Tracking, keine Werbe-Pixel, keine externen Schriften. Was nicht erhoben wird, muss auch nicht erklärt, gespeichert oder eingewilligt werden – die Website kommt deshalb ganz ohne Cookie-Banner aus.
Dazu eine vollständige Datenschutzerklärung nach DSGVO und ein Serverstandort in der EU (Hetzner).
Barrierefreiheit, Responsive und SEO
- Barrierefreiheit: semantische Struktur, ARIA-Labels, sichtbarer Fokus, versteckte Struktur-Überschriften, dekorative Bilder korrekt ausgezeichnet.
- Responsive geprüft: echte Geräte-Emulation bei 360, 390, 768, 1024 und 1440 Pixel – null horizontaler Überlauf.
- SEO-Basis: individuelle Titel und Meta-Beschreibungen je Seite,
robots.txt,sitemap.xmlund eine saubere Überschriften-Hierarchie.
Arbeitsprotokoll: was im Detail umgesetzt wurde
Seite für Seite – zum Aufklappen.
Startseite
Neuer Vorstellungsabschnitt „Schön, dass du da bist“ mit Praxisfoto. Die Icons im Kompetenzen-Überblick wurden entfernt, damit das Bild ruhiger wird. Dazu Textkorrekturen, Feinschliff und das Entfernen einer veralteten Bewertung.
Über mich
Qualifikationen und Ausbildungen nach oben gerückt und in ein übersichtliches Raster gebracht. Der Abschnitt „Aus eigener Erfahrung“ wurde komplett nach Vorlage neu gestaltet – mit Zierlinie, gold hervorgehobenen Schlüsselwörtern, Punkt-Trennern sowie Blätterzweig und Wellenlinie als Inline-SVG. Die Karten „Mit Herz, ganzheitlich“ stehen jetzt auf einem Foto-Hintergrund, „Von Herz zu Herz“ als zwei zentrierte Blöcke.
Lebensberatung
Die alte Hero-Passage samt Bild wurde entfernt und der Folgeabschnitt als neuer, sauberer Seitenkopf mit H1 und Breadcrumb hochgezogen. „Individuell auf dich abgestimmt“ bekam das Öle-Foto als rechtsseitigen Vollflächen-Hintergrund mit Verlauf und einen neuen Text. Die Anliegen-Liste wurde neu geordnet und klarer strukturiert.
Paarberatung
Einstieg und Eyebrow geschärft, die Preistafel prominenter gesetzt, überflüssige Passagen entfernt – der Aufbau ist dadurch deutlich fokussierter.
Familienaufstellung
Der erste Abschnitt wurde als zentrierter Hero mit Zierlinie und 2×2-Vorteilsraster neu gestaltet, das Seitenbild entfernt und der Block näher an den Header gezogen. Die Lesbarkeit von „Wobei eine Familienaufstellung unterstützen kann“ wurde über einen feinjustierten Verlauf verbessert, das Gruppenfoto liegt jetzt als Vollflächen-Hintergrund hinter der weißen Termin-Karte. Die Gruppentermine sind aktualisiert: jeden 2. Sonntag im Monat, FC Donald, Quellenstraße 122, 8181 Sankt Ruprecht an der Raab. Bei den Preisen wurde „Einzelberatung“ bereinigt.
Seitenübergreifend
Footer-Credit „Eine Website von ZouWeb“ inklusive Logo ergänzt und auf zouweb.at verlinkt. Das Ornament-System wurde bereinigt – dezente Herzen und Funkeln bleiben, überladene Trenner sind raus. Alle Fotos wurden in höherer Qualität neu als WebP generiert und die Bildschärfe optimiert. Aus AGB und Datenschutz verschwanden sämtliche Platzhalter- und Vorlagenhinweise. Zum Abschluss ein vollständiger Responsive- und Lighthouse-Check über alle Seiten.
Ergebnis
Ein Auftritt, der zur Beraterin passt: warm im Ton, ruhig im Aufbau und technisch ohne Kompromiss. Neun Seiten, die auf jedem Gerät sauber laufen, keine einzige externe Verbindung beim Laden, kein Cookie-Banner – und vor allem keine monatlichen Kosten mehr für ein CMS, das die Website nie schneller gemacht hat. Was bleibt, sind Domain und Hosting.
Zahlen Sie noch jeden Monat für Ihre Website?
Viele WordPress-Seiten lassen sich als schnelle, wartungsarme Website neu aufsetzen – ohne laufende Lizenzkosten. Antwort innerhalb von 24 Stunden.
Kostenloses Angebot anfordern