Booking Confirmation
Feature Detail
Description
The Booking Confirmation page provides prospective organizations with immediate acknowledgment after submitting a demo request. It reassures the submitter that their request has been received, sets expectations for follow-up timing, and provides next-step guidance. This state completes the demo-booking user flow on the Sales Website and prevents confusion about whether submission succeeded, which is especially important for non-technical decision-makers evaluating the Meander platform.
Sources & reasoning
The source doc places the demo booking form in the Sales Website MVP scope (line 337). A confirmation state is an inseparable part of any form submission flow - the booking-form feature is functionally incomplete without it. The blueprint lists BookingConfirmationPage as a distinct UI component, confirming it is a separate deliverable within the same MVP release.
-
docs/source/likeperson.md · line 335-338Product Sales Website (MVP scope):
-
docs/source/likeperson.md · line 337Enkelt demo-booking-skjema (sender til e-post/webhook, ingen pålogging)
Analysis
Without a confirmation step, users who submit the demo request have no way to know whether their submission succeeded, leading to repeated submissions, support queries, or lost leads. A clear confirmation message reduces anxiety for decision-makers and reinforces trust in the Meander brand from the very first interaction. For Norse Digital Products it prevents duplicate requests clogging the sales inbox. The confirmation also sets expectations - e.g. response within two business days - reducing inbound follow-up and freeing the sales team to manage pipeline efficiently rather than reassuring prospective clients.
Implemented as an inline success state within the Booking Form component, replacing form fields with a confirmation message after a successful POST response - no additional route needed. The success state must be programmatically announced to screen readers via an ARIA live region or by moving focus to a success heading, satisfying WCAG 2.2 AA. It should display the submitter's organization name to personalize the experience. No backend call is required at this stage; the confirmation is purely client-side UI. A second form submission must be prevented by disabling or hiding the form after success.
Quality Assurance
Prospective Organization Representative (primary)Prospective Organization Representative
Quick UAT
- Ă…pne Sales Website og naviger til Demo Booking-siden. Fyll ut alle obligatoriske felt i bookingskjemaet og trykk Send.
- Bekreft at du blir videresendt til bekreftelsessiden (BookingConfirmationPage) uten feilmelding.
- Les bekreftelsesteksten og kontroller at den inneholder: kvittering for mottatt forespørsel, forventet svartid (f.eks. innen to virkedager), og kontaktinformasjon eller neste steg.
- Bekreft at siden ikke inneholder lenker som krever innlogging eller tilgang til interne systemer.
Quick UAT — Accessibility
-
Ă…pne Sales Website og naviger til Demo Booking-siden. Fyll ut alle obligatoriske felt i bookingskjemaet og trykk Send.
- Keyboard / focus Tab navigerer gjennom alle skjemafelt og Send-knapp; Enter sender skjemaet.
- Focus visibility Synlig fokusring pĂĄ hvert skjemafelt og Send-knapp; alle felt har synlig label.
- Touch target Send-knapp og alle skjemafelt er minimum 24Ă—24 CSS px.
-
Bekreft at du blir videresendt til bekreftelsessiden (BookingConfirmationPage) uten feilmelding.
- Screen reader Sideoverskrift annonseres automatisk ved sideinnlasting; skjermleser leser sidetittel.
- Live region Polite live region annonserer 'Forespørsel mottatt' ved sideinnlasting.
- Zoom Siden er lesbar og ikke avskĂĄret ved 200% zoom.
-
Les bekreftelsesteksten og kontroller at den inneholder: kvittering for mottatt forespørsel, forventet svartid (f.eks. innen to virkedager), og kontaktinformasjon eller neste steg.
- Screen reader Alle tekstblokker leses i logisk rekkefølge; overskrifter og avsnitt er semantisk markert.
- Zoom All tekst og layout er lesbar ved 200% zoom uten horisontal scrolling.
- Contrast 4.5:1 kontrast for all brødtekst; statusmeldinger bruker ikke farge alene.
-
Bekreft at siden ikke inneholder lenker som krever innlogging eller tilgang til interne systemer.
- Keyboard / focus Alle lenker nĂĄs med Tab; Enter aktiverer dem.
- Focus visibility Synlig fokusring pĂĄ alle lenker.
Role Boundaries
4 role(s) must NOT access this feature-
Peer Mentor
Siden er offentlig tilgjengelig uten innlogging; rollen er ikke relevant, men ingen interne data eksponeres.
-
Coordinator
Siden er offentlig tilgjengelig uten innlogging; rollen er ikke relevant, men ingen interne data eksponeres.
-
Organization Administrator
Siden er offentlig tilgjengelig uten innlogging; rollen er ikke relevant, men ingen interne data eksponeres.
-
Global Administrator
Siden er offentlig tilgjengelig uten innlogging; rollen er ikke relevant, men ingen interne data eksponeres.
Expected End State
Brukeren ser BookingConfirmationPage med bekreftelse på at demo-forespørselen er mottatt, forventet svartid er kommunisert, og ingen feilmelding vises. Demo-bookingflyten er fullført.
Components (19)
Shared Components
These components are reused across multiple features
User Stories
No user stories have been generated for this feature yet.