今天撸起袖子干了个动画公司官网，记录下这趟折腾史。

一、起心动念

上周刷视频看到个酷炫的动画工作室主页，寻思自家那破页面还是五年前的土味设计。拍大腿决定亲自操刀，搞个能唬住甲方的门面。

二、准备工作

• 翻硬盘：把十年陈的老项目视频、海报全扒拉出来，发现连1080p都没几个
• 偷师学艺：盯着二十多个同行网站狂按F12，鼠标差点搓出火星子
• 薅羊毛：下了一堆免费动画特效包，结果解压后全是"试用版"水印

三、开整网站

打地基：直接抄起Elementor拖拽建站。首页怼了个全屏视频背景，传完发现加载要半分钟，赶紧压缩到亲妈都认不出。

作品集埋坑：

• 分类标签手滑设了"二维/三维/沙雕风"，被同事追着打了三条街
• 展示图刚用PS去完水印，客户就来微信催新项目进度

特效翻车现场：给导航栏加了鼠标悬浮粒子效果，测试时整个浏览器直接卡成PPT。换成会变色的小箭头了事。

四、内容填坑

团队介绍：让设计师们交证件照，结果收上来一堆猫片和游戏截图。硬着头皮用年会集体照裁了八个马赛克头像。

客户爸爸墙：翻合同才发现有六家明确写着"禁止公开项目信息"，LOGO墙瞬间空了一半。把合作过的视频平台图标全给糊上去了。

五、生死上线

传到服务器时手抖选错目录，把客户测试站覆盖了。顶着冷汗恢复备份时，老板正好发消息问新站链接。咬着牙把临时域名甩过去，对话框秒弹三连问：

• 为什么团队照里我头顶是绿的？
• 作品集第五个视频播到15秒有爆音
• 手机打开怎么像俄罗斯方块？

蹲厕所改到凌晨三点，手机电量耗尽前总算把手机版排版从"崩坏状态"调成"勉强能看"。

六、血泪总结

做网站比做动画还累十倍。光是调响应式就折寿三年，现在看到屏幕尺寸数字就头皮发麻。下次谁再让我更新官网，直接把这篇文章甩他脸上。

（写完检查错别字时又发现个致命伤：联系表单的提交按钮忘了做成功提示...算了明天再战）