
Website für ein Styling-Programm: Style UP von Tatjana Kotoric
Website / Styling, Schweiz
- Kunde
- Style UP
- Branche
- Styling, Schweiz
- Leistungen
- Redesign der Website
- Landingpage-Erstellung
- Style-Quiz als Lead-Magnet
- Konzept und Seitenstruktur
- Individuelle Entwicklung mit React
- Preisbereich mit zwei Zahlungsmodellen
- Archiv
- Kontaktformular
- Technik
- React
- Vite
- Meta Pixel
01 / Auf einen Blick
- Ausgangslage
Ein Online-Programm für Styling muss Vertrauen in eine Person aufbauen, bevor jemand eine Mitgliedschaft abschließt.
- Lösung
Ein Redesign im Magazin-Stil mit Mentorin, Programm, Stimmen und offenen Preisen, dazu eine Landingpage und ein Style-Quiz als Lead-Magnet.
- Ergebnis
Interessentinnen verstehen das Programm ohne Rückfrage. Das Style-Quiz brachte über Meta Ads 210 Leads, bei 4,2 % Klickrate auf den Link.
- 210Leads aus dem Style-Quiz über Meta Ads, 21. August bis 26. Oktober 2026
- 4,2 %Klickrate der Quiz-Anzeigen auf den Link
02 / Ausgangslage
Wo das Projekt stand.
Styling-Beratung ist Vertrauenssache. Wer ein Online-Programm bucht, will vorher wissen, wer dahintersteht, was genau drin ist und ob es zum eigenen Alltag passt. Dazu kommt die Frage, ob Beratung online überhaupt funktioniert.
Style UP hatte bereits einen Auftritt. Im Redesign sollte die Website diese Fragen auf einer Seite beantworten. Im Mittelpunkt steht Tatjana Kotoric als Mentorin. Das Programm umfasst laut Seite Tutorials, Live-Begleitung und eine Community. Technisch wurde die Seite individuell entwickelt, ohne Baukasten. Zusätzlich brauchte das Programm einen Einstieg für Menschen, die Tatjana noch nicht kennen.
03 / Die Lösung
Was wir gebaut haben, und warum.
Die Mentorin als Einstieg, nicht ein Stockfoto
Oben sehen Besucherinnen sofort Tatjana vor ihrem Kleiderschrank, daneben eine kurze Ansage in großer Schrift. Zwei Knöpfe führen zu mehr Informationen und zu den Preisen.
Hero mit großer Serifen-Headline links und Porträt rechts, das bis an den Bildschirmrand läuft. Primärer und sekundärer Call to Action stehen direkt unter dem Text. Kleine Profilbilder mit Mitgliederhinweis liefern sozialen Beweis schon Above the fold.
- Person statt Symbolbild
- Preise schon im Einstieg verlinkt
- Sozialer Beweis im ersten Bildschirm
Haltung und Referenzen vor dem Angebot
Unter dem Einstieg erklärt Tatjana in eigenen Worten, worum es ihr geht, unterschrieben mit ihrem Namen. Danach folgen Logos bekannter Marken und Medien, mit denen sie gearbeitet hat.
Zweispaltiger Abschnitt mit Zitat links und Vision rechts, abgeschlossen durch eine Signatur. Die Logoleiste nennt unter anderem BOSS, Migros, Ringier und SRF. Sie steht bewusst vor den Programminhalten. So ist die Expertise belegt, bevor das Angebot beginnt.
- Vision mit Unterschrift
- Logoleiste als Expertise-Beleg
- Reihenfolge: erst Vertrauen, dann Angebot
Das Programm zum Anfassen
Ein dunkler Abschnitt zeigt, was Mitglieder bekommen: eine Videothek mit Tutorials, monatliche Coachings und wöchentliche Impulse. Ein Video gibt einen Eindruck, eine Beispiel-Checkliste lässt sich herunterladen.
Inhaltsblock auf dunkler Fläche mit eingebettetem Videoplayer und Karten für die Programmteile. Darauf folgen der Community-Abschnitt mit drei Argumenten und Bildcollage sowie ein Abschnitt zur Selbsteinordnung. Dieser beschreibt, für wen das Programm passt. Das sortiert unpassende Anfragen früh aus.
- Videothek und Coachings sichtbar gemacht
- Community als eigener Kaufgrund
- Klare Ansage, für wen es passt
Preise offen, Entscheidung einfach
Nach den Stimmen von Teilnehmerinnen folgen zwei Preiskarten: monatliche oder jährliche Zahlung. Die Jahreskarte ist dunkel hervorgehoben. Darunter stehen häufige Fragen und ein Kontaktformular.
Testimonial-Karten mit Bewertungshinweis stehen direkt vor dem Pricing, also am Entscheidungspunkt. Die Preiskarten arbeiten mit Hervorhebung der Jahresoption und drei Sicherheitsargumenten darunter. Das FAQ als Akkordeon fängt Einwände zu Zeit, Alter und Technik ab. Das Formular bleibt kurz, mit Telefon als optionalem Feld.
- Stimmen direkt vor dem Preis
- Zwei Optionen, eine hervorgehoben
- Kurzes Formular für offene Fragen
Das Style-Quiz als Lead-Magnet
Neben dem Redesign entstand eine Landingpage. Als Lead-Magnet dient ein Style-Quiz: Wer ein paar Fragen zum eigenen Stil beantwortet, hinterlässt seine Kontaktdaten. So lernen neue Interessentinnen Tatjana kennen, bevor sie über eine Mitgliedschaft nachdenken.
Das Quiz läuft auf einer eigenen Subdomain und ist ebenfalls individuell entwickelt. Ein Meta Pixel ist eingebunden, damit Leads aus den Anzeigen messbar sind. Vom 21. August bis 26. Oktober 2026 kamen laut Meta 210 Leads aus dem Quiz, bei einer Klickrate von 4,2 % auf den Link.
- Quiz als niedrige Einstiegshürde
- 210 Leads über Meta Ads in gut zwei Monaten
- 4,2 % Klickrate auf den Link
04 / Das Ergebnis
210Leads aus dem Style-Quiz über Meta Ads, 21. August bis 26. Oktober 2026
Die Seite führt von der Person über das Programm zum Preis, ohne Umweg über Unterseiten. Weil sie individuell mit React entwickelt wurde, kommt sie ohne Baukasten-Ballast aus und lässt sich frei erweitern. Zur Website gehört außerdem ein Archiv. Das Style-Quiz funktioniert auf Meta besonders gut: 210 Leads vom 21. August bis 26. Oktober 2026, bei 4,2 % Klickrate auf den Link. Weitere Zahlen veröffentlichen wir nur mit Freigabe der Kundin.
- Mentorin, Programm und Preis auf einer Seite
- Offene Preise statt Anfragezwang
- Magazin-Optik mit Serifen-Typografie
- Individuell entwickelt, ohne Baukasten
- 210 Leads aus dem Style-Quiz über Meta Ads
05 / Kurz erklärt
- React
- Eine Programmierbibliothek, mit der Websites individuell gebaut werden, ohne die Grenzen eines Baukastens.
- Call to Action
- Der Knopf, auf den die Seite hinführt, hier zum Beispiel „Preise ansehen“.
- Above the fold
- Alles, was Sie sehen, bevor Sie zum ersten Mal scrollen.
- Lead-Magnet
- Ein kostenloses Angebot, etwa ein Quiz, für das Interessenten ihre Kontaktdaten hinterlassen.
- Klickrate auf den Link
- Der Anteil der Menschen, die eine Anzeige sehen und auf den Link darin klicken.
Fragen, die dazu oft kommen.
Was kostet eine Website für ein Coaching oder Online-Programm?
Das hängt vom Umfang ab, etwa von Mitgliederbereich, Videos und Zahlungsanbindung. Nach dem Erstgespräch erhalten Sie ein Angebot.
Brauche ich als Stylistin eine individuell entwickelte Website?
Nicht zwingend. Sinnvoll ist sie, wenn die Seite später wachsen soll, etwa um ein Archiv oder einen geschützten Bereich.
Lohnt sich ein Quiz als Lead-Magnet?
Bei Style UP ja. Das Style-Quiz brachte über Meta Ads 210 Leads in gut zwei Monaten. Ein Quiz ist eine kleine Hürde und macht neugierig auf mehr.
Sollte ich meine Preise auf der Website zeigen?
Bei festen Programmen ja. Offene Preise sparen Rückfragen und bringen Anfragen von Menschen, die schon entschieden sind.
Ähnliche Projekte
Nächster CaseMRW AutomotiveWebsite, Autoankauf und Gebrauchtwagenhandel
Ein Gespräch. Danach wissen Sie, was Ihnen Kunden bringt.
20 bis 30 Minuten, kostenlos. Das Angebot liegt einen Werktag danach vor.
Kostenloses Erstgespräch oder direkt anrufen: +49 172 6067457

