Recreated from the app at app.yachtwave.com (v4.x), re-sequenced for the website: a “Start Free Trial” click lands DIRECTLY on Create Account — no login screen in the way. Every screen below is interactive in this mockup — click JUMP to preview it. Real copy, colors, and behavior; zero wiring.
1Entry: Start Free Trial → Create Account
This is the page a website “Start Free Trial” button opens — the account form is the first thing the visitor sees. First name, last name, email, country code + mobile (country picker is a bottom sheet with flags). Calls user/add; sets the showOnboarding flag that triggers the wizard after verification.
1bSign in (secondary path)
Reachable only via the “Already have an account? Sign in now” footer link, for people who click the trial button but already have a login. Email-only login (passwordless); real app calls user/login with reCAPTCHA v3. Safety net: an unknown email doesn't error — it's handed straight back to the Create Account pane (in this mockup, any email not containing “demo” does that).
2Terms & Conditions gate
Active assent (legal requirement): neither form actually submits when you click the button — a modal asks the user to Agree first, every time, and is never remembered between logins. Cancel abandons the attempt.
3SMS verification — “Let's confirm it's you”
4-digit PIN sent by SMS (masked number shown). PIN boxes auto-advance and auto-submit on the 4th digit; “Click to resend” shows the green confirmation banner. In this mockup any 4 digits pass. New registrations continue to onboarding; returning users go straight to the app.
4Onboarding wizard — “How will you use YachtWave?”
Full-screen overlay, one question per screen, progress pill, animated marine-topography backdrop with mouse parallax. Progress resumes via localStorage if abandoned mid-wizard. Branches below.
Personal→ Referral → Done
“How did you hear about YachtWave?” then user/update (+referral_source) and into the app. Free tier.
Business→ “Let's tailor your YachtWave experience”
Employee: sample vessel deleted, account parked behind a non-closeable “Waiting for your invite” modal until their company adds them. Owner (“Setting up my company”): 4 more screens → company basics (name*, role*, website), address, size (employees / years in business), referral → organization/license/trial/add creates the org + 15-day FLEET+MEGAYACHT free trial → “Trial activated” toast.
5aCompany basics
“Tell us about your company” + gift blurb: You'll get a 15-day free trial to explore every feature.
5bCompany address
Street*, street 2, city*, state*, postal*, country* (picker). Validation is on-click; the button never greys out.
5cCompany overview
How many employees? (Just me … 20+) / Years in business? (<1 … 10+). Analytics fields.
5dReferral → START FREE TRIAL
Final button label switches from CONTINUE to START FREE TRIAL. Success = green “Trial activated” toast, then the app.
6The app (My Boats)
Placeholder end-state. When we wire this up for real, this is the handoff to app.yachtwave.com (session handoff to be designed with the API author — see docs/WEBAPP-SIGNUP-MOCKUP-PLAN.md).
