How it works 页的「Four steps, about four weeks」模块已按方案 A(步骤切换器)改造上线:一排步骤标签 + 一块共用舞台,左文字右视频,6 秒自动轮播、可点击切换。
改前:四张纯文字卡竖着摞,右侧只有 40px 小图标,整段约 1250px。改后:整段约 840px(矮了三分之一),视频成为主角,四步共用一个视频位、自动轮播。


手机上是你认可的「一步一卡」:视频在上、文字在下,滚到哪段播哪段。第 1 步是三张拍立得宠物照,呼应"正/侧/背 3 张"。


说明:改前手机图右边缘被裁掉一条,是截图工具的毛病(当时站上已是旧版最后一刻,来不及重截);不影响对比版式。
① 三张拍立得照片 ② 建模视频已有 ③ 打磨视频已有(上色视频传上来后自动优先用上色)④ 打包照片视频待传(传上来自动换视频)。
视频从「studio_moment」内容库读——以后上色、打包视频传进后台,首页工作台 + 这个模块同时自动更新,不用改代码。
四步的英文文案与改前逐字一致(交期、照片数、超时规则、Remake Promise 全部原样),只是换了排版并加了几枚事实小徽章(3 photos / Human review in 24h 等,全部是站上已有口径)。
改前已备份原件;只动了这一段,Why PawChibi / 拍照技巧 / 底部 CTA 未动;系统设「减少动效」的用户不自动轮播、视频只显示封面;无障碍标签(tab 语义)已配。
| 素材 | 传上来后会发生什么 |
|---|---|
| 上色(Painting)视频 | 第 3 步「Print & paint」的画面自动从打磨视频换成上色视频(更贴题),首页工作台同步更新 |
| 打包(Packing)视频 | 第 4 步「It arrives」的画面自动从照片换成视频,首页工作台同步更新 |
| (可选)同一只宠物的正/侧/背三连拍 | 第 1 步的三张拍立得目前是三只不同的宠物(现成图库);如果拍一组同一只宠物的三视角照,说服力更强。要换时说一声即可 |