TMSMediCoach: In drei Wochen online, in Monaten auf Position 1

TMSMediCoach begleitet junge Menschen auf dem Weg ins Medizinstudium. Der Test für medizinische Studiengänge, kurz TMS, entscheidet für viele über den Studienplatz. Niklas Freese und sein Team aus Hannover bieten dafür 1:1 Coaching, eine eigene Lern App, Live Probeprüfungen und Materialien zum Selbstlernen an. Die Tutorinnen und Tutoren gehören selbst zu den besten fünf Prozent aller Teilnehmenden.

Das Angebot war stark. Der digitale Auftritt bildete das noch nicht ab.

Die Ausgangslage: starkes Coaching, unsichtbar bei Google

Die Zielgruppe von TMSMediCoach besteht überwiegend aus jungen Erwachsenen zwischen 18 und 25 Jahren. Sie informieren sich fast ausschließlich mobil, vergleichen Anbieter innerhalb weniger Minuten und entscheiden schnell, ob ein Angebot seriös wirkt.

Genau dort lag die Herausforderung. Die Inhalte waren vorhanden, aber nicht so aufbereitet, dass sie sofort überzeugen. Es fehlte eine klare Führung vom ersten Eindruck bis zum kostenlosen Erstgespräch. Und es fehlte Sichtbarkeit: Wer nach TMS Coaching suchte, fand TMSMediCoach nicht.

Das Ziel: Vertrauen aufbauen und für TMS Coaching gefunden werden

1. Vertrauen aufbauen. Wer sein Medizinstudium plant, investiert Zeit und Geld. Die Seite musste zeigen, dass hinter TMSMediCoach echte Menschen mit echter Erfahrung stehen.

2. Struktur schaffen. Vier Angebote, ein Team von neun Personen, Erfolgsgeschichten und offene Fragen zum Test. Das alles auf einer Seite, ohne zu überfordern.

3. Sichtbar werden. Die Seite sollte nicht nur schön sein, sondern von Anfang an für die richtigen Suchbegriffe ranken.

4. Anfragen erhöhen. Das kostenlose Erstgespräch ist der zentrale Einstieg und musste auf jeder Bildschirmhöhe erreichbar sein.

Die Lösung: ein One Pager in Framer, der führt und rankt

One Pager mit klarer Dramaturgie statt verzweigtem Menü

Statt einer verzweigten Seitenstruktur ist ein One Pager entstanden, der Schritt für Schritt führt: Problem, Lösung, Angebote, Team, Erfolge, Antworten auf offene Fragen, Kontakt. Jeder Abschnitt beantwortet genau die Frage, die an dieser Stelle im Kopf entsteht.

Mobile First Webdesign für eine Zielgruppe zwischen 18 und 25

Da der größte Teil des Traffics über das Smartphone kommt, wurde jeder Abschnitt zuerst für kleine Bildschirme entworfen und erst danach für Tablet und Desktop erweitert. Angebotskarten, Slider und Formulare funktionieren mit dem Daumen, nicht nur mit der Maus.

SEO für TMS Coaching und TMS Nachhilfe von der ersten Zeile an

Die Seitenstruktur wurde entlang der tatsächlichen Suchanfragen der Zielgruppe aufgebaut. Überschriften, Textabschnitte und die häufigen Fragen decken genau die Begriffe ab, mit denen Studieninteressierte nach Unterstützung suchen. Dazu kommen strukturierte Daten für den Fragenbereich, saubere Weiterleitungen, klare Meta Angaben und eine schnelle Auslieferung.

Designsystem statt Einzelentscheidungen

Farben und Schriften liegen als zentrale Styles im Projekt. Gold als Signalfarbe für jeden Handlungsaufruf, Navy als ruhiger Gegenpol für Struktur und Text, dazu eine abgestufte Skala von 50 bis 950 für Hover, Hintergründe und Zustände. Plus Jakarta Sans in ExtraBold für Überschriften, Montserrat für Fließtext, alles auf einer festen Typoskala mit 18 Pixel Grundgröße auf Desktop, 17 auf Tablet und 16 auf dem Smartphone. Änderungen greifen dadurch überall gleichzeitig. Das spart bei jedem Update Zeit und hält den Auftritt konsistent.

Das Team als Vertrauensanker im Coaching

Coaching ist Vertrauenssache. Deshalb bekommen die Tutorinnen und Tutoren einen eigenen sichtbaren Platz auf der Seite, mit Gesicht, Namen und Hintergrund. Dazu kommen echte Erfahrungsberichte ehemaliger Teilnehmerinnen und Teilnehmer.

Technische Basis: Framer, Cloudflare und Mailchimp

Umgesetzt in Framer. Die Domain läuft über Cloudflare, die Newsletter Anmeldung ist direkt an Mailchimp angebunden. Rechtstexte und strukturierte Daten gehören zum Umfang dazu.

So entsteht ein Design bei Studio Hansen: von der Markenidentität zum Wireframe

Bevor die erste Farbe gesetzt wird, steht die Frage, wofür die Marke steht und wie sich ein Mensch durch die Seite bewegt. Bei TMSMediCoach lief das in zwei Schritten.

Schritt 1: Markenidentität und Style Guide

Am Anfang stand ein eigener Style Guide. Darin ist festgehalten, was die Marke ausmacht und wie sie überall gleich aussieht:

• Farbsystem mit Gold als primärer Signalfarbe für alle Handlungsaufrufe und Navy als sekundärer Farbe für Struktur, Flächen und Text. Beide liegen in abgestuften Skalen vor, dazu kommen definierte Textfarben, Trennlinien und semantische Farben für richtig und falsch.

• Typografie mit Plus Jakarta Sans für die Überschriftenebenen H1 bis H4 und Montserrat für Fließtext, Labels und Buttons. Jede Größe ist als rem Wert definiert und skaliert automatisch zwischen Desktop, Tablet und Smartphone.

• Logo und Tonalität samt Aussprache, Claim und Kurzbeschreibung der Marke.

Der Style Guide ist kein Beiwerk, sondern das Fundament. Alle Farben und Schriften liegen als zentrale Styles im Projekt. Wird ein Wert geändert, ändert er sich überall gleichzeitig. Das macht spätere Erweiterungen schnell und günstig.

Schritt 2: Wireframes vor dem Design

Erst danach entstehen Wireframes. Ohne Farbe, ohne Bilder, ohne Ablenkung. Sie beantworten nur eine Frage: Steht der richtige Inhalt an der richtigen Stelle?

Genau hier entscheidet sich, ob eine Seite funktioniert. Reihenfolge der Abschnitte, Platzierung der Handlungsaufrufe, Umfang der Texte, Verhalten auf dem Smartphone. Änderungen sind in dieser Phase eine Sache von Minuten. Im fertigen Design kosten sie Stunden.

Für den Kunden hat das einen weiteren Vorteil: Er sieht früh, wohin die Reise geht, und kann mitentscheiden, bevor Arbeit in die falsche Richtung fließt.

Das Ergebnis: Top 3 Rankings nach drei Wochen Umsetzung

Von der ersten Skizze bis zum Livegang vergingen rund drei Wochen.

Rankings bei Google für TMS Coaching, TMS Nachhilfe und TMS Coach

Für die zentralen Suchbegriffe rund um Coaching und Nachhilfe zum Medizinertest steht TMSMediCoach heute in den Top 3 bei Google. Für den eigenen Markennamen auf Position 1. Insgesamt wird die Seite bereits für 85 verschiedene Suchanfragen ausgespielt, darunter das hart umkämpfte Keyword tms mit mehreren hundert Einblendungen im Monat.

Technische Bewertung der Website

• Best Practices: 100 von 100

• SEO: 100 von 100

• Barrierefreiheit: 92 von 100

• Performance: 89 von 100

Wichtiger als jede Zahl ist aber der erste Eindruck: Wer die Seite öffnet, versteht innerhalb weniger Sekunden, was TMSMediCoach anbietet, für wen es gedacht ist und wie der erste Schritt aussieht.

Kundenstimme: Niklas Freese über die Zusammenarbeit

Ich bin mit meiner neuen Website wirklich sehr zufrieden. Besonders hervorheben möchte ich den direkten und unkomplizierten Umgang sowie die unglaublich schnelle Umsetzung. Selbst kleinere oder kurzfristige Änderungswünsche wurden immer ohne Probleme aufgenommen und direkt umgesetzt. Man hatte jederzeit das Gefühl, dass auf die eigenen Vorstellungen eingegangen wird. Vielen Dank für die tolle Zusammenarbeit, ich freue mich schon auf die weiteren gemeinsamen Projekte und bin wirklich glücklich mit dem Ergebnis!
Niklas Freese, TMSMediCoach

Der Ausblick: vom One Pager zur mehrseitigen Website

Der One Pager war der schnelle erste Schritt, um überhaupt sichtbar zu werden. Er hat geliefert. Zum Jahresende folgt der Ausbau zu einem vollständigen mehrseitigen Auftritt mit eigenen Bereichen für Angebote, Team, Erfolge und die Lern App. Die Grundlage dafür steht bereits: Designsystem, Struktur und technische Basis wachsen einfach mit.

Leistungen im Überblick: Webdesign, Framer Umsetzung und SEO

• Konzept und Struktur

• Webdesign für Desktop, Tablet und Smartphone

• Umsetzung in Framer

• Aufbau eines Farb und Schriftsystems

• Technische SEO Grundlagen, strukturierte Daten und Performance Optimierung

• Einrichtung von Domain, Weiterleitungen und Rechtstexten

• Anbindung Newsletter

Zur Website von TMS-Medicoach