Secura Design
Create · Improve · Transform
Get started
All case studies
App Integrations
Myo

Booking Automation for a Multi-Location Wellness Brand

App IntegrationsApp IntegrationsNext.jsGraphQLZustandVercelAWS2026

Myo's booking widget was sending every visitor through the same multi-step flow regardless of where they came from. We built URL-driven prefill across location, service, and clinician so a single Book Now click drops clients straight into date and time selection with everything already set.

The problem

What we walked into

Myo operates a multi-location physiotherapy and wellness brand across Canada and the US. Bookings run through a Next.js widget embedded as an iframe on their Webflow site, connected to the Boulevard platform.

Every visitor hit the same selection flow no matter where they came from. Someone clicking Book Now on a clinician profile page still had to manually pick their location, browse service categories, and find that clinician again before they could choose a time. Unwanted steps on every single visit.

The widget also had deeper problems; Data-flow wipes in the booking process. Unauthenticated users were met with login walls causing drop-offs. Infrastructural operative tasks that needed oversight with technologies for maintenance and analysis.

The booking experience was losing people before they reached a time slot.

The work

How we fixed it

We built URL-driven prefill across all three dimensions of the booking flow so any Book Now button on the Myo site can land a user directly on date and time selection with location, service, and clinician already set.

Location prefill reads the locationId parameter, matches it against Boulevard's location data handling both full URN format and bare UUIDs, creates the cart, and bypasses the location screen entirely. Service prefill saves the serviceId into Zustand before any navigation happens, since Next.js clears URL parameters on redirect. A persistent component mounted in the app header then watches for cart readiness and calls the Boulevard addCartSelectedBookableItem mutation once all conditions are met. Clinician prefill matches Boulevard's compound staffVariantId format against the bare UUID from Webflow and pre-selects the dropdown before the user interacts with anything.

Two race conditions were tracked down and resolved. The cart creation mutation was redirecting before service prefill could act, and updateCartId was spreading initial state on every call, quietly resetting prefill IDs each time. Both were fixed so prefill state survives cart initialisation cleanly.

Authentication was pushed to the last possible moment. Users can now browse all the way to date and time selection without being asked to log in. Passwordless OTP only triggers once a time slot is held. Myo improved access controls to backend infrastructure . A three-environment pipeline was configured across dev, staging, and production with automated Vercel hosting. Automated tests were written covering all new prefill logic and passed on handover.

The outcome

What the numbers say

3 to 4 booking steps eliminated for all prefill entry points

Location, service, and clinician pre-selected from a single Book Now click

45 automated tests written and passing on handover

Race conditions fixed, no state-wipe failures

Full IAM control of back-end technologies.

Unauthenticated users can browse freely to date selection without a login gate

3-environment CI/CD pipeline with automated deploys on every Repository push

"

Every project we take on leaves the client with something more valuable than a deliverable: a system that actually works.

Start a similar projectSee all case studies