batch-1-h5-windows.md 5.1 KB
批次 1：H5 + Windows 注册门禁（10 屏）
链路 1：h5-invite-landing → … → w-onboard-search
h5-invite-landing
Prompt:
Mobile H5 landing page 375×812 for "智价云（药店版）ProPrice" invite link opened in WeChat.
Top: inviter card "张老板 · 康宁大药房 邀请您使用"
Hero: headline "绑定您的 B2B 账号，一键查全网低价", 3 bullet value props with icons (聚合药师帮/药帮忙/1药城, 自动并行查价, 跳转原平台购买)
Compliance text small gray: "数据来源于您本人绑定的B2B平台账号，智价云不提供药品交易服务"
Two large CTAs: primary "下载 Windows 版" (#002FA7), secondary "下载 Android 版"
Footer: ProPrice logo
Colors klein blue #002FA7, medical green #00A870 accents. Clean, trustworthy B2B. Chinese UI. No sales promotion style.
h5-download
Prompt:
Mobile H5 download guide page for 智价云 ProPrice. 375×812.
Title "下载智价云客户端"
Section 1 Windows: icon + "Windows 10/11" + blue download button "下载安装包 (.exe)" + version v1.0.0
Section 2 Android: icon + "Android 8.0+" + green download button "下载 APK"
Section 3: numbered install steps 1-2-3
Link "已安装？点击打开" deeplink style
Back link top-left
#002FA7 primary, Chinese, clean layout.
w-login
Prompt:
Windows desktop app login screen 1280×800 for 智价云（药店版）ProPrice.
Window chrome title "智价云（药店版）", centered login card on #F5F7FA background.
Logo + "ProPrice 智价云"
Tabs: 登录 | 注册 (注册 selected)
Fields: 手机号, 验证码 + "获取验证码" button, 邀请码 (prefilled PX8K2M gray hint "邀请码必填")
Primary button "注册并登录" full width #002FA7
Small compliance footer text
Left side optional illustration: pharmacy + price comparison abstract
Chinese UI, professional B2B, no sidebar yet (pre-login).
w-profile-setup
Prompt:
Windows desktop onboarding screen 智价云 ProPrice. Window chrome, step indicator "1/3 完善信息".
Form card center:
- 药店名称 input (placeholder 康宁大药房)
- 地区 cascader 广东省 / 广州市 / 天河区
Primary "下一步" #002FA7
Progress dots 1-2-3
Clean form UI, #F5F7FA bg, Chinese labels.
w-license-upload
Prompt:
Windows desktop screen 智价云 "2/3 上传营业执照". Step indicator.
Large dashed upload zone "点击选择文件或拖拽到此处" with file picker icon, supports jpg/png/pdf
Example thumbnail of business license with "示例" label
Tips list: 请确保执照清晰完整 / 信息与您填写药店一致
Primary "提交审核" button
Link "查看审核要求"
#002FA7 primary, Chinese, professional. Window chrome.
w-license-pending
Prompt:
Windows desktop screen 智价云 license review pending state.
Center illustration: clock/hourglass in klein blue
Title "营业执照审核中"
Subtitle "预计 1-2 个工作日，审核通过后将短信通知您"
Info card: 康宁大药房 · 广东省广州市天河区 · 提交时间 2026-06-14 10:30
Secondary button "联系客服" (企微二维码 icon)
User cannot search — grayed hint "审核通过后可绑定平台并查询价格"
Calm waiting state, Chinese, #F5F7FA bg.
w-license-rejected
Prompt:
Windows desktop screen 智价云 license rejected state.
Red accent icon (#E60012), title "审核未通过"
Rejection reason box red border: "营业执照照片模糊，请重新拍摄上传"
Thumbnail of submitted license
Primary button "重新上传" #002FA7
Secondary "联系客服"
Chinese, clear error state, window chrome.
w-onboard-bind
Prompt:
Windows desktop onboarding "绑定 B2B 平台" screen 智价云. Step 3/3 or post-approval guide.
Headline "绑定您在 B2B 平台的采购账号"
Subtext "使用您本人账号授权，智价云仅用于自动查询价格"
Three platform cards in row:
- 药师帮: 未绑定, "立即绑定" button
- 药帮忙: 未绑定
- 1药城: 未绑定
Note banner: "至少绑定 1 个平台后可查询价格"
Compliance small text footer
#002FA7, platform badge colors, Chinese.
w-platform-bind
Prompt:
Windows desktop modal/page 智价云 bind platform account for 药师帮.
Platform header with 药师帮 badge
Auth notice: "您的账号密码加密存储，仅用于代您查询价格"
Fields: 平台账号, 平台密码 (with show/hide toggle)
Checkbox checked: "我已阅读并同意授权协议"
Primary "确认绑定" #002FA7, Secondary "取消"
Link "如何查看我的平台账号？"
Secure form feel, Chinese, klein blue.
w-onboard-search
Prompt:
Windows desktop onboarding final step 智价云 "试试搜索". Celebration subtle confetti or green check.
Headline "绑定成功！试试查一下价格"
Large search input prefilled "阿莫西林胶囊" with search icon
Hint "输入药品名，智价云将在已绑定平台并行查询"
Primary "立即查询" #002FA7
Skip link "进入首页"
Left sidebar now visible preview (首页/关注/邀请/平台账号). Member bar "体验剩余 15 天".
Chinese, encouraging but professional B2B tone.