Interner Arbeitsstand, 21.08.2026

ulrich-haug.de

Zwei Fassungen zum Vergleichen

Links der Nachbau der heutigen Seite, aus dem Live-Stand extrahiert: gleiche Farben, gleiche Schriften, gleiche Texte. Rechts dieselbe Substanz, neu geordnet und technisch aufgeräumt. Beide Fassungen sind statisch und laufen ohne WordPress.

Startseite des 1:1-Nachbaus

Fassung A

Der 1:1-Nachbau

Die heutige Seite als statische Kopie. Gleiches Layout, gleiche Texte, gleiche Bilder in Originalgröße. Auch die Widersprüche und Tippfehler sind übernommen, denn sie sind der Befund.

  • 9 Seiten, dazu die Termine-Seite als Hinweis
  • Navigation, beide Formulare, FAQ-Aufklapper, Content-Blocker
  • Bilder unverändert, deshalb 11,7 MB Ordnergewicht
Startseite der optimierten Fassung

Fassung B

Die optimierte Fassung

Dieselbe Substanz, andere Reihenfolge. Ein Angebot steht vorn, der Mechanismus hat einen Namen, das kostenlose Chart wird zum Einstieg statt zur toten Unterseite.

  • 8 Seiten, je eine klare Aufgabe
  • Ein Preis, eine Dauer, ein CTA über alle Seiten
  • Schriften selbst gehostet, Chart-Rechner erst nach Zustimmung

Gemessen, nicht geschätzt

Was sich in Zahlen unterscheidet

Gemessen wurde die Startseite: das HTML plus alles, was ein Browser beim ersten Aufruf lädt, bevor gescrollt wird. Die Live-Spalte steht dabei, weil Fassung A als statische Kopie zwangsläufig schneller ist als dasselbe Design unter WordPress.

StartseiteHeute live
(WordPress)
Fassung A
(Nachbau)
Fassung B
(optimiert)
Ladegewicht beim ersten Aufruf 11 957 KB9 809 KB 367 KB
Dateien beim ersten Aufruf 7676
HTML der Startseite 404 KB35 KB77 KB
Grösste Einzeldatei 8 900 KB8 900 KB 105 KB
H1-Überschriften 2411
Bilder ohne Alternativtext 1 von 180 von 15 2 von 5 (Logo, gewollt leer)
Anfragen an fremde Server Google Fonts, bodygraph.comkeine nur nach Klick
Preisangaben für dasselbe Angebot 2 (333 €, 222 €)2 1
Dauerangaben für dasselbe Angebot 3 (2 h, 90 min, 60 min)3 1
Doppelte Kundenstimmen 3 Paare von 133 Paare 0 von 9
Strukturierte Daten keinekeine ProfessionalService, FAQPage
Ordnergewicht mit allen Seiten 11,7 MB 1,1 MB

Aus der Bestandsaufnahme

Sieben Funde, die zuerst weg sollten

Alles unten steht heute so im Quelltext von ulrich-haug.de. In Fassung A ist es absichtlich nachgebaut, in Fassung B ist es behoben.

Ein Haupt-Button führt auf eine fremde Website

Der Button „Sitzung buchen“ im Über-mich-Block der Startseite zeigt auf https://kristin-glenewinkel.ch/movement-medicine. Die beiden anderen Buttons mit derselben Beschriftung führen korrekt zum Formular. Es sieht nach einem Baukasten-Block aus, der aus einem anderen Projekt kopiert wurde. In Fassung A ist der Button bewusst nicht klickbar, damit der Nachbau niemanden weiterleitet.

Ein 8,9-MB-Bild als Zitat-Zeichen

Das Anführungszeichen über den Kundenstimmen ist Kein-Titel-50-x-50-px.svg, eine SVG-Datei mit eingebettetem Rasterbild, 8,9 MB gross. Sie steht 13 Mal auf der Startseite und wird bei 26 Pixeln angezeigt. Das ist der Hauptgrund für die 11 957 KB Ladegewicht.

24 H1-Überschriften auf einer Seite

Der Seitenbaukasten gibt jede grosse Headline als <h1> aus. Damit hat die Startseite 24 Hauptüberschriften und für Suchmaschinen kein erkennbares Thema. Beide Fassungen haben genau eine.

Zwei Preise und drei Dauern für dasselbe Reading

Die Startseite nennt 2 Stunden für 333 € inkl. MwSt. Die Seite /einzel-session/ nennt 90 Minuten in der Überschrift, 60 Minuten im Absatz darunter und 222 € plus MwSt. im Buchungsblock. Wer beide Seiten liest, weiss nicht, was er bucht.

Ein Arbeitsvermerk in der Datenschutzerklärung

Unter Punkt 2 steht der Satz „Auf Grundlage Ihrer Website-Inhalte müssen folgende Punkte in der Erklärung enthalten sein:“. Das ist eine Notiz aus dem Entwurf. Ausserdem fehlt der Chart-Rechner von app.bodygraph.com als Drittanbieter, obwohl er Geburtsdaten und IP-Adresse überträgt.

Zwei Design-Systeme auf einer Domain

Die Startseite läuft auf Playfair Display, Gold #937543 und 20 px Kartenradius. Die Unterseiten laufen auf DM Sans, Orange #F19A5C und 40 px. Dazu zwei Formular-Plugins (SureForms und Fluent Forms) und zwei verschiedene Footer. Wer von der Startseite auf „Einzel Session“ klickt, landet optisch bei einer anderen Firma. Beide Schemata sind in Fassung A nachgebaut, in Fassung B gibt es eines.

Das kostenlose Chart führt nirgendwohin

/human-design-chart-rechner/ und /human-design-beziehungschart-und-report/ tragen denselben Text „Erstelle hier kostenlos dein Partnerschafts Chart“, auf der ersten Seite ist er falsch. Beide bestehen aus Rechner plus zwei Sätzen, ohne Einordnung und ohne nächsten Schritt.

Und was gut ist

Die Marke trägt. Playfair Display auf Sand und Gold ist eine bewusste, stimmige Wahl. Die Portraits sind gut. Wichtiger noch: die Texte sind echt. Sätze wie „Ich kenne den Schmerz, auf einem Sack voll Gold zu sitzen und nicht ranzukommen“ schreibt kein Textbaukasten. Genau diese Sätze und diese Farben sind in beiden Fassungen unverändert übernommen. Auch der Heilkunde-Hinweis im Footer ist rechtlich sauber und ehrlich formuliert, er bleibt wörtlich stehen.

Zum Stand dieser Entwürfe. Beide Fassungen laufen ohne Server. Das Anfrageformular ist vollständig gebaut, sagt beim Absenden aber, dass hier kein Versand stattfindet, statt Eingaben stillschweigend zu verwerfen. Für den Livegang braucht es ein Formular-Backend in der EU. Bis dahin führt der Weg über die Mailadresse und die Telefonnummer, beide sind überall verlinkt.

Termine. Der Bestand pflegt 33 Termine über The Events Calendar, darunter wiederkehrende Reihen wie den Intention Circle. Diese Termine sind in keiner der beiden Fassungen enthalten. Sie bleiben vorerst im bestehenden System, so abgesprochen. Wer sie auf der neuen Seite haben will, braucht entweder einen Redaktionsschritt oder eine Verlinkung. Das ist eine Entscheidung, keine Technikfrage.

Rechte an Bildern und Schriften. Alle Bilder stammen aus dem bestehenden Medienbestand der Seite. Zwei davon sehen nach Stockmaterial aus (Design-ohne-Titel-14.jpg und 12.jpg, Landschaftsaufnahmen); bei diesen ist die Lizenz vor einem Livegang zu klären. Playfair Display und Work Sans stehen unter der SIL Open Font License und liegen in beiden Fassungen lokal, es gibt keine Verbindung zu Google Fonts mehr.

Grenze des Nachbaus. Der Hero-Text der Unterseiten wird im Bestand per Einblend-Animation nachgeladen und ist auf einem Screenshot ohne Scroll unsichtbar. Schriften, Farben und Radien stammen aus dem CSS und sind gemessen, die Textfarbe im Hero ist rekonstruiert. Fassung A setzt dort ein Petrol-Overlay, damit der Text lesbar bleibt.

Was noch fehlt. Die Kundenstimmen haben keine Namen. In Fassung B stehen dort sichtbare Platzhalter, weil anonyme Zitate in diesem Markt wie erfunden wirken. Ein Vorname plus Tätigkeit genügt. Ebenso offen: die Jahresangaben „über 15 Jahre“ und „über 10 Jahre“ wären als konkrete Jahreszahl stärker.