Ein privates Projekt, keine Uni-Aufgabe: eine Website, auf der das Brautpaar den vollen Überblick über alle Gäste an einem Ort hat. Gäste sagen zu oder ab, geben Essenswunsch und Allergien an und tragen bei der Geschenkeliste ein, was sie übernehmen, damit nichts doppelt gekauft wird.
- Projektart
- Web-App, React + Supabase
- Rolle
- Privates Einzelprojekt: Konzept, Design & Entwicklung
- Jahr
- 2026 / noch in Bearbeitung
- Tools & Stack
- Claude Code
- React 19
- Tailwind CSS
- Supabase
Die Startseite
Ein Umschlag öffnet sich zur Einladung, danach führen die Geschichte des Paares, Zu- oder Absage, Countdown und „Auf einen Blick“ der Reihe nach durch die Seite.
Empathise
Eine Hochzeitsplanung zerfällt in Kanäle. Zusagen kommen per WhatsApp, Musikwünsche als Sprachnachricht, wer vegan isst, steht in einem Chat von vor drei Wochen, und Allergien nennt niemand, weil nie jemand danach fragt.
Entstanden ist die Seite in enger Abstimmung mit der Braut: In mehreren Gesprächen habe ich gefragt, was sie sich vorstellt, wo es bei der bisherigen Planung hakt und welcher Stil zu ihr und ihrem Partner passt.
- ZusagenWhatsApp
- MusikwünscheSprachnachricht
- EssenswünscheChat von vor drei Wochen
- Allergienfragt niemand
Define
Es gibt zwei Nutzergruppen: Gäste, die schnell zu- oder absagen und alle Infos finden wollen, und das Brautpaar, das den vollen Überblick über alle Gäste braucht.
Der Bruch liegt nicht beim Einladen, sondern beim Überblick behalten. Genau da setzt die Seite an: eine Struktur, die die Fragen stellt, statt darauf zu warten, dass Gäste von selbst darauf kommen.
Ideate
Alles an einem Ort, statt Gäste mit zehn verschiedenen Links zu behelligen. Die Startseite führt der Reihe nach durch: ein Umschlag, der sich zur Einladung öffnet, die Geschichte des Paares, Zu- oder Absage mit einem Klick, Countdown und „Auf einen Blick“ mit Ablauf, Übernachtung und Galerie. So sind alle Infos da, bevor jemand fragen muss.
Hochzeitswebsite
Home
Ablauf
Dresscode
Übernachtung
RSVP
Mitmachen
Galerie
Admin-Login
Prototype
Der Look: Olivgrün auf Creme mit Terrakotta und Gold, klare Sans-Serif und eine Prise Schreibschrift, passend zum Stil des Paares. Genau die Lücken aus den Gesprächen fließen ins Anmeldeformular: Es fragt in einem Durchgang alles ab, was später gefehlt hätte: Zu- oder Absage, allein oder in Begleitung, Personenzahl und je Person ein Essenswunsch (Fleisch, Vegetarisch, Vegan) sowie Getränkewünsche als Freitext.
Essen als feste Auswahl statt Freitext war eine bewusste Entscheidung: auswertbare Antworten statt „irgendwas ohne Fleisch bitte“. Wer die Seite später erneut öffnet, sieht seine eigene Zusage wieder und kann sie ändern, ganz ohne Login oder Passwort.
Testing & Ergebnis
Getestet wird im direkten Austausch mit dem Brautpaar: Ich zeige jeden Stand, sammle Rückmeldungen und iteriere laufend.
Das Projekt ist noch im Prozess. Das fertige Ergebnis folgt hier, sobald die Seite passend zur Hochzeit live geht.
Behind the Scenes
Direkt mit Claude Code gestartet
Ich habe die Seite direkt mit Claude Code begonnen, ohne vorheriges Mockup: Design und Code entstanden gemeinsam, in kleinen Schritten, die ich nach jedem Austausch mit dem Brautpaar angepasst habe.
Links
Zum Ausprobieren, live und direkt auf deinem Gerät.
- Noch nicht liveNoch in Arbeit und geht erst passend zur Hochzeit live.
New York
Marokko