01 — Kontext

Bridagency

Eine zweisprachige Plattform für Hochzeitsdienstleister. Ein Planungsablauf mit 23 Schritten verbindet Stil, Gästezahl, Zeitplan und Budget mit passenden Leistungen. Das Budget wird proportional auf die Auswahl verteilt und bleibt anschließend anpassbar.

Mein Anteil: UX-Forschung mit Thinking-Aloud-Tests und schriftlicher Befragung, Interaktionsdesign des Planungsablaufs und die Full-Stack-Umsetzung mit Astro, Solid und einem Node-Backend.

30-SEKUNDEN-ÜBERBLICK

Das Projekt auf einen Blick.

Aufgabe
Paaren den Vergleich von Hochzeitsleistungen und die Budgetplanung ermöglichen, ohne zahlreiche Anbieterprofile einzeln öffnen zu müssen.
Mein Anteil
UX-Forschung, Interaktionsdesign und Full-Stack-Umsetzung der zweisprachigen Planung.
Team
Eigenständige Produktarbeit mit Tests durch potenzielle Nutzer.
Zeitraum
Produktplattform · 2026
Umgesetzt
Eine zweisprachige Anbieterplattform und ein anpassbarer Planungsablauf mit 23 Schritten und proportionaler Budgetverteilung.
Ergebnis
24 Thinking-Aloud-Sitzungen und 15 schriftliche Rückmeldungen prägten den Ablauf. Produktionstests fanden konkrete Status- und Mobilfehler vor der Veröffentlichung.
02 — Das Problem verstehen

Viele Portfolios, aber wenig Orientierung

Paare vergleichen Anbieter anhand von Termin, Budget und Vorlieben. Die Startseite führt in einen Planungsablauf, der diese Anforderungen vor den Leistungsvorschlägen erfasst.

Wenn Sie nicht noch mehr Portfolios vergleichen möchten, ohne sich bei der Auswahl sicherer zu fühlen, können Sie hier mit der Planung beginnen.

Text der Bridagency-Startseite
03 — Forschung

Ergebnisse aus 24 Sitzungen und 15 schriftlichen Antworten

Der Planungsablauf und die Leistungsseiten wurden mit Thinking-Aloud-Tests untersucht und durch eine schriftliche Befragung ergänzt.

24THINKING-ALOUD

Durchgeführte Sitzungen

Im Planungsablauf und auf den erklärenden Leistungsseiten.

86%BEFRAGUNG

Nannten Bilder als wichtigsten Entscheidungsfaktor

Unter den 15 schriftlichen Antworten war dies das deutlichste Einzelergebnis.

67%BEFRAGUNG

Wünschten vor der Auswahl mehr Erklärung

Nicht mehr Auswahl, sondern mehr Kontext zu den vorhandenen Möglichkeiten.

Übersicht der Bridagency-Leistungen
04 — Was sich änderte

Unterschiedliche Sicherheit wurde Teil des Einstiegs

Der Ablauf hat zwei Einstiege: eine vollständige Planung oder den direkten Start mit einer einzelnen Leistung. Ändert sich das Gesamtbudget, werden die Anteile der gewählten Leistungen proportional angepasst, ohne die zuvor gesetzte Gewichtung zurückzusetzen.

Auch Unsicherheit ließ sich im Planungsablauf sinnvoll berücksichtigen.

Designnotiz zum Bridagency-Planungsablauf
05 — Umgesetzt und erläutert

Interface und zugehöriger Code

Ansichten aus der funktionierenden Anwendung mit Hinweisen auf die zugehörige Logik aus dem Repository.

Interface und zugehöriger Code
06 — Gefundene Fehler

Fehler, die vor dem Start gefunden wurden

Eine Playwright-Smoke-Suite durchläuft die tatsächlichen Planungsabläufe und prüft nicht nur den Build.

GEFUNDEN

Doppelte Bilder in der Einstiegscollage

Dasselbe Foto konnte zweimal in der Einstiegscollage erscheinen. Ein visueller Smoke-Test fand den Fehler.

GEFUNDEN

Alter Entwurf im Schnellstart

Der erläuterte Bildschirm oben zeigt den Zustandsfehler zwischen den beiden Einstiegen.

GEFUNDEN

Horizontales Überlaufen auf Mobilgeräten

Der Planungsablauf ließ sich auf kleinen Bildschirmen seitlich scrollen. Eine reine Desktop-Prüfung hätte diesen Layoutfehler nicht gezeigt.

Galerieseite von Bridagency
07 — Umsetzung

Was umgesetzt wurde

Astro 6 liefert die statischen und redaktionellen Seiten wie Leistungsratgeber, Galerie und Rechtliches. Eine Solid-Insel übernimmt die zustandsbehaftete Planungslogik. Astro i18n trennt deutsche und englische Routen. Kontakt- und Planungsanfragen laufen über Astro Actions an einen Node-Server und werden mit Resend versendet. Der Betrieb erfolgt über Coolify.

08 — Ergebnisse der Befragung

Kleine Stichprobe mit klar begrenzter Aussage

86%von 15 schriftlichen Antwortennannten Bilder als wichtigsten Entscheidungsfaktor
67%von 15 schriftlichen Antwortenwünschten vor der Entscheidung mehr Erklärung
100%von 15 schriftlichen Antwortenbewerteten die Farbpalette positiv

15 schriftliche Antworten und 24 Thinking-Aloud-Sitzungen sind eine kleine und nicht repräsentative Stichprobe. Die Ergebnisse dienten als Orientierung: Die Ratgeberseiten erhielten mehr Erklärung und die Leistungsseiten mehr Bildmaterial. Sie erlauben keine Aussage über alle Paare.

09 — Erkenntnisse

Was ich anders machen würde

Den Schnellstart ebenso gründlich testen wie die vollständige Planung

Die frühen Tests konzentrierten sich auf die vollständigen 23 Schritte. Der Fehler mit dem alten Entwurf wurde erst sichtbar, als der Schnellstart ebenso gründlich geprüft wurde.

Die Ratgeberseiten vor dem Planungsablauf veröffentlichen

Paare lesen die Leistungsratgeber, bevor sie dem Planungsablauf vertrauen. Deshalb hätten diese Seiten früher fertig sein sollen.

NOCH OFFEN

Die schriftliche Befragung umfasst 15 Antworten. Die Werte von 86 % und 67 % beschreiben nur diese Stichprobe.

NÄCHSTE SCHRITTE

Weitere Thinking-Aloud-Runden speziell zum Schnellstart. Dieser Weg erhielt anfangs am wenigsten Aufmerksamkeit; dort blieb der Zustandsfehler mit dem alten Entwurf zunächst unentdeckt.

01
Mobile Bridagency-Startseite
HAUPTABLAUF
03
Mobile Bridagency-Leistungsseite