drtittel/design-kritik.md

# Design-Kritik: Zahnarztpraxis Dr. Tittel

**URL:** https://zahnarztpraxis-tittel.de/  
**Datum:** 2026-05-27  
**Prüfer:** Design-Direktor (Kilo)

---

## Anti-Patterns-Verdikt: BESTANDEN ✓

Dies sieht **nicht** KI-generiert aus. Es ist eindeutig ein klassisches WordPress/Elementor-Projekt mit einer konservativen Arztpraxis-Ästhetik. Keiner der typischen KI-Fingerabdrücke ist vorhanden:

- **Keine** Cyan-auf-Dunkel- oder Lila-zu-Blau-Verläufe
- **Keine** Neon-Akzente auf dunklem Hintergrund
- **Kein** Glassmorphismus oder Blur-Effekte
- **Keine** Verlaufstexte auf Überschriften oder Metriken
- **Keine** identischen Icon + Überschrift + Text-Kartenraster
- **Keine** generischen Schriften (nutzt eigene "iowan"-Schrift)
- **Keine** Hero-Metrik-Layouts mit großen Zahlen
- **Keine** abgerundeten Rechtecke mit dicken farbigen Rahmen
- **Keine** Sparklines oder dekorativen Diagramme

Wenn man sagt "Das hat eine KI gemacht", wären Menschen skeptisch. Das Design ist zu simpel, zu WordPress-Template-mäßig für KI-Schludrigkeit. Aber: "Nicht KI-generiert" heißt nicht "gut gestaltet". Die Probleme sind organisch, nicht synthetisch.

---

## Gesamteindruck

Dies ist eine **kompetente, aber ängstliche** Zahnarztpraxis-Website. Sie kommuniziert Professionalität und Vertrauenswürdigkeit – die Farbpalette Navy (#1a386b) und Gold (#b6926d) passt zu einer medizinischen Praxis. Die eigene "iowan"-Schrift verleiht einen Hauch von Eigenständigkeit. Aber die Website wirkt, als sei sie gebaut worden, um "eine Website zu haben", nicht um **Patienten zu gewinnen**. Die Startseite ist eine Sackgasse. Es gibt keinen klaren Handlungsaufruf. Die User Journey endet bei "Willkommen".

Die größte Chance: **Aus der digitalen Broschüre ein Patienten-Akquisitions-Werkzeug machen.**

---

## Was funktioniert

### 1. Die Farbpalette ist bewusst gewählt
Die Navy-Gold-Kombination ist stimmig und kontextuell angemessen. Navy signalisiert Vertrauen, medizinische Professionalität, Stabilität. Gold wärmt auf und verhindert, dass die Seite wie eine Bank oder Kanzlei wirkt. Die Palette ist nicht mutig, aber sie ist **richtig** für eine Familienzahnarztpraxis in einer kleinen deutschen Stadt.

### 2. Progressive Offenlegung auf der Leistungsseite
Die Verwendung von Toggle-/Akkordeons für Leistungsbeschreibungen ist klug. Die Seite bleibt scannbar, während detailverliebte Patienten eintauchen können. Die Plus-/Minus-Icons bieten klare Affordance. Hier hat jemand über Informationsdichte nachgedacht.

### 3. Team-Fotos machen die Praxis menschlich
Die Teamseite mit echten Porträts (nicht Stockfotos) baut Vertrauen auf. In einer kleinstädtischen Praxis wollen Patienten wissen, **wer** sie behandelt. Die Darstellung des gesamten Teams – inklusive Assistentinnen – ist ein Vertrauensbaustein, den viele Praxen auslassen.

---

## Aktueller Content

| Seite | Inhalt | Struktur |
|-------|--------|----------|
| **Startseite** | Hero mit "Ihr Zahnarzt in Crimmitschau", Philosophie-Toggle (Akkordeon) | Header (Logo + Name + Telefon) → Navigation → Hero → Footer (Sprechzeiten + Kontakt) |
| **Unser Team** | 7 Teammitglieder: 2 Zahnärztinnen, 5 Assistentinnen, mit Fotos und tabellarischen CVs | Hero → 2-Spalten-Layout (Zahnärztinnen) → 3-Spalten (Assistentinnen) → 2-Spalten (Assistentinnen) |
| **Unsere Leistungen** | 6 Leistungen: Ästhetische Zahnfüllungen, Implantologie, Wurzelkanalbehandlung, Professionelle Zahnreinigung, Kinderbehandlung, Zahnaufhellung | Hero → Alternierendes 2-Spalten-Layout (Bild \| Toggle-Akkordeon) × 6 |
| **Behandlungszeiten** | Sprechzeiten-Tabelle (Mo–Fr), Notdienst-Link, Terminvereinbarungshinweis | Hero → Tabelle → Notdienst → Kontakt-Link |
| **Kontakt** | Kontaktformular (Name, E-Mail, Betreff, Nachricht), Google Maps | Hero → 2-Spalten (Formular \| Karte) |

### Design-Grundlagen
- **Farben:** Navy (#1a386b) + Gold (#b6926d)
- **Schrift:** Eigene "iowan" (via Use Any Font)
- **Builder:** Elementor (Hello Elementor Theme)
- **Max-Breite:** 1680px

---

## Prioritäre Probleme

### 1. Startseite ist eine Conversion-Sackgasse
**Was:** Die Startseite hat einen Hero-Bereich mit "Ihr Zahnarzt in Crimmitschau", einen Philosophie-Toggle und sonst nichts. Keine Leistungsvorschau, keine Teameinleitung, keine Patientenbewertungen, keine Notfallinformation, kein klarer Handlungspfad.

**Warum es wichtig ist:** Die Startseite ist die Landingpage für die meisten Besucher. Finden sie nicht innerhalb von 10 Sekunden, was sie brauchen, springen sie ab. Ein Patient mit Zahnschmerzen will keine Philosophieerklärung lesen – er will wissen, ob Sie Notfälle behandeln, wann Sie offen haben und wie er Sie erreicht. Die aktuelle Startseite bietet nichts davon prominent.

**Lösung:** Die Startseite als Conversion-Trichter restrukturieren:
- Hero: Überschrift + Unterzeile + **primärer CTA-Button** ("Jetzt Termin vereinbaren" oder "Anrufen")
- Abschnitt: 3 vorgestellte Leistungen mit Icons + "Alle Leistungen"-Link
- Abschnitt: Team-Vorschau mit "Unser Team kennenlernen"-Link
- Abschnitt: Sprechzeiten + Notfallinfo
- Abschnitt: Kontaktformular oder prominenter Telefon-CTA

**Befehl:** `/distill` — Die Startseite auf ihre Kernaufgabe reduzieren und um Patientenbedürfnisse herum aufbauen, nicht um Praxis-Selbstbeschreibung.

---

### 2. Kein prominenter Handlungsaufruf (CTA) irgendwo
**Was:** Die Telefonnummer (03762 56 29) steht als Fließtext im Header. Sie sieht nicht wie ein Button aus. Es gibt keinen "Termin vereinbaren"-Button, keinen sticky CTA auf Mobilgeräten, keinen Notfall-Hinweis für Patienten in Schmerzen.

**Warum es wichtig ist:** Eine Zahnarztpraxis-Website hat EINEN Job: Patienten zur Kontaktaufnahme zu bewegen. Jede Seite sollte diese Aktion mühelos machen. Aktuell muss der Nutzer die Telefonnummer suchen oder zur Kontaktseite navigieren. Im medizinischen Kontext tötet Reibung Conversion.

**Lösung:** Einen prominenten, sticky CTA hinzufügen:
- Header: Telefonnummer als ausgefüllter Button gestalten (Navy-Hintergrund, weiße Schrift, Telefon-Icon)
- Mobil: Sticky Bottom-Bar mit "Anrufen"- und "Kontakt"-Buttons
- Startseiten-Hero: Großer Primär-Button unter der Überschrift
- Sprechzeiten-Seite: Prominenter "Termin online buchen"- oder "Rufen Sie uns an"-CTA über der Tabelle

**Befehl:** `/bolder` — Die primäre Aktion so verstärken, dass sie unmöglich zu übersehen ist.

---

### 3. Cookie-Banner dominiert den ersten Eindruck
**Was:** Der Real Cookie Banner feuert einen massiven Modal beim ersten Besuch mit Wänden aus Rechtstext, drei Buttons, Akkordeon-Abschnitten und überwältigendem Detail. Der Banner-JSON-Code im HTML ist größer als der eigentliche Seiteninhalt der meisten Seiten.

**Warum es wichtig ist:** Bei einer lokalen Zahnarztpraxis ist der Cookie-Banner wahrscheinlich das Erste, was ein neuer Patient sieht. Es ist einschüchternd, juristisch und erzeugt Angst, bevor der Nutzer überhaupt den Praxisnamen gesehen hat. Ein Patient mit akuten Zahnschmerzen will keine "Standardvertragsklauseln" und "Verarbeitung in unsicheren Drittländern" durchlesen.

**Lösung:** Aggressiv vereinfachen:
- Banner reduzieren auf: "Wir verwenden Cookies für grundlegende Funktionen und Google Maps. [Alle akzeptieren] [Nur Essentials]"
- Detaillierte Rechtstexte hinter einen "Mehr erfahren"-Link verschieben
- Bottom-Bar statt Center-Modal verwenden – weniger aufdringlich
- Beschreibung von 200 Wörtern auf 30 kürzen

**Befehl:** `/clarify` — Die aktuelle Microcopy ist rechtlich umfassend, aber menschenfeindlich. Die Stimme vereinfachen, ohne Compliance zu verlieren.

---

### 4. Team-Raster ist visuell holperig
**Was:** Die Teamseite wechselt zwischen 2-Spalten- und 3-Spalten-Layouts (2 Zahnärztinnen, dann 3 Assistentinnen, dann 2 Assistentinnen). Das erzeugt einen unebenen, zufälligen Rhythmus. Die beiden Zahnärztinnen bekommen mehr visuelles Gewicht pro Person, während die Assistentinnen zusammengedrängt wirken.

**Warum es wichtig ist:** Ungleiche Raster wirken unbeabsichtigt. Sie signalisieren, dass das Layout von "wie viele Leute passen hin" getrieben wurde, nicht von "wie präsentieren wir unser Team mit Würde". Es signalisiert auch subtil eine Hierarchie, die möglicherweise nicht beabsichtigt ist – die Zahnärztinnen bekommen 50% Breite, die Assistentinnen 33%.

**Lösung:** Ein konsistentes Raster verwenden. Entweder:
- 3-Spalten-Raster für alle (Zahnärztinnen bekommen eine Featured-Behandlung wie größere Bilder oder Zitate)
- Oder 2-Spalten durchgehend, mit Reihen zu je 2

**Befehl:** `/normalize` — Ein konsistentes Rastersystem etablieren und einheitlich anwenden.

---

### 5. Leistungsseiten-Layout wird monoton
**Was:** Sechs Leistungen, jede mit dem exakt selben alternierenden 2-Spalten-Layout (Bild links / Toggle rechts, dann Bild rechts / Toggle links). Ab der dritten Leistung ist das Muster vorhersehbar und visuell ermüdend.

**Warum es wichtig ist:** Wiederholung ohne Variation ist Langeweile. Ein Patient, der durch Leistungen scrollt, sollte engagiert bleiben, nicht das Gefühl haben, durch eine PowerPoint-Präsentation zu klicken. Die identische Struktur signalisiert auch nicht, welche Leistungen am wichtigsten sind.

**Lösung:** Die Präsentation variieren:
- Top 2-3 Leistungen mit dem vollen alternierenden Layout präsentieren
- Restliche Leistungen als saubere Liste oder Kartenraster darstellen
- Alternierendes Layout nur dort verwenden, wo der visuelle Bruch Mehrwert schafft
- "Am häufigsten nachgefragt"- oder "Notfall"-Badge zur Priorisierung hinzufügen

**Befehl:** `/distill` — Das repetitive Muster reduzieren und Inhalte atmen lassen.

---

## Schnelle Verbesserungen (Quick Wins)

| # | Maßnahme | Impact |
|---|----------|--------|
| 1 | Footer-Sprechzeiten in Header oder als sticky Element heben | Hoch |
| 2 | "Philosophie"-Toggle von Startseite entfernen oder zurückstufen | Mittel |
| 3 | Team-CVs aus Tabellen in lesbare Texte umwandeln | Mittel |
| 4 | Contact Form 7 an Navy/Gold-Palette anpassen | Niedrig |
| 5 | Statisches Kartenbild als Fallback für abgelehnte Google-Maps-Cookies | Mittel |
| 6 | Patientenbewertungen/Testimonials hinzufügen | Hoch |
| 7 | Notfall-Callout prominent auf Startseite platzieren | Hoch |

---

## Fragen zur Reflexion

- **"Was wäre, wenn die primäre Aktion 3x größer wäre und am Viewport fixiert?"** Würden mehr Patienten anrufen?
- **"Weiß ein Erstbesucher in Schmerzen in unter 5 Sekunden, was zu tun ist?"** Testen Sie das. Die Antwort ist wahrscheinlich nein.
- **"Wie würde eine selbstbewusste Version dieser Praxis aussehen?"** Eine, die ihre Expertise besitzt statt sie nur aufzulisten?
- **"Warum hat der Cookie-Banner mehr Design-Aufmerksamkeit bekommen als die Patienten-Journey?"** Der Banner hat eigene Farben, Logos und Akkordeon-Widgets. Die Startseite hat einen Toggle und einen Footer.
- **"Was wäre, wenn die Teamseite mit einem Gruppenfoto starten würde statt mit Einzelkarten?"** Würde das mehr wie eine Familienpraxis und weniger wie ein Firmenverzeichnis wirken?
- **"Ist diese Website für die Praxis oder für die Patienten?"** Aktuell liest sie sich wie Ersteres.

---

## Zusammenfassung

Diese Website vermeidet KI-Schludrigkeit, indem sie zu konventionell ist, um trendy zu sein. Aber Konvention ohne Strategie ist nur eine Vorlage. Das Design ist **technisch solide** – es lädt, ist responsiv, die Farben passen – aber es ist **strategisch schwach**. Es führt Patienten nicht zur Handlung, priorisiert Informationen nicht nach Dringlichkeit und differenziert die Praxis nicht von jedem anderen Zahnarzt mit einer WordPress-Seite.

Die gute Nachricht: Das sind lösbar Probleme. Die Palette ist solide, der Inhalt existiert, und der Builder (Elementor) erlaubt schnelle Iteration. Die Arbeit ist redaktionell, nicht technisch: Entscheiden, was Patienten am meisten brauchen, wegwerfen, was sie nicht brauchen, und jede Seite um einen einzigen, offensichtlichen nächsten Schritt herum gestalten.