Create Account
SCR-ONBOARD-04 · Account Onboarding & Profile Setup
LiveFigma
958:22344Layout
Same shell across all 3 steps: top nav (back arrow + help/chat icon), centered 3D icon unique per step, bold centered headline, content, full-width black primary button.
- **Step 1**: green knotted-icon, headline "Let's create your account," 3 stacked inputs (First name, Last name, Business name), a gray rounded consent chip (smiley icon + "By tapping Continue, you agree to our Terms, Conditions and Privacy Policy") between the fields and the button, "Continue" button, then a centered "Already have an account? Sign In" link below the button.
- **Step 2**: blue swirl icon, headline "Let's secure your account," 3 stacked inputs (Email, Mobile number with a +1 country-code dropdown prefix, Password with show/hide icon), gray strength-rule chip, "Continue" button — no back-to-sign-in link on this step.
- **OTP step**: identical layout pattern to SCR-ONBOARD-03's OTP step (shield icon, 6 digit boxes, "Resend OTP" link, "Verify account" button).
States
- **Step 1 — Default**: empty fields.
- **Step 1 — Field error**: per-field inline message for the specific blank/invalid field.
- **Step 2 — Default**: empty fields, password strength rules displayed below the password field at all times (not only on error).
- **Step 2 — Field error**: per-field inline message; duplicate-email case shows a message prompting sign-in or password reset instead of submitting.
- **OTP step — Default**: 6 empty digit boxes, sent to the step-2 email.
- **OTP step — Error**: incorrect code shows an inline error, does not advance.
- **OTP step — Resend**: "Resend OTP" re-triggers a new code send.
- **Server error/timeout** (any step): helpful message + retry, entered values preserved.
Acceptance criteria
- First name, last name, business name (optional), email, phone, and password fields are all present on steps 1–2; first name, last name, email, phone, and password are required — business name is not.
- Step 1 and step 2 each block advancing until their required fields are valid, with per-field inline errors — not a generic banner.
- An already-registered email at step 2 shows a prompt to sign in or reset password instead of submitting.
- Password strength rules (min 8 chars, uppercase, number, symbol) are shown clearly and enforced before advancing past step 2.
- Phone number is captured and stored in international format, defaulting to US +1.
- Step 2 submit sends an OTP to the entered email and advances to the OTP step.
- A correct OTP creates the account and navigates to SCR-ONBOARD-05; an incorrect OTP shows an inline error without creating the account.
Powered by — endpoints · the Backend agent owns these
POST /auth/registerPOST /auth/verify-otpPOST /auth/resend-otp