Zum Hauptinhalt springen
Web RedesignCreators School

Ein Website-Relaunch für eine Schule, die sich bewegt.

Strategie, UX/UI Design und Entwicklung einer modularen Plattform, die jedes Angebot leichter auffindbar und jede neue Idee leichter publizierbar macht.

StrategieUX/UI DesignEntwicklung
Kunde
Creators School
Projektumfang
Strategie · UX/UI Design · Entwicklung
Projektleitung
Levi Hinnenthal
Jahr
2026
Die neu gestaltete Creators-School-Website auf einem Laptop

Die Veränderung

Vom Kurskatalog zur klaren Entscheidung.

Familien finden schneller das passende Angebot, buchen ihre Probestunde ohne Umwege und das Team kann neue Kurse ohne Seitenbau veröffentlichen.

  • Angebote schneller finden
  • Probestunde direkt buchen
  • Neue Kurse flexibel veröffentlichen

Vorher / Nachher

Dieselbe Schule. Ein völlig neuer Rhythmus.

01 · Kursauswahl

Statt Familien ein Raster gleich gewichteter Kacheln entschlüsseln zu lassen, zeigt jedes Angebot jetzt Zielgruppe, Preis und nächsten Schritt.

Vorher
Frühere Kursübersicht
Nachher
Neu gestaltete Kursübersicht

02 · Kursdetail

Kursinformationen folgen jetzt den Fragen, die Eltern vor einer Probestunde beantwortet brauchen. Orientierung, Sicherheit und Buchung sind nicht mehr über die Seite verstreut.

Vorher
Frühere Kursdetailseite
Nachher
Neu gestaltete Kursdetailseite

03 · Kontakt und Anfrage

Der Kontaktweg macht Antwortzeit und nächsten Schritt klar. Konkrete Anfahrtsinfos nehmen Familien zusätzlich Unsicherheit vor dem ersten Besuch.

Vorher
Frühere Kontaktseite
Nachher
Neu gestaltete Kontaktseite

Was sich verändert hat

Ein neues Fundament, bis ins Detail.

Content-System

Neue Angebote ohne Plugin-Puzzle.

Strukturierte Sanity-Inhalte und wiederverwendbare Next.js-Module ermöglichen neue Kurse, ohne Seiten neu bauen zu müssen.

Design-System

20+

Wiederverwendbare Komponenten

Demo-Wert für die Strukturvorschau.

Conversion

01

Ein primärer nächster Schritt

Die Probestunden-Buchung bleibt sichtbar, ohne mit der Kurssuche zu konkurrieren.

Plattform

Gebaut, um sich zu verändern – nicht um ersetzt zu werden.

Next.js, Sanity und Vercel trennen Darstellung und Inhalt und schaffen eine flexible Basis für künftige Formate.

Diese Case Study verwendet aktuell Demo-Texte und Demo-Werte. Sie dient dazu, die Struktur zu prüfen, bevor finale Projektdaten ergänzt werden.

Das Setup dahinter

Ein moderner Stack für redaktionelle Freiheit, zuverlässige Auslieferung und Raum zum Wachsen.

Next.js

Sanity

Vercel

TypeScript

Tailwind CSS

Ergebnisse

20+

Wiederverwendbare Module · Demo-Wert

3

Flexible Plattform-Ebenen

1

Zentrale Inhaltsquelle