Bridagency
Ein geführter Weg, die richtigen Menschen für eine Hochzeit auszuwählen.
// in brief// kurz gesagt
Eine zweisprachige Plattform für Hochzeitsdienstleister, die redaktionelle Orientierung mit einem zustandsbasierten Planungsfinder verbindet und Prioritäten, Budget und Leistungswahl in eine strukturierte Anfrage überführt.
- RoleRolle
- Product Design + Frontend / Full-stack DevelopmentProduct Design + Frontend- / Full-stack-Entwicklung
- Built withEntwickelt mit
- Astro 6 · Solid · TypeScript
- FormatFormat
- Business Site
// for whom// für wen
Couples who care about aesthetic fit but are tired of comparing too many similar-looking vendor portfolios.Paare, denen ästhetische Passung wichtig ist, die aber vom Vergleich zu vieler ähnlicher Dienstleister-Portfolios erschöpft sind.
// project focus// projektfokus
- Turn search into orientationSuche in Orientierung übersetzenThe planning guide asks about style, day flow, guests, budget and services before an enquiry is sent.Der Planungsfinder fragt Stil, Tagesablauf, Gäste, Budget und Leistungen ab, bevor eine Anfrage gesendet wird.
- Respect different starting pointsVerschiedene Startpunkte respektierenThe product offers full planning and a direct-to-service mode, each with its own path through the same underlying system.Das Produkt bietet vollständige Planung und einen direkten Service-Modus, jeweils mit eigenem Weg durch dasselbe zugrunde liegende System.
- Make the brief useful after the sessionDas Briefing über die Session hinaus nützlich machenLanguage-specific local drafts, guided budget allocation and an Astro Action submission carry the planning snapshot forward.Sprachspezifische lokale Entwürfe, geführte Budgetverteilung und eine Astro-Action-Übermittlung tragen den Planungsstand weiter.
// inside// bestandteile
- Editorial homeRedaktionelle StartseiteThe positioning and service promise before interaction begins.Positionierung und Leistungsversprechen, bevor die Interaktion beginnt.
- Planning guidePlanungsfinderFull and focused paths across 10 service areas.Vollständige und fokussierte Wege über 10 Leistungsbereiche.
- Structured enquiryStrukturierte AnfrageA planning snapshot sent to the team through the product.Ein Planungs-Snapshot, der über das Produkt an das Team gesendet wird.
// the decisions behind the screen// die entscheidungen hinter dem screen
Orientation before comparisonOrientierung vor Vergleich
The guide asks what the day should feel like before asking what should be booked. It gives recommendations a reason instead of presenting another long list.Der Guide fragt zuerst, wie sich der Tag anfühlen soll, bevor er nach Buchungen fragt. So bekommen Empfehlungen einen Grund statt nur eine weitere lange Liste zu liefern.
Preserve progress and intentFortschritt und Intention bewahren
Local drafts prevent a thoughtful briefing from disappearing mid-process, while budget redistribution keeps the proportions a couple has already expressed.Lokale Entwürfe verhindern, dass ein durchdachtes Briefing mitten im Prozess verschwindet; die Budgetverteilung erhält gleichzeitig die bereits ausgedrückten Proportionen.
Use interactivity only where it earns its costInteraktivität nur dort einsetzen, wo sie ihren Aufwand verdient
Astro carries the editorial, mostly static experience. Solid is reserved for the part that requires state, branching and a responsive planning flow.Astro trägt die redaktionelle, überwiegend statische Experience. Solid ist dem Teil vorbehalten, der State, Verzweigungen und einen reaktiven Planungsablauf braucht.
// a technical decision// eine technische entscheidung
Budget updates preserve what the user already prioritisedBudget-Updates bewahren die bereits gesetzten Prioritäten
Changing the total budget does not flatten every service to the same amount. The planner retains the relative emphasis a couple already gave each selected area, then rounds to the service’s valid step size.Eine Änderung des Gesamtbudgets glättet nicht jede Leistung auf denselben Betrag. Der Planer erhält die relative Gewichtung, die ein Paar bereits gesetzt hat, und rundet anschließend auf die gültige Schrittgröße der Leistung.
const currentBudgets = selected.map(
(service) => answers.budgets[service.id] ?? service.budgetDefault
);
const currentTotal = currentBudgets.reduce((sum, value) => sum + value, 0);
const ratio = currentTotal > 0
? currentBudgets[i] / currentTotal
: 1 / selected.length;
const share = Math.round(ratio * overallBudget / service.budgetStep)
* service.budgetStep;// outcome// ergebnis
Eine zweisprachige, produktartige Service-Website mit echtem geführtem Planungsablauf: zwei Einstiegsmethoden, 10 Leistungsbereiche, lokale Entwurfs-Kontinuität, budgetbewusste Entscheidungen und strukturierte Anfrage-Übergabe.
// selected screens// ausgewählte ansichten
6 Ansichten