Ocean Pro Water Taxi
Marketing site, multi-step booker, Stripe payments, calendar sync, transactional email — for St. Barth's premium water-taxi operator. Designed and shipped in two weeks.
Marketing site, multi-step booker, Stripe payments, calendar sync, transactional email — for St. Barth's premium water-taxi operator. Designed and shipped in two weeks.
01 · Marketing site
Built the marketing site in Next.js with a custom design system in the Ocean Pro brand. Hero, services, about, and contact pages all routed to a single "Book a ride" CTA, localized in English and French, tuned to sub-1s LCP on mobile, and deployed on Cloudflare with monitoring and analytics wired from day one.
02 · Services + pricing
Water taxi, charter, yacht-to-dock, yacht-to-beaches, and deliveries — each service presented with clear pricing on the site, and every page funneling into the same booking flow. No "request a quote" dead ends; the price a customer sees is the price the booker charges.
03 · Booking system
Built a four-step booking flow with server-side validation on every submission and dynamic pricing across six services. Availability runs live against the operator's calendar, and the trip summary updates in real time as the customer chooses their service, date, party size, and pickup point.
04 · Payments + automation
Wired Stripe checkout with Apple Pay, Google Pay, and cards across multi-currency (€ / $). Cards are captured at booking, the deposit charges immediately, and the balance settles at trip completion, with weather refunds built into the flow. Resend handles transactional confirmations that land before the page reloads, and every booking syncs to the operator's Google Calendar via service-account OAuth with a one-tap "Add to calendar" on every confirmation.
05 · Under the hood
Next.js front to back — marketing pages, the booking flow, and the API routes that talk to Stripe, Resend, and Google Calendar. Deployed on Cloudflare, monitored from day one, and handed over with the operator in full control of services, pricing, and availability. Fixed scope, fixed price, shipped on StandardStudio's process.
Stack
Fixed scope, fixed price, optional maintenance retainer. Tell us what you need.