Projekte

Landingpage & CMS

Institut für Moderne Elternschaft

Startseite von moderne-elternschaft.de: Logo und Claim „Familie neu denken“ auf einem grünen Farbverlauf

Ein neues Institut für Solomütter, queere Eltern und Patchworkfamilien. Aus einem Positionierungstext ist eine Seite geworden, die Vertrauen aufbaut und Schritt für Schritt zur Anmeldung führt, ohne zu drängen.

Kunde
Dr. Lena Barth
Jahr
2026
Leistungen
Design, UX, Entwicklung, Infrastruktur
Website
moderne-elternschaft.de (öffnet in neuem Tab)

Aufgabe

Dr. Lena Barth, promovierte Psychotherapeutin, gründet ein Institut für Familien, die in Beratung und Debatte selten vorkommen. Zum Start gab es einen Positionierungstext: klug, aber abstrakt, in langen Absätzen und ohne einen konkreten nächsten Schritt. Preise, Termine und Porträt standen noch aus. Die Seite musste vor dem Start Vertrauen aufbauen und Interessierte halten. Wer über einen Kurs zu einem so persönlichen Thema nachdenkt, bucht selten beim ersten Besuch.

Abschnitt „Das Angebot“: Karte „Wissen“ mit Formaten, Preisen, Themen der Fachvorträge und Knopf zum Anmelden

Meine Arbeit

  • Design

    Warm, ruhig und fachlich zugleich: Creme, Petrol und Terrakotta, dazu eine Serifenschrift mit dem Ernst einer wissenschaftlichen Einrichtung. Ein weicher Farbverlauf öffnet die Seite. Die Gestaltung spricht Familien an, die sich sonst selten gemeint fühlen, ohne verspielt oder werblich zu wirken.

  • UX

    Wer über einen Kurs zu einem so persönlichen Thema nachdenkt, braucht Zeit. Die Seite führt deshalb in Stufen, vom Newsletter über eine kostenlose Expert Session bis zu Kurs und Einzelberatung, und stellt die Person vor das Angebot. „Noch nicht sicher“ ist eine gleichwertige Antwort, Countdowns und Pop-ups gibt es bewusst nicht.

  • Entwicklung

    Individuell entwickelt statt Baukasten. Die Seite ist schnell, barrierefrei mit geprüften Kontrasten und für Suchmaschinen und KI-Assistenten sauber ausgezeichnet. Jede Anmeldung ist direkt mit ihrem Angebot verknüpft, Angaben zur Familiensituation sind nie Pflicht.

  • Infrastruktur

    Vollständiges Aufsetzen der Infrastruktur auf einem eigenen Server: Hosting, Datenbank, Medienspeicher und automatische Deployments. Dazu die Newsletter-Anbindung mit Double-Opt-in, ein CMS, in dem Dr. Barth jede Sektion selbst pflegt, und ein Monitoring für Betrieb und Reichweite, datenschutzfreundlich und ohne Cookies.

Abschnitt „Die Vision“: große Überschrift in Serifenschrift auf cremefarbenem Grund, darunter zwei Textspalten
Abschnitt „Drei Säulen“ auf dunklem Petrol: Wissen, Begleiten und Gemeinschaft mit je einem Absatz
Abschnitt „Über mich“: Porträt von Dr. Lena Barth, davor eine helle Karte mit Kurzvita und zwei Verweisen

Ergebnis

In rund acht Wochen vom Positionierungstext zur fertigen Seite. Dr. Barth ändert Texte selbst und sieht das Ergebnis sofort in der Vorschau. Anmeldungen und Newsletter landen sortiert nach Interesse in Brevo, so weiß sie vor dem ersten Kurs, welche Themen gefragt sind.

Technik

  • Next.js
  • Payload CMS
  • PostgreSQL
  • GitHub Actions
  • Brevo
  • Umami
  • Vitest
  • Playwright

Weitere Projekte

Alle ansehen

Projekt starten.

Institut für Moderne Elternschaft — Lukas Simon