← SitemapWF-25 · Booking detail and messagesPopdance wireframes · low-fidelity · numbered markers match the notes at the bottom
URL/account/bookings/[id]
AudienceCustomer (teacher sees a mirrored view)
TemplateApp screen
PriorityLaunch (P1)
🔔 3✉ Messages
 

← My bookings

Disco Diva Kids Party 1

Ref PD-48213 · with Amelia Hart · Sat 14 Nov 2026, 14:00

Confirmed

Progress 2

Request sent
Mon 9 Nov
Offer accepted
Tue 10 Nov
Paid, funds held
Tue 10 Nov
Event
Sat 14 Nov
Complete Issue window (48h) Funds released Review

Messages with Amelia 3

Hi Sam, thanks for booking! Does the hall have a sound system or shall I bring mine?
Hi Amelia, there is a small speaker but please bring yours. Parking is at the back.
Today
Perfect. I will arrive at 13:15 to set up. Any songs Poppy wants?
Anything Taylor Swift please! Attached is the hall map.
hall-map.pdf
Write a message...
Attach file (JPG, PNG, PDF up to 10 MB)Send

Warning example: "This message looks like it contains a phone number. Keep chat on Popdance to stay protected."

Open in full inbox

Booking details 4

EventChildren's birthday party for Poppy, age 7
Date and timeSat 14 Nov 2026, 14:00 to 15:15
PlaceChapel Allerton Village Hall, Leeds LS7
Group14 children, ages 6 to 8, 3 adults
PackageStandard + glow sticks and props
NotesTaylor Swift and Encanto. Wheelchair user among guests.

Payment 5

Teacher price£200.00
Promo WELCOME10-£10.00
Service fee£26.50
Paid£216.50

Examples. Held by Popdance. Planned release: Mon 16 Nov after the 48 hour issue window. Download receipt

Notes

  1. Booking header. Service title, reference, teacher, date and a status badge. Status values as in WF-24. Data: booking record with joined service and teacher. noindex.
  2. Timeline. Eight-step status tracker from the core booking flow: request, offer, paid and held, event, complete, 48 hour issue window, funds released, review. Done steps show dates. Cancelled or disputed bookings replace the later steps with a branch (Cancelled, Refunded; or Issue raised, Admin reviewing, Resolved).
  3. Message thread. One thread per booking, shared with the teacher and visible to Popdance admins for dispute purposes (stated in the privacy policy). Attachments: JPG, PNG, PDF up to 10 MB, virus scanned. Real-time via websocket with email fallback for unread after 15 minutes. A safety banner reminds users to keep payment on platform. Contact-detail detection warns before sending and flags repeat offenders to admin (65-admin-reports-moderation.html). Analytics: message_sent.
  4. Details table. Read-only summary of the request and accepted offer. "Edit details" after confirmation goes through Reschedule so the teacher can approve.
  5. Payment panel. Itemised price, fee, total paid, funds status (Held, Released on date, Refunded) and receipt link. Release date computed as event end plus 48 hours, or earlier on customer "Mark as OK".
  6. Actions. Reschedule: pick new date and time from teacher availability, teacher approves within 48 hours. Cancel: see item 7. Raise an issue (only within 48 hours after completion): reason select (teacher did not arrive, session not as described, safety concern, other), description 20 to 1000 characters, optional photos; pauses payout and notifies admin (62-admin-bookings-disputes.html). Mark as OK releases funds early and prompts a review (26-leave-review.html). Analytics: booking_cancelled, issue_raised, booking_marked_ok.
  7. Cancel dialog. Calculates the refund from the policy in force at checkout and shows the exact amount. Reason required. Confirm button label "Cancel and refund". Late cancellations show the lower or nil refund in amber.
  8. Teacher card and utilities. Link to profile and service, event-day phone released 24 hours before, calendar export, and a report link for safeguarding concerns.

Teacher's view of this screen

Same URL pattern under the teacher area (50-teacher-bookings.html). Differences: the counterpart is the customer (first name and event details only, full name after payment); the payment panel shows teacher price, commission at the member rate and net payout instead of the fee; actions are Message, Mark complete (or auto-complete 48 hours after the event), Propose new date, Cancel (with penalty warning), Report an issue; and the teacher sees the customer's accessibility notes prominently. Timeline is identical so both sides always agree on the status.

Mobile

Single column. Order: header, timeline (horizontal scroll), actions as a sticky bottom sheet, messages, details, payment. Message composer sticks above the keyboard; attachments use the native picker.

States

Empty thread: "Say hello to Amelia. Share anything she should know before the day." Loading: skeleton blocks. Message send failure: bubble turns red with "Not sent. Tap to retry". Error loading: retry. Cancelled booking: read-only thread, actions replaced by "Book again". Issue open: banner "We are looking into your issue. Reference IS-3321" and actions disabled. Not owner: 403.