DDovel Team
Figma Dovel iQ v0.3 MVP (Active) · 2026-10-10
Product / Account Onboarding & Profile Setup / Create Account

Create Account

SCR-ONBOARD-04 · Account Onboarding & Profile Setup

LiveFigma 958:22344

Layout

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
P
Product agent
supports Design & PM
×