新网站上线了。用 AI 重做花了一周，中间改了好几次方向。下面是视频版，也可以继续往下看文字版。
Play video先交代一下背景：我做了七年产品经理，其实不太会写代码。但过去三年，我一直在用 AI 做各种项目，这个网站就是其中之一。
旧网站的问题
旧版已经上线一年多了。我当时挺喜欢，但有几处越来越让我别扭：
- 首屏。 背景特效看腻了，我想把自己放进设计里，让它更有个性。
- 项目展示。 有项目墙也有精选区，但想了解详情还是得点进去，加载效果也不太好看。
- 服务介绍。 列的是我的技能，可没有技术背景的客户看完，可能还是不清楚我到底能帮他做什么。
- 缺的功能。 我还想加博客和邮件订阅。
所以计划是：先定视觉，再重做项目和服务，最后加新功能。
找到视觉方向
我先收集参考：网站、图片、版式，看到喜欢的就存下来。其中一个想尝试的方向是写实的人物。卡通风格的 3D 人物已经很多网站在用了，我想看看 AI 还能做出什么。
我试了几个概念：卡通 3D 版的我、坐在水里的我、只有人物没有场景的版本，还有一张被几面镜子环绕的俯拍。镜子那张作为静图很有意思，但一动起来，那么多倒影很难保持人物一致，只好放弃。
最后选中的是一个真实的人站在云上——一个现实里不可能存在的场景。
让一张静图动起来
我把概念图发给 Claude，一起把画面拆成几层：最后面是流动的云，中间是 JACK MIAO 的名字，前面是我，最上层是导航和文字。
人物部分，计划生成我向上、下、左、右看的绿幕片段，根据鼠标位置切换，看起来就像我在跟着你的光标转头。绿幕方便把人物抠出来，夹在其他图层之间。
我还想在离开首屏时加一个过渡：像是你穿过云层，从云的下方钻出来。一开始用 Blender 做 3D 云，调了好几轮还是离概念图很远。与其继续折腾、去买更高级的付费云场景，我决定改用视频。
Claude 帮我理出需要哪些素材，并以原始概念图的提示词为基础写了视频提示词。我通过 API 把 Claude 接上 Higgsfield，先生成测试片段，方向确定后再出 4K 成片。之后还有大量来回：修画面瑕疵、放进页面、检查、重新生成。
项目区：在天空中下坠
这一块尝试的次数最多。白色背景加旋转圆柱上的项目、蓝天背景、流动的云……都不满意。
转折点是我在 Pinterest 上看到的一张图：一个人以跳伞姿势悬在画框正中间。这给了我一条故事线——页面最上面我站在云上，往下滚动穿过云层，到了项目区，一个人正从天空中坠落。
流程还是一样：和 Claude 打磨提示词，在 Higgsfield 生成素材，再放进页面里调整。项目也砍掉了很多，只留一小部分精选。
原计划里有一项没做成：本来想去掉项目详情页，最后还是留下了。页面上的项目少了，但想细看仍然可以点进去。
服务区：直接说清楚
目标很简单：让人一眼看懂我能帮什么忙。网站别处的动效已经够多了，所以这里就用文字把服务老老实实写清楚。
为了把故事接下去，我用 Higgsfield 生成了一个挂着气球的我，让它沿着路径在文字后面来回飘。文字负责讲清楚，人物负责把这一段和前后连起来。
博客、订阅，以及最后一次改方向
和那些视觉实验比，博客和邮件订阅顺利多了，Claude 很快就做好了——你现在看的就是成果。
页脚是我最后一次改方向的地方。最初想做一个飘在空中的键盘按键，点击后打开项目咨询表单。用代码做，质感不对；让 Claude 在 Blender 里建模，近了一些，但还是差点意思。
最后我换成一个更好实现的东西：一扇飘在天上的窗，透过它能看到我在工作。 整条线也就此闭合：站在云上，穿过天空坠落，挂着气球飘过，最后是一扇望进我工作的窗。
幕后还有一些改动：升级了防机器人验证、更新了 API 接口、换了部署方式。这些在页面上看不到，就留到以后再说。
我的收获
有些想法一路走到了最后，有些没有。Blender 云、旋转项目墙、键盘按键，每个都试了好几轮。有时候换的是实现方式，有时候换的是想法本身。
这其实就是整个过程的核心：先把想法做到能看见的程度，看看实际效果，再决定继续还是换方向。AI 让这个循环快到一周内能跑很多遍。
从顶部开始滑一遍看看吧。如果想看我接下来做什么，欢迎在下面订阅。
