JOURNEY · ENTRY · IDENTITY
登录，不止一个页面。
从学员第一次打开链接 → 选择身份 → 输入手机号 → 看见验证码 → 同意协议 → 进入旅程。 每一个跳转、每一个弹窗、每一个辅助页，都是登录体验的一部分。
~ 这是一段旅程，不是任务清单 ~
00
00-login.html
主登录页
入口系统登录 · 主入口
PC 左右分栏（左品牌叙事 + 右表单）· 身份 Tab 切换学员 / 导师 · 手机号 + 验证码 · 60s 倒计时 · 微信登录 · 协议 · 记住我
19 KB
06
从主登录页的每个入口跳转
登录相关的子页面
6 页面a · 区号选择
点 +86 触发的弹出层 · 搜索 + 滚动 · 常用国家置顶
5.4 KB
b · 微信扫码登录
「使用微信登录」触发的扫码弹窗 · 二维码 + 过期刷新
6.1 KB
c · 用户协议
底部「用户协议」链接 · 左侧 TOC + 右侧正文 · 顶部返回登录
7.8 KB
d · 隐私政策
底部「隐私政策」链接 · 数据清单 + Cookie 表格
7.5 KB
e · 登录帮助
「登录遇到问题？」链接 · 5 个常见问题 + 客服入口
6.9 KB
f · 新用户注册
输入手机号首次登录时触发 · 验证码 + 姓名 + 班级邀请码
6.7 KB
g · 登录成功过渡
校验通过后的「欢迎」页 · 进度条 + 手写欢迎语 · 自动跳转
4.8 KB
99
登录状态机
8 状态 · 11 跳转S0 主登录页
→ 验证码 →
S1 区号选择
→ 微信 →
S2 微信扫码
→ 协议 →
S3 用户协议
→ 隐私 →
S4 隐私政策
→ 帮助 →
S5 帮助中心
→ 新用户 →
S6 新用户注册
→ 提交 →
S7 登录成功
→ 自动跳转 →
学员端 09 / 导师端 10
✓
验收路径
- 01从
00-login.html开始 → 点 +86 看00a-area.html→ 选中国家回到主登录页 - 02点「使用微信登录」→ 看
00b-wechat.html弹窗 → 切回手机号登录 - 03点「用户协议」→ 看
00c-agreement.html· 点「隐私政策」→ 看00d-privacy.html - 04点「登录遇到问题？」→ 看
00e-help.html· 展开 FAQ - 05首次登录时输入手机号 → 看
00f-register.html新用户注册 - 06点击「登录」→ 看
00g-success.html过渡页 → 自动跳转学员 / 导师端