Alle Projekte

Formel
Skin

Growth Design für eine Teledermatologie-Plattform: viele kleine Experimente von der ersten Landingpage bis zur Kündigung.

Hero der Formel Skin Startseite: Headline zur Hautbehandlung vom Hautarzt, Porträt einer Frau mit drei Produkten und Preisbadge
Kunde
Formel Skin
Rolle
Product Designer (UX/UI, Growth)
Jahr
2025
Disziplinen
Growth Design, UX, UI, A/B-Testing, Conversion, Retention
Aufgabe
Formel Skin verschreibt ärztlich personalisierte Hautpflege im Abo, zum Beispiel gegen Akne. Für die Akquise- und Retention-Teams gestalte ich laufend Verbesserungen und Testvarianten entlang der gesamten Plattform.

Ein langer Weg bis zur ersten Behandlung

Bei Formel Skin bekommen Patient:innen eine Hautpflege, die eine Ärztin oder ein Arzt für sie zusammenstellt. Bevor das erste Set verschickt wird, durchlaufen sie eine Landingpage, einen medizinischen Fragebogen mit mehr als zwanzig Screens, die Produktauswahl, Versanddaten und den Checkout. Danach beginnt das Abo, und mit ihm die Frage, ob jemand lange genug bleibt, um Ergebnisse zu sehen.

Jede dieser Stationen ist ein Ort, an dem Menschen abspringen. Die Daten zeigten es deutlich: Schon am Einstieg in den Fragebogen brachen 30 % ab, im Schritt vor der Abfrage der E-Mail-Adresse sogar 91 %. Gleichzeitig ist das Produkt medizinisch: Vertrauen, Datenschutz und ärztliche Verantwortung müssen in jedem Screen spürbar sein, ohne ihn zu überladen.

30 %
Abbruch direkt am Einstieg in den Fragebogen
91 %
Abbruch im Schritt vor der E-Mail-Abfrage

Ein Programm aus vielen Experimenten

Statt eines großen Relaunchs arbeite ich mit zwei Teams in einem festen Rhythmus: Das Akquise-Team verantwortet alles bis zum Kauf, das Retention-Team alles danach. Gemeinsam formulieren wir eine Hypothese, ich gestalte Kontrolle und Varianten für Mobil und Desktop, auf Deutsch und Englisch, mit einer Schätzung für Entwicklung und QA. Danach geht die Variante in den Test, und die nächste Runde baut darauf auf.

In der Figma-Datei ist jedes Vorhaben als eigene Section angelegt und markiert, ob es ein Test oder ein festes Feature ist. Verworfene Varianten landen nicht im Papierkorb, sondern in einem eigenen Bereich, damit spätere Runden darauf zurückgreifen können.

  • Geld-zurück-Garantie (live getestet)Hypothese: Ein klares Garantieversprechen senkt das wahrgenommene Risiko vor dem Start. Änderung: 90-Tage-Garantie als wiederkehrendes Element in Hero, Leistungsblock und CTA-Bereichen.
  • Header und TrustHypothese: Sozialer Beweis und ein menschliches Bild im ersten Screen erzeugen mehr Vertrauen als Produktfotos allein. Änderung: Header-Varianten mit Produkt, TrustScore und Porträt.
  • Start des FragebogensHypothese: Der Einstieg verliert Menschen, weil Nutzen, Zeitaufwand und Haltung unklar sind. Änderung: klares Nutzenversprechen, Zeitangabe und drei kurze Vorteile vor dem ersten Klick.
  • Navigation und Produktauswahl vereinenHypothese: Eine Zwischenseite zu viel kostet Momentum. Änderung: Danke-Moment, Angaben und empfohlene Routine auf einem Screen.
  • Versanddaten zusammenfassenHypothese: Weniger Schritte bis zur Zahlung senken Abbrüche. Änderung: Varianten, die persönliche Daten, Adresse und Konto in weniger Screens bündeln.
  • Langzeitpläne bei KündigungHypothese: Wer kündigt, weil Ergebnisse noch fehlen, bleibt eher mit einem passenden Angebot und realistischen Erwartungen. Änderung: Kündigungsgrund abfragen, dann Zeitverlauf der ersten 12 Wochen und ein Planangebot zeigen.

Der erste Screen entscheidet

Auf der Akquise-Seite habe ich Startseite und Landingpages Modul für Modul getestet: den Header, die Kommunikation von Preis und Preiszusammensetzung, das Modul zur Funktionsweise, die Produktpräsentation, einen Block mit den Vorteilen der Behandlung sowie Anreize zur Registrierung.

Für den Header entstanden Varianten, die nur jeweils eine Sache verändern: Produktbild, TrustScore über der Headline oder ein Porträt mit Produkten. So lässt sich im Test sauber ablesen, welcher Hebel wirkt.

Leistungsblock mit Behandlungsinhalten, Preis, Call to Action und Hinweis auf die 90-Tage-Geld-zurück-Garantie
Die Geld-zurück-Garantie wurde live getestet und taucht dort auf, wo die Entscheidung fällt: direkt unter dem Call to Action.

Landingpages für Indikationen und Kanäle

Neben der Startseite entstanden eigene Landingpages: eine für Akne, die direkt beim Problem ansetzt, und eine Influencer-Landingpage in vier Varianten für Mobil und Desktop. Für eine TikTok-Kampagne mit gratis Pickel-Patches habe ich die ganze Strecke über fünf Touchpoints gestaltet: Newsletter-Pop-up, Top-Banner, Planauswahl, Produktauswahl und Checkout.

Parallel lief ein Feature, das voreingestellte Rabatte aus Startseite und Funnel entfernt. Das Angebot sollte über Wert überzeugen, nicht über einen Gutschein, der immer schon da ist.

Akne-Landingpage Desktop mit Headline, Trustpilot-Bewertung, drei Vorteilen und Porträt
Akne-Landingpage: Problem, Beweis und Preis im ersten Screen.

Ein Fragebogen, der wie ein Gespräch wirkt

Der medizinische Fragebogen ist das Herz des Produkts und die größte Hürde. Ich habe ihn in Kapitel gegliedert: Ziele, Symptome, Hautprofil und medizinische Fragen. Zwischen den Kapiteln stehen motivierende Screens, die genau dort sitzen, wo die Stimmung kippt.

Nach den Symptomen, einem verletzlichen Moment, sagt der Screen: Deine Angaben sind bei Deiner Ärztin. Vor Fragen etwa zur Schwangerschaft erklärt ein Screen, warum gefragt wird, denn in der Nutzerforschung wollten Menschen genau das wissen. Und vor der E-Mail-Abfrage dreht sich die Logik um: Man gibt nicht etwas her, man fordert seinen Behandlungsplan an.

Neuer Motivationsscreen: Angaben zu Akne liegen bei der namentlich genannten Ärztin
Alter Motivationsscreen mit allgemeinem Text und abstrakter Grafik
Motivationsscreen nach den Symptomen, vorher und nachher: von allgemein zu persönlich, mit Ärztin und konkretem nächsten Schritt.

Kleine Regeln mit großer Wirkung

Ein Fortschrittsbalken über mehr als zwanzig Screens bewegt sich kaum und wirkt eher entmutigend. Deshalb zeigt der Fragebogen nur das aktuelle Kapitel und den Fortschritt darin. Dazu kommen ein fixierter Call to Action für Konsistenz in langen Strecken und eine Bestätigen-Schaltfläche bei Auswahlfeldern, damit sich nichts ungefragt ändert, was gerade für Menschen mit kognitiven oder visuellen Einschränkungen wichtig ist.

Variante: klares Nutzenversprechen, Ärztin und Zeitangabe über dem Call to Action
Kontrolle: Begrüßung der Ärztin mit Los-gehts-Button
Test zum Start des Fragebogens: Kontrolle (A) gegen Variante (B) mit klarerem Nutzen und Zeitangabe.

Haut braucht Zeit, das Abo auch

Sichtbare Ergebnisse brauchen Wochen. Für das Retention-Team ging es deshalb darum, Menschen lange genug zu halten. Ich habe Langzeitpläne für Neukund:innen in mehreren Varianten gestaltet, mit 2, 6 und 12 Monaten Laufzeit, und einen Weg für aktive Nutzer:innen, ihren Plan selbst zu wechseln, etwa von 6 auf 12 Monate, inklusive Preisvergleich und Erklärung, wie Verlängerungen funktionieren.

Auch die Kündigung ist Teil des Produkts: Erst wird der Grund abgefragt, dann zeigt ein Screen, wann erste Ergebnisse typischerweise kommen, und bietet einen längeren Plan an. Kündigen bleibt jederzeit möglich, direkt darunter. Dazu kam ein Feature, mit dem sich bis zu zwei Sonnenschutzprodukte ins Abo legen lassen.

Design als Teil des Growth-Loops

Ich arbeite als Product Designer eingebettet in die Akquise- und Retention-Teams. Ich übersetze Hypothesen in testbare Varianten, gestalte Kontrolle und Varianten für Mobil und Desktop, liefere sie entwicklungsfertig an und dokumentiere jede Runde so, dass das Team darauf aufbauen kann. Die Arbeit läuft seit 2025 und geht weiter.