Skip to content
MVST logo

Article

Breastkeeper Institut: Ein durchgängiges Marken-Ökosystem, von A bis Z

Screens of the homepage of Breastkeeper Institut, from desktop and mobile
Ghida El BadriAugust 07, 20263 min

Das Breastkeeper Institut ist ein deutsches Zertifizierungsprogramm für professionelle Stillberaterinnen, gegründet von Nathalie Pulcini. Mit einer Community von bereits über 170 ausgebildeten Frauen brauchte das Institut eine digitale und physische Präsenz, die dem Ernst seiner Mission entspricht: ein anspruchsvolles, 12-monatiges Hybrid-Curriculum, das leidenschaftliche Fachkräfte zu zertifizierten Expertinnen macht.

Wir haben mit Nathalie Pulcini zusammengearbeitet, um das gesamte Markenerlebnis von Breastkeeper zu gestalten und umzusetzen - nicht nur eine Website, sondern ein vollständiges Ökosystem aus Zertifizierung und Absolventinnen-Branding. Der Projektstart war im April 2026, der Launch folgte am 8. Juli 2026 - nach nur drei Monaten Design, Entwicklung und Testing.

Die Leistungen

Dies war ein seltenes End-to-End-Projekt, bei dem wir sowohl die digitale als auch die physische Seite der Marke verantwortet haben:

  • Eine vierseitige Kern-Website - Homepage, Ausbildung (das 12-monatige Curriculum), Institut (die Geschichte der Gründerin) und Zertifizierung
  • Ein individuelles, mehrstufiges Bewerbungsformular, exakt auf den Bewerbungsprozess von Breastkeeper zugeschnitten
  • Zertifikatsvorlagen für Absolventinnen
  • Ein Branding-Kit für Absolventinnen, das zertifizierten Beraterinnen eigene Markenmaterialien an die Hand gibt
  • Vollständiges technisches Fundament: Analytics und Tracking, CRM-Integration und SEO-Grundlagen

Technisch haben wir die Website mit Next.js + React gebaut, gehostet auf Vercel, mit Storyblok als Headless-CMS, damit der Kunde Inhalte eigenständig verwalten kann. HubSpot übernimmt CRM, Formulare und Workflows, während GA4 und Google Tag Manager Analytics und Event-Tracking abdecken.

Die Herausforderung

Breastkeeper ist keine typische Produkt- oder Dienstleistungsmarke - es ist ein Bildungs- und Zertifizierungsprogramm, das gleichzeitig zwei sehr unterschiedliche Zielgruppen ansprechen muss: medizinisches Fachpersonal, das sich spezialisieren möchte, und Quereinsteigerinnen, die neu in das Feld einsteigen. Jede Conversion-Seite musste für beide Gruppen funktionieren, ohne die Botschaft für eine Seite zu verwässern.

Hinzu kam, dass der Scope weit über eine Website hinausging. Breastkeeper brauchte eine Markenidentität, die konsistent über Website, offizielle Zertifikate und Materialien für Absolventinnen hinweg funktioniert - und dabei klar die Mission der Gründerin sowie die Glaubwürdigkeit der Zertifizierung selbst widerspiegelt.

Mitten im Projekt gab es zudem eine unerwartete Wendung: Der Kunde hatte eigenständig ein eigenes Bewerbungsformular auf Vercel entwickelt, das nativ in die Website integriert werden musste - inklusive Tracking und CRM-Anbindung, und ohne den Zeitplan zu gefährden.

Die Lösung

Solution screen

Wir haben Breastkeeper als ein einheitliches Markensystem behandelt, nicht als Checkliste einzelner Assets:

  • Eine Segmentierungslogik für zwei Zielgruppen wurde in jede Conversion-Seite eingebaut, sodass medizinisches Fachpersonal und Quereinsteigerinnen jeweils passende Botschaften und CTAs für ihren Weg sehen - ohne separate Websites.
  • Ein wiederverwendbares Block-System in Storyblok verwandelte jeden Bereich - Heroes, Testimonials, CTA-Banner, FAQs - in eine modulare Drag-and-Drop-Komponente. Der Kunde kann Inhalte jetzt duplizieren, neu anordnen und über Seiten hinweg aktualisieren, ohne eine Zeile Code zu berühren.
  • Storytelling-basiertes Design auf der Institut-Seite übersetzte die Mission der Gründerin in eine Seite, die sich wie die Marke selbst anfühlt, statt sie nur zu beschreiben - eine bewusste Entscheidung, um Vertrauen bei zukünftigen Studentinnen aufzubauen.
  • Native Integration des individuellen Bewerbungsformulars des Kunden in die Website, mit vollständigem Tracking und HubSpot-Anbindung - trotz des späten Eintreffens mitten im Projekt saubere in rund zwei Entwicklungstagen umgesetzt.
  • Ein einheitliches Marken-Ökosystem, das die Website mit Zertifikatsvorlagen und einem Branding-Kit für Absolventinnen verbindet - für eine konsistente Identität von Breastkeeper an jedem Touchpoint.

Das Ergebnis ist eine Plattform, die der Kunde eigenständig betreiben kann: FAQs ergänzen, Testimonials austauschen und Fotos ersetzen - ganz ohne Dev-Tickets.

Die Ergebnisse

Eine Woche nach dem Launch sprachen die Zahlen bereits eine klare Sprache:

  • 149 aktive Nutzerinnen in der ersten Woche, davon 132 neu
  • Über 1.000 getrackte Events - Analytics von Tag eins an voll funktionsfähig
  • Traffic-Mix: 92 Direktzugriff, 81 Organischer Social-Traffic (Instagram), 30 Organische Suche, 11 E-Mail
  • Organische Suche +11 % im Wochenvergleich - ein früher, positiver SEO-Indikator
  • Lighthouse-Scores von 93-98 auf Desktop (Mobile-Optimierung läuft, Ziel: 90+)
  • 100/100 SEO-Score auf jeder Seite
  • 96-100 Accessibility-Score auf jeder Seite
  • 76 % des Traffics aus der DACH-Region - eine nahezu perfekte Übereinstimmung mit der Zielgruppe von Breastkeeper
  • 10/10 Kundenzufriedenheit, laut offiziellem Kundenfeedback
Screens from Die Ausbildung, Das Institut and Zertifizierung

Die Bewerbungen für den Kohorten-Start im September 2026 sind bereits geöffnet und werden in Echtzeit getrackt. Gleichzeitig arbeiten wir schon an v1.1: Drei neue Bereiche - Expert Advisory Board, Code of Conduct und Curriculum - befinden sich aktuell in Design und Entwicklung.


Walkthrough mit unserem Project Manager

Lust auf einen Blick hinter die Kulissen? Unser PM führt durch die gesamte Website, die Curriculum-Seiten und die Überlegungen hinter dem Markenerlebnis in diesem kurzen Video.

0:00
/1:30

Ihr Projekt in Planung?

Wenn Sie eine Marke, eine Plattform oder ein vollständiges digitales Ökosystem wie das von Breastkeeper aufbauen möchten, freuen wir uns darauf, davon zu hören.

Jetzt Kontakt aufnehmen →

Newsroom
Ideas, Design & Technology in Motion

Practical insights on AI integration, headless e-commerce, UX/UI design, and digital product development. Case studies, implementation guides, and expert perspectives from the MVST team in Munich and Barcelona.

See all blog articles