Demo Hub
05 · Mobile iOS

Buyer Flow · iPhone

Thiết kế cho dược sĩ đứng quầy — scope-aware, hạn mức công nợ ngay trên Home, upload đơn thuốc ETC từ camera.
390 × 844px · iOS-native feel · Cùng logic với desktop.

Mở trong Canvas
Mobile V2 dùng cùng BuyerScope logic với desktop. Dược sĩ thấy đúng danh mục scope của cơ sở, hạn mức công nợ còn lại, và CTA phù hợp. Checkout yêu cầu chụp / upload đơn thuốc ETC trực tiếp từ camera. Không cần mở máy tính.
M-V2 · 01
Login
Đăng nhập · OTP qua SMS · Chỉ tài khoản đã KYC
C
M-V2 · 03
Catalog
Filter ETC/OTC · Scope lock · SKU bị khoá hiển thị rõ lý do
P
M-V2 · 04
PDP · ETC
Amoxicillin · Cảnh báo ETC · Card NCC · CTA scope-aware
M-V2 · 05
Checkout (Rx)
Upload đơn thuốc ETC từ camera · Thanh toán · 1 NCC / đơn · StepBar 3 bước
DS10 · Mobile Expansion
+20 màn mobile mới: Cart, Order Success/List/Detail, Profile, Notifications, Search, Scan QR, Payment Hub, Vouchers, Register, OTP Verify, Forgot/Reset Password, Address Book, KYC Rejected, Sub-account Invite, Brand Detail, News Article, ATC/Đông dược Browser.

Commerce & Profile (DS10 · 12 màn)

🛒
M-V2 · 06
Cart
Giỏ hàng · Stepper số lượng · Tổng tạm tính
M-V2 · 07
Order Success
Đặt hàng thành công · Mã đơn · Ước tính giao
📋
M-V2 · 08
Orders
Danh sách đơn hàng · Filter trạng thái
📦
M-V2 · 09
Order Detail
Chi tiết đơn · Tracking · NCC · Hoá đơn điện tử
🔔
M-V2 · 11
Notifications
Thông báo · Recall · Đơn hàng · Khuyến mại
🔍
M-V2 · 12
Search
Tìm SP / Hoạt chất / NCC · Lịch sử · Gợi ý
💳
M-V2 · 14
Payment Hub
Công nợ · VietQR · Ngân hàng · Ví điện tử
🎟️
M-V2 · 15
Vouchers
Mã giảm giá · Hết hạn · Theo NCC
M-V2 · 16
Register
Đăng ký · Thông tin cơ sở · Loại buyer
M-V2 · 17
OTP Verify
Xác thực OTP 6 số · Đếm ngược · Gửi lại
M-V2 · 18 · DS11
Quick Order
Đặt nhanh — quét SĐK, type SKU, paste danh sách · Replace MV2_Scan
M-V2 · 19 · DS11
KYC Submit
Nộp hồ sơ KYC trên mobile · Upload GPP/GPKD/QĐ DS
M-V2 · 20 · DS11
KYC Pending
Đang chờ duyệt · Timeline · SLA ≤ 30 phút
⚠️
M-V2 · 21 · DS11
Recall
Thu hồi sản phẩm trên mobile · Theo Luật Dược 44/2024 §47

Onboarding & Content (DS10 · 8 màn)

M-V2 · 18
Forgot Password
Quên mật khẩu · Email / SMS
M-V2 · 19
Reset Password
Đặt mật khẩu mới · Yêu cầu mạnh
📍
M-V2 · 20
Address Book
Sổ địa chỉ · Default · Quản lý
⚠️
M-V2 · 21
KYC Rejected
KYC bị từ chối · Lý do · Resubmit
👥
M-V2 · 22
Sub-account Invite
Mời tài khoản phụ · Phân quyền
🏷️
M-V2 · 23
Brand Detail
Chi tiết Thương hiệu · NCC · SP nổi bật
📰
M-V2 · 24
News Article
Bài viết Tin tức Dược · Recall · Tin chuyên môn
🧬
M-V2 · 25
ATC & Đông dược
Browser kết hợp ATC tân dược + Vị thuốc YHCT
M-V2 · 26 · DS12
KYC Multi-step Chain
Quy trình KYC nhiều bước · Upload GPP/GPKD/DS theo chuỗi
🏠
M-V2 · 27 · DS15
Public Homepage
Mobile landing cho guest · Hero · USP · Brand showcase
🧪
M-V2 · 28 · DS15
Danh sách Hoạt chất
Browse ATC trên mobile · Filter nhóm · Search
💊
M-V2 · 29 · DS15
Chi tiết Hoạt chất
ATC code · DDD · Sản phẩm chứa · Phối hợp
📰
M-V2 · 30 · DS19
Tin tức Index
Mobile news landing · Recall · Sản phẩm · Pháp lý
🧬
M-V2 · 31 · DS19
ATC Lookup
Tra cứu ATC nhanh · Search INN · Cây 5 cấp gọn cho mobile

Trung tâm tài khoản · Mobile (DS19 · 9 màn)

M-TKB · 00 · HOME
Home — Trung tâm tài khoản
Entry/Landing của TKB trên mobile · KPI · Quick actions · Menu điều hướng tới các tiểu mục bên dưới
👤
M-AC · 02
Thông tin tài khoản
Username · Email · SĐT · Avatar
🏢
M-AC · 03
Hồ sơ Buyer
Tên cơ sở · MST · Loại · Địa chỉ
📍
M-AC · 04
Sổ địa chỉ
Quản lý nhiều địa chỉ giao hàng
M-AC · 05
Đổi mật khẩu
Strength meter · 2FA toggle
🔔
M-AC · 06
Cài đặt thông báo
Toggle theo loại · Recall mandatory
🛡️
M-AC · 07
Quyền riêng tư
NĐ 13/2023 · Download data · Delete
📦
M-AC · 08
Đơn hàng của tôi
Filter status · Re-order
🎟️
M-AC · 09
Voucher của tôi
Khả dụng · Đã dùng · Hết hạn

Cảnh báo pháp lý & Cookie · Mobile (DS22 · 6 màn)

DS22 — Legal warnings cho ETC/SPECIAL: luồng cảnh báo pháp lý xuất hiện khi guest/buyer truy cập thông tin thuốc kê đơn, thuốc kiểm soát đặc biệt — tuân thủ Luật Dược 44/2024 §74–75.
⚠️
M-LEGAL · 01
First-visit Warning
Cảnh báo lần đầu vào sàn · Acknowledge ETC/SPECIAL · Luật Dược 44/2024
M-LEGAL · 02
RX Gate (kê đơn)
Gate cho ETC · Yêu cầu upload đơn thuốc · Chữ ký DS
🚫
M-LEGAL · 03
PDP Public ETC
Cảnh báo cho guest xem PDP ETC · Ẩn giá · Yêu cầu KYC
M-LEGAL · 04
Checkout Blocked
SPECIAL không bán online · RX-07 · Block checkout
🍪
M-COOKIE · 01
Cookie Banner
Banner cookie consent · NĐ 13/2023 · 3 nút (Accept all / Essential / Settings)
⚙️
M-COOKIE · 02
Cookie Preferences
Toggle theo loại · Essential (locked) · Analytics · Marketing · Functional

Legal Variants · Mobile (DS24 E09 · 6 màn)

DS24 E09 — Mobile Legal Variants: các biến thể PDP theo loại sản phẩm (RESTRICTED, SPECIAL, FSAFE), tìm kiếm công khai ETC, block thêm giỏ hàng, và footer pháp nhân.
🚫
M-LEGAL-V · 01
PDP RESTRICTED
Hạn chế kinh doanh · Ẩn giá · Banner vàng · CTA KYC
⚠️
M-LEGAL-V · 02
PDP SPECIAL (KSĐB)
KSĐB · TT 20/2017 · Không bán online · Giữ làm tham chiếu
💊
M-LEGAL-V · 03
PDP FSAFE (TPCN)
TPCN · "Công dụng" thay "Chỉ định" · Disclaimer bắt buộc ≥ 12px
🔍
M-LEGAL-V · 04
Search Public ETC
Guest tìm thuốc ETC · Ẩn giá · Chỉ tên + SĐK + hoạt chất
M-LEGAL-V · 05
Add-to-cart Blocked
Modal block · Scope không đủ · CTA upgrade KYC
📋
M-LEGAL-V · 06
Footer pháp nhân
Footer compact mobile · MST · GPKD · DS phụ trách

Public Pages · Mobile (DS32 · 4 màn)

DS32 — Mobile Public Pages: các trang công khai cho khách chưa đăng nhập — Lead Capture, Giới thiệu, Liên hệ, Điều khoản sử dụng.
📋
M-PUB · 01
Lead Capture
Form đăng ký nhận tư vấn · CTA cho khách chưa có tài khoản
🏥
M-PUB · 02
Giới thiệu MedBASE
About page · Sứ mệnh · Tính năng nổi bật · CTA đăng ký
📞
M-PUB · 03
Liên hệ
Form liên hệ · SĐT · Email · Địa chỉ văn phòng
📄
M-PUB · 04
Điều khoản sử dụng (ToS)
Terms of Service · Legal · Accordion sections

DS35 · Đặt lại đơn · Mobile (2 màn)

DS35 — Reorder Mobile: Buyer xác nhận đơn đặt lại trên mobile — danh sách SP + mục đã loại + summary sticky · countdown 24h + đối chiếu giá.

🔄
RO-M · B
Đặt lại đơn
Card SP + mục đã loại + summary sticky
RO-M · C
Buyer xác nhận
Countdown sticky 24h + card đối chiếu + Accept/Reject

DS34 · Mobile Bổ sung (8 màn)

DS34 — Mobile Gap Screens: parity với desktop — Đông dược (Vị thuốc, Bài thuốc), Thương hiệu A–Z, Tin tức Recall, Trạng thái đơn hàng, Buyer Dashboard.

🌿
HERBAL-02
Chi tiết vị thuốc
Cam thảo · Tính-Vị-Quy kinh · Công năng · Bài thuốc · DĐVN V
📜
HERBAL-03
Bài thuốc cổ phương
Filter cổ/nghiệm phương · Danh sách 8 bài
🏺
HERBAL-04
Chi tiết bài thuốc
Lục vị địa hoàng · Quân-Thần-Tá-Sứ · 14 SP liên quan
🏷️
BUY-12
Thương hiệu A–Z
Index A–Z + Featured + GMP badge
📰
BUY-16
Tin tức · Chuyên mục Recall
Filter mức độ + danh sách bài viết Recall
BUY-06b
Chờ xác nhận thanh toán
VietQR đối soát tự động
🔔
BUY-07
Chờ NCC duyệt đơn
≤ 24h · Per-NCC status tracker
📊
BUY-18
Buyer Dashboard
Welcome · KPI · Action items · Spend chart · Reorder
← Admin CMS Tiếp: Discovery →