作品 02AI 视频网站AI 辅助开发个人概念作品 · 非小米官方

1 天从 0 到上线:
小米 SU7 Ultra 宣发网站

我负责需求、分镜、视频和验收,代码交给 Codex 实现。约 10 小时,提了 31 次需求,最后做成一个能用滚轮「播放」的产品发布片。

我的角色需求、分镜、视频、验收
工具Codex · 豆包 · 剪映
用时约 10 小时 · 31 次需求指令
结构4 个章节 · 15 秒主视频

分工

我决定做什么、
好不好,
AI 负责怎么实现

我负责

  • 定规格:4 个镜头、15 秒、发布会风格
  • 用豆包生成视频片段,用剪映剪辑成片
  • 判断每一版好不好,决定改什么、放弃什么
  • 拿苹果官网做验收标准

AI 负责

  • 生成分镜板和 4 张镜头图
  • Codex 编写网站代码、实现滚动交互
  • 按我的反馈逐轮修改
  • 部署上线

四个镜头

滚一次,播一个镜头,
停下来看清产品

镜头 01 · 登场
01 登场性能,不再隐藏。
0–4 秒
镜头 02 · 视野
02 视野每一道光,都为速度而生。
4–7 秒
镜头 03 · 速度
03 速度瞬间释放,持续进化。
7–11 秒
镜头 04 · 巅峰
04 巅峰巅峰性能,由此登场。
11–15 秒

过程

一天里的 9 个节点

时间取自完整的制作记录。

  1. 启动项目

    安装电影滚动网站的 Skill,确定先做一个小米汽车宣发站。

  2. 定规格

    4 个镜头,15 秒主视频,同时给出分镜图和视频提示词。

  3. AI 分镜与镜头图

    先出四格分镜板,再扩展成 4 张 16:9 镜头图,对照官方资料锁定车型特征(闪电黄车漆、碳纤维尾翼等)。

  4. 定风格

    从「安静的品牌官网」改成「炫酷的产品发布会」,节奏更强、冲击力更大。

  5. 视频完成,开始搭网站

    用豆包生成视频片段,再用剪映剪成 14.7 秒主视频,交给 Codex 搭分段式电影滚动网站。

  6. 尝试 360° 拖动旋转的 3D 车模

    先后试了 Tripo 生成模型和 Sketchfab 模型 + Three.js。

  7. 放弃 3D,回到第 2 版

    效果和实现成本都不理想,果断回退,并删掉多余的第 5 章。

  8. 对标苹果官网精修

    从视觉重点、动画节奏、行为引导三个方面小幅打磨,再调整英文标题的字号和构图。

  9. 收尾上线

    去除素材里的生成水印,部署上线,得到公开访问链接。

关键决策

两次判断,
决定了最后的质量

决策 01

放弃 3D 车模,把时间花在核心体验上

360° 旋转车模听起来很酷,但试了两种方案,效果和成本都不理想。我选择回退到第 2 版,把精力放回滚动叙事本身。

决策 02

拿苹果官网当验收标准

不凭感觉改,而是对照苹果产品页,找出三处差距:

  1. 视觉重点:车是画面里唯一的主角
  2. 动画节奏:画面先稳定,文字再出现
  3. 行为引导:只保留一条清楚的浏览路径

复盘

我从这个项目学到的

01

知道什么时候该放弃

功能不是越多越好。投入产出不划算就及时止损,把核心体验做精。

02

用标杆做验收

对照行业最好的作品找差距,比凭感觉改高效得多。

03

AI 时代的分工

我负责「做什么、好不好」,AI 负责「怎么实现」。需求说得越清楚,交付越快。

存档点 · 正在寻找 2027 届实习 · 武汉 · 希望可转正

如果你有一个想法,
我们可以一起
把它做出来。

AIGC 运营、AI 内容 / 视觉、AI 应用提效方向的实习都可以聊。

邮箱2981045020@qq.com
微信 / 电话13018020631