Case Study · Beratungsmarke · Versicherung · Astro

Vertrauensaufbau als Architektur: die Website einer FINMA-Broker-Beratung

ThatDay berät Menschen in der Schweiz zu Krankenversicherung, Spitaldeckung und Vorsorge — die Website ist auf Vertrauen und Erstgespräche gebaut, nicht auf Prämienvergleichs-Lärm.

Astro

Statisch, Lighthouse 95+

Wissen-Hub

Beratung und Ratgeber verzahnt

FINMA

thatday.ch live ansehen ↗ Ähnliches Projekt anfragen

Kurzfassung

ThatDay (thatday.ch) ist die Website einer unabhängigen Schweizer Versicherungsberatung (FINMA-registrierter Broker), gebaut von loaded.ch auf Astro. Die Architektur trennt bewusst Beratungsangebot und Wissens-Hub und führt beide auf eine Erstgespräch-Strecke zusammen. Positionierung: menschliche Beratung für Leute, die nicht die billigste Police suchen — die Website transportiert das über Klarheit und Tempo statt über Vergleichsrechner-Getöse.

Ausgangslage

Das Problem hinter dem Projekt

Der Schweizer Versicherungsmarkt online ist von Vergleichsportalen und Lead-Fabriken geprägt. Eine Beratungsmarke, die Qualität statt Billigst-Prämie verkauft, braucht eine Website, die dieses Versprechen einlöst — ruhig, schnell, präzise, mit sichtbaren Vertrauenssignalen (FINMA-Registrierung) statt Countdown-Bannern.

Gleichzeitig muss die Seite fachlich liefern: Krankenkasse, Spitaldeckung, Vorsorge und Familienabsicherung sind erklärungsbedürftig. Die Lösung ist eine Content-Architektur, in der jede Wissens-Seite eine konkrete Frage beantwortet und in ein Erstgespräch überleiten kann.

Die Lösung

Was wir gebaut haben

Zweiteilige Architektur: Beratung + Wissen

Leistungsseiten für Gesundheit und Vorsorge, daneben ein Ratgeber-Hub für Fachfragen — intern eng verlinkt, damit Recherche-Besucher zur Beratungs-Strecke finden.

Erstgespräch als durchgängige Conversion

Die Erstgespräch-Anfrage ist von jeder Seite erreichbar — als klarer, unaufdringlicher Pfad statt Popup-Dauerfeuer.

Trust-Elemente strukturiert

FINMA-Registernummer, Broker-Status und Beratungsansatz sind prominent und maschinenlesbar ausgezeichnet — Vertrauenssignale, die auch KI-Assistenten erfassen.

Statische Performance

Astro liefert reines HTML: Ladezeit unter einer Sekunde, kein CMS-Ballast, minimale Wartung — die Beratung kümmert sich um Kundschaft, nicht um Plugin-Updates.

Tech-Stack: AstroVercel

Die Architektur

Wie es wirklich gebaut ist

ThatDay ist Astro 6.2 in Reinform: statischer Build mit inlined Stylesheets, gehostet auf Netlify mit strikter Content-Security-Policy und vollem Security-Header-Set. Die Inhalte sind datengetrieben — Produkte, Anbieter, Vergleiche, Beratungstypen und Standorte leben als TypeScript-Datensammlungen und speisen programmatische Routen (produkte/[slug], anbieter/[slug], vergleiche/[slug], standorte/[slug]). Fünf spezialisierte Layouts trennen Marketing-, Produkt-, Service- und Guide-Seiten.

Die Buchung läuft über Netlify Functions gegen die Cal.com-v2-API — mit einer Abstraktion für zwei Berater mit je eigenen API-Keys und Event-Typen: Gesundheitsthemen werden auf den einen, Vorsorge auf den anderen Kalender geroutet. Die Function härtet serverseitig ab, was Client-Validierung nie garantieren kann: Honeypot-Feld gegen Bots, serverseitige Consent-Erzwingung, E-Mail-Validierung und Feldlängen-Begrenzung.

Zwei Detail-Entscheide zeigen die Sorgfalt: Fontaine generiert metrik-identische Fallback-Fonts, damit der Foto-Hero ohne Layout-Shift lädt (CLS-Eliminierung als Build-Schritt), und die GEO-Ausstattung ist ungewöhnlich vollständig — dedizierte JSON-LD-Komponenten pro Schema-Typ plus Answer-Box- und Vergleichsmatrix-Komponenten, die für KI-Zitierfähigkeit gebaut sind.

Stack im Detail

Framework: Astro 6.2.2 (statisch, Fontaine-Fallback-Fonts)
Hosting: Netlify + Functions, strikte CSP
Buchung: Cal.com v2 API, Dual-Berater-Routing
E-Mail: Resend
Inhalte: TypeScript-Datensammlungen → programmatische Routen
SEO/GEO: JSON-LD-Komponenten, AnswerBox, llms.txt

Design-Rationale

Warum es so aussieht

Das Design-System ist dokumentiert und hat eine klare Haltung: warme Schweizer Editorial-Palette (Papier #F7F2E9, tiefes Salbeigrün #34594A, Pfirsich und Terrakotta als Akzente), Manrope für Text, Instrument Serif kursiv nur als redaktioneller Akzent. Die dokumentierten Anti-Patterns sind Teil des Systems: keine Dashboards-Optik, keine Spital-Bilder, keine Stock-Händeschüttel-Fotos, minimale Motion.

Der Grund: ThatDay verkauft Ruhe und Unabhängigkeit in einem Markt voller Vergleichsrechner-Lärm. Die FINMA-Registrierung ist prominent und maschinenlesbar ausgezeichnet — Vertrauen wird gezeigt, nicht behauptet.

Was wir daraus gelernt haben

Positionierung schlägt Feature-Liste: Die wichtigste Design-Entscheidung war, was die Seite alles NICHT hat — kein Prämienrechner, keine Popups, kein Vergleichs-Clickbait. Eine Marke, die Ruhe verkauft, braucht eine Website, die Ruhe ausstrahlt.

FAQ

Fragen zu diesem Projekt

Mit welchem Stack ist thatday.ch gebaut?

Astro mit statischem HTML auf Vercel — Lighthouse 95+, praktisch wartungsfrei. Derselbe Ansatz wie bei allen Beratungs-Websites von loaded.ch, beschrieben unter /leistungen/website-fuer-kmu/.

Was kostet eine Beratungs-Website wie ThatDay?

Websites dieser Art starten bei loaded.ch ab CHF 3'490 Festpreis; mit Ratgeber-/Blog-System (CHF 1'490) und Terminbuchung (CHF 990) als Add-ons. Alle Preise öffentlich unter /preise/.

Eignet sich das Muster für andere Beratungsberufe?

Ja — Treuhand, Recht, Finanzplanung, Gesundheit: überall, wo Vertrauen vor dem ersten Termin entsteht, funktioniert die Kombination aus Wissens-Hub, ruhiger Markenführung und direkter Gesprächs-Strecke.

Passende Leistung zu diesem Projekt: Website für KMU