Demo Hub
DS31 · Onboarding v2

Onboarding & Landing v2 Hub

Landing page B2B (Desktop + Mobile), luồng Onboarding KYC đầy đủ, và Onboarding Mobile 6 bước Register→Approve/Reject.
13 màn · Desktop 1440/1180px + Mobile 390px

Mở Canvas
Onboarding & Landing v2 là thiết kế lại toàn bộ luồng đăng ký B2B: Landing page thương hiệu (dark theme, tích hợp Lead Capture), Onboarding flow KYC đầy đủ desktop, và phiên bản Mobile 6 bước từ Đăng ký → KYC → Kết quả. Dùng các component OBStepper, OBRibbon, OBKicker từ v2-ob-shared.jsx.
Desktop + Mobile · Landing Landing & Lead Capture · OB_Landing 6 màn
OB-LAND-01
Landing chính · Desktop
Hero dark theme · Value props B2B · Social proof · CTA đăng ký · FAQ
OB_Landing · 1440px
OB-LAND-02
Lead Capture · Desktop
Form đăng ký thông tin · Loại hình doanh nghiệp · Nhu cầu · Submit
OB_LeadCapture · 1440px
OB-LAND-03
Lead Capture B · Variant
Variant layout B — 2-column form · trust badges · timeline onboarding
OB_LeadCaptureB · 1440px
OB-LAND-04
Lead Capture C · Variant
Variant layout C — minimal centered · quick form · gradient CTA
OB_LeadCaptureC · 1440px
OB-MOB-LAND
Landing Mobile
Hero mobile · feature chips · CTA đăng ký · social proof compact
OB_LandingMobile · 390px 390 × 844 px
OB-MOB-LEAD
Lead Capture Mobile
Form mobile một cột · stepper top · submit
OB_LeadCaptureMobile · 390px 390 × 844 px
Desktop 1180px · Flow Onboarding Full Flow · OB_Flow 1 màn
Toàn bộ hành trình Onboarding B2B trong một màn duy nhất — OBStepper + OBStage wrappers, 5 bước từ Lead → KYC → Review → Activate.
OB-FLOW-01
Onboarding Full Flow · 1180px
Lead → Đăng ký → Hồ sơ KYC → Xét duyệt → Kích hoạt BuyerScope — OBStepper progress indicator
OB_Flow · 1180px
Mobile 390px · OBM Onboarding Mobile · OBM01 → OBM06 6 màn
1
Đăng ký
→
2
Hồ sơ DN
→
3
KYC
→
4
Đang xét
→
5
Được duyệt
→
6
Từ chối
1
OBM01
Đăng ký tài khoản
Email · mật khẩu · xác nhận · OTP · OBStepper bước 1
OBM01_Register 390 × 844 px
2
OBM02
Thông tin doanh nghiệp
Tên cơ sở · MST · loại hình · địa chỉ · OBStepper bước 2
OBM02_Profile 390 × 844 px
3
OBM03
Tải hồ sơ KYC
Upload giấy phép kinh doanh · giấy chứng nhận GPL · progress upload
OBM03_KYC 390 × 844 px
4
OBM04
Đang xét duyệt
Pending screen · timeline trạng thái · SLA · liên hệ hỗ trợ
OBM04_Reviewing 390 × 844 px
5
OBM05
Được duyệt · Kích hoạt
Success screen · BuyerScope được cấp · CTA vào marketplace
OBM05_Approved 390 × 844 px
6
OBM06
Bị từ chối · Hướng dẫn
Rejected screen · lý do · hướng dẫn bổ sung hồ sơ · appeal CTA
OBM06_Rejected 390 × 844 px
← Public Onboarding (v1) Tiếp: Verified Buyer →