Erstgespräch buchen
Case Study · Website & Design

Eine digitale Visitenkarte, die für Simone spricht

Simone Danziger begleitet Frauen und Paare in Karriereentscheidungen, die nie nur beruflich sind. Für dieses erklärungsbedürftige Angebot entstand ein One-Pager, der die Marke zum ersten Mal sichtbar macht, in neun Kapiteln überzeugt und direkt in den Terminkalender führt.

Ähnliches Projekt besprechen Website live ansehen
Startseite von Simone Danziger mit dem Claim Equal Ambitious. Different Chapters.
Die Website von Simone Danziger auf dem Smartphone
Kundin
Simone Danziger
Branche
Dual Career Coaching
Zielgruppe
Ambitionierte Paare & Frauen
Leistung
Website, Design & Text
Live seit
August 2026
Umfang

Was entstanden ist

Eine frisch gelaunchte Seite hat noch keine Traffic-Kurve. Was sie hat, ist ein sauberes Fundament. Diese Zahlen lassen sich heute nachprüfen, direkt im Quelltext.

9 Kapitel auf einer Seite

Von der Situation bis zur Buchung, eine durchgehende Erzählung.

316 KB gesamte Seite

Inklusive aller Fotos, Grafiken, Stile und Skripte.

18 Bilder & Grafiken inline

3 Fotos als WebP, 15 SVG-Motive, alle direkt im Dokument.

0 separate Bild-Requests

Kein Nachladen, kein Springen im Layout beim Scrollen.

Ausgangslage

Ein starkes Angebot ohne eigene Adresse

Simone Danziger kommt aus über 20 Jahren HR und internationaler Führungsverantwortung und arbeitet seit 2016 als systemische Coachin. Ihr Thema ist Dual Career: Karrieren, die parallel laufen, sich gegenseitig beeinflussen und regelmäßig neu verhandelt werden müssen. Sie berät Paare, die beide ambitioniert sind, und Frauen, die nach Jahren der Care-Arbeit ihre berufliche Wirksamkeit zurückholen wollen.

Für dieses Angebot fehlte ein Ort im Netz. Keine Website, keine Marke, keine Farben, kein Logo. Dazu kommt: Dual Career Coaching ist ein Begriff, den kaum jemand aktiv sucht. Die Seite musste also nicht nur informieren, sondern zuerst Relevanz herstellen.

Die Aufgabe war entsprechend breit: Positionierung schärfen, eine visuelle Identität entwickeln, die Texte schreiben, die Seite bauen und sie so ausliefern, dass sie auf jedem Gerät sofort da ist. Alles aus einer Hand, damit Sprache und Gestaltung dieselbe Haltung transportieren.

Vorgehen

Vier Hebel: haltung, marke, weg, technik

Eine digitale Visitenkarte hat wenig Platz für Umwege. Jeder Baustein zahlt auf dieselbe Frage ein: Warum sollte jemand hier ein Erstgespräch buchen?

01

Erst die Position, dann die Seite

Positionierung & Sprache

Dual Career Coaching erklärt sich nicht von selbst. Also beginnt die Seite nicht mit dem Angebot, sondern mit dem Moment, in dem Menschen es brauchen: „Vielleicht kennst du das.“ Vier konkrete Situationen, in denen sich Leser:innen wiedererkennen, bevor überhaupt eine Leistung genannt wird.

  • Claim „Equal Ambitious. Different Chapters.“ als Klammer
  • Zwei klar getrennte Einstiege für Paare und für Frauen
  • Sprache ohne Coaching-Floskeln, direkt und per Du
02

Eine Marke, die vorher nur im Kopf war

Design & visuelle Identität

Es gab kein Logo, keine Farben, keine Schriften. Entstanden ist ein ruhiges Dreiklang-System aus warmem Creme, tiefem Bordeaux und einem hellen Himmelblau als einzigem Akzent, dazu ein Wellenmotiv, das sich als Signatur durch die ganze Seite zieht.

  • Fraunces für Überschriften, Outfit für Fließtext
  • Wellenlinie in Favicon, Eyebrows, Unterstreichung und Menü
  • Fotos in Bordeaux-Rahmung, damit die Person trägt
03

Jede Sektion endet mit einem Schritt

Struktur & Conversion

Eine digitale Visitenkarte hat genau ein Ziel: das Erstgespräch. Der Terminkalender liegt deshalb nicht hinter einem Link, sondern direkt in der Seite. Auf dem Handy begleitet ein Sticky-Button den ganzen Scroll, ein feiner Fortschrittsbalken zeigt, wie weit die Geschichte noch geht.

  • 30-Minuten-Erstgespräch direkt auf der Seite buchbar
  • Sticky-CTA auf Mobil, Fortschrittsbalken am oberen Rand
  • Jeder Themenblock endet mit einem eigenen Handlungsschritt
04

Ein Dokument, das alles mitbringt

Technik & Fundament

Kein CMS, kein Framework, kein Baukasten: Die Seite ist ein einziges HTML-Dokument mit eingebetteten Stilen. Fotos stecken als WebP im Dokument, alle Icons und Zierlinien sind selbst gezeichnete SVGs. Dadurch ist die Seite mit dem ersten Request vollständig da.

  • Fotos als WebP, Icons als SVG, beides inline im HTML
  • Schema.org, Canonical, OG-Bild und Sitemap von Tag eins an
  • Hosting auf Vercel mit HTTPS, HSTS und globalem Cache
Design & Umsetzung

Die Seite, Kapitel für Kapitel

Gestaltung, Text und Code stammen komplett aus dem Studio. Ruhige Flächen, viel Luft, ein einziger Akzentton und Fotos, die die Person in den Mittelpunkt stellen.

Vielleicht kennst du das, Abschnitt der Website von Simone Danziger
Vielleicht kennst du das Vier Situationen zum Wiedererkennen, bevor die Seite überhaupt ein Angebot macht.
Für Paare, Abschnitt der Website von Simone Danziger
Für Paare Das Dual Career Framework auf einer Bordeaux-Karte, vier Bausteine, ein Einstieg.
Für Frauen, Abschnitt der Website von Simone Danziger
Für Frauen Der zweite Einstieg, mit drei Fragen, die Leserinnen sich selbst stellen.
Stimmen, Abschnitt der Website von Simone Danziger
Stimmen Slider mit echten Klient:innen-Zitaten, wischbar auf dem Handy.
Über mich, Abschnitt der Website von Simone Danziger
Über mich Person, Haltung und Qualifikationen als Vertrauensanker vor dem Kontakt.
Kontakt & Buchung, Abschnitt der Website von Simone Danziger
Kontakt & Buchung Der Terminkalender liegt in der Seite, nicht hinter einem weiteren Klick.
Struktur

Neun Kapitel, eine Erzählung

Statt vieler Unterseiten führt die Seite in einer Linie vom Wiedererkennen über das Angebot und den Vertrauensaufbau bis zur Buchung. Die Navigation springt zu den Kapiteln, niemand verliert den Faden.

  1. 01 Start Claim, Person und der erste Buchungs-Button.
  2. 02 Situation Vier Momente, in denen das Angebot relevant wird.
  3. 03 Für Paare Das Framework für zwei Karrieren auf Augenhöhe.
  4. 04 Für Frauen Der Weg zurück in Wirksamkeit und Unabhängigkeit.
  5. 05 Stimmen Drei Klient:innen-Zitate als Beleg.
  6. 06 Ansatz Wie Simone arbeitet, in drei Prinzipien.
  7. 07 Über mich Werdegang, Haltung und Qualifikationen.
  8. 08 Impulse Artikel und Literatur als Denkanstöße.
  9. 09 Kontakt Erstgespräch buchen, direkt im Kalender.
Design-System

Drei Farben, zwei Schriften, ein Motiv

Wenige Mittel, konsequent eingesetzt. So wirkt eine Ein-Personen-Marke ruhig statt beliebig, und jede neue Seite bleibt später ohne Diskussion im Rahmen.

Farben

Creme #F4EDE2 Grundfläche
Bordeaux #360C1A Text & Kontrastbänder
Himmelblau #A2CAFF Der eine Akzent

Schriften

Fraunces · Überschriften Equal Ambitious.
Outfit · Fließtext Jedes Lebenskapitel bringt neue Karriereentscheidungen.

Motiv

Dieselbe Welle taucht im Favicon, in den Labels, unter der Headline und als Burger-Menü auf. Ein Motiv, das die Marke ohne Logo erkennbar macht.

Technik

Was unter der Oberfläche steckt

Eine Visitenkarte darf nicht laden, sie muss da sein. Deshalb liegt alles in einem Dokument, und das SEO-Fundament ist von Anfang an gesetzt.

  • Ein einziges HTML-Dokument, ohne CMS und ohne Framework
  • Fotos als WebP und alle Icons als SVG direkt im Dokument
  • Schema.org ProfessionalService für Google und KI-Antworten
  • Canonical, Robots, Sitemap, OG- und Twitter-Bild vollständig gesetzt
  • Saubere Überschriftenhierarchie und sichtbare Fokus-Ringe
  • Animationen respektieren „prefers-reduced-motion“
  • Terminbuchung als Embed, erst beim Erreichen des Kontaktteils
  • Hosting auf Vercel, ausgeliefert über HTTPS mit HSTS
Kostenlos & unverbindlich

Auch du brauchst eine Seite, die für dich spricht?

Positionierung, Design, Text und Technik aus einer Hand. Im Erstgespräch schauen wir, was deine Website leisten muss.

Projekt besprechen evamseiler@gmail.com

Antwort in der Regel innerhalb von 24 Stunden · Deutsch & Englisch