9:42
Create Account

What should we call you?

Optional — for receipts and promotions

Screen Annotations — CON-012 Registration (Name)

Screen ID: CON-012
Flow: Authentication → Registration → Step 1 of 3
Previous: CON-011 OTP Verification
Next: CON-013 Registration Complete
Progress Indicator: 3 dots representing registration steps: 1) Name entry (current, active), 2) Address setup, 3) Preferences. The elongated dot (24px wide) indicates the active step.
Required Fields: First Name and Last Name are required. The Continue button should be disabled until both are filled with at least 2 characters each. Validation shows inline errors using the input-field--error class.
Email Field: Explicitly marked as optional with a helper text explanation. This lowers friction for registration. Email is used for order receipts and marketing (with opt-in consent later).
Keyboard Handling: On mobile, the form should scroll up when the keyboard opens to keep the active input visible. The Continue button should remain accessible above the keyboard.
Back Navigation: Going back returns to OTP screen. If user goes back and re-enters the flow, previously entered data should persist within the session.