Coderick AI 实战｜没设计资源、没开发排期，一个人一周内把万圣节活动页重新做上线

2023 年，我们做过一个万圣节活动，叫 Website Horror Stories（网站恐怖故事），配合网络安全月：把客户真实经历过的那些事故，以及 SiteGround 是怎么帮他们修好的，收集成一组故事。它很快成了团队里最受喜欢的活动之一。今年我们想把它重新做出来——配一个全新的独立站点、一套全新的（更吓人的）视觉，还有新的内容。

只有一个问题：时间。黑五和年末旺季把整个团队都压得喘不过气，而这个本该提前几周规划的活动，压根没能排上日历。放在往年，这就意味着直接跳过。

今年不一样，我们手里有一样 2023 年没有的东西：Coderick AI，SiteGround 的 AI 建站与 Web 应用搭建工具，你用最直白的话描述需求，它就交付一个完整项目，不需要写代码。于是我决定自己上手。我很清楚自己想要什么，只是这个想法还只在我脑子里；而我们手上有优先级更高的活动，我拿不到设计和工程资源。说到底，这只是一个好玩的活动……但我实在不甘心错过这份万圣节的乐趣。

我用自己的业余时间，做出并上线了一个完全可交互、带动画的活动页面——没有任何开发协助，我自己也没有开发经验，而且没有让黑五的任何工作停下来。这还是在社交媒体团队日常工作照常推进的前提下完成的。

我做出来的东西

今年的 Website Horror Stories 页面是一栋鬼屋。它有六个房间，每个房间放着一个来自真实 SiteGround 客户的故事（名字都做了处理，以保护隐私）：

• 一位代理商老板，在飞往希腊的航班起飞前一小时服务器被黑；他付了 1000 美元让原来的服务商清理，结果又被黑了一次——因为对方漏掉了一个隐藏后门。
• 一位网站代理商老板，客户的站点因为一个弱密码，被悄悄塞满了恶意文件。
• 一位设计师，不管把站点搬到哪家托管商，都还是反复被黑。
• 一位旅行博主，在受众正开始增长的时候，被锁在自己网站外面。
• 一个美食博客，慢到留不住读者。
• 一条只会推销升级套餐、却不解决问题的客服热线。

访问这个站点、打开一个房间，故事会随着你往下滚动逐步展开：插画场景跟着文字一起动，读者会看到瓷砖一块块变暗、鬼影从一栋房子跳到另一栋、门在故事推进时一扇扇打开。页面末尾还有一个快速的网站安全自查，帮访客发现自己站点上的风险，并指向对应的解决办法。

上面这一切，都是我一个人做的，没有编程经验，花了几个小时，方式就是跟 Coderick AI 聊天。

它是怎么一步步搭起来的

我没有从设计需求文档和开发工单开始，而是用大白话把想法讲给 Coderick AI 听。因为每一个新点子只需要一句提示、而不是一个开发周期，我就不必押注在单一方向上。我做了两个方向。

第一个概念偏电影感。我要一个暗色调、杂志编辑风格的页面，把这次活动当成一部电影的续作来处理：访客走进一间影院，在每个故事最黑暗的那一刻，替角色选择结局。

第二个走的是更好玩的路线。它的第一句提示就把场景立了起来，包含概念和全部六个故事：

“做一个叫 Website Horror Stories 的单页活动落地页。整个页面就是一栋可交互的插画房子，六个房间里各放一个真实的客户故事，用带点阴森的恐怖电影口吻讲出来。”

摆在团队面前的是两个能点的真实页面，而不是两张效果图，选择就变得很容易。我们选了鬼屋。接下来，每一句提示都往上加一层。其中一句把每个故事都变成了滚动驱动的场景：

“把故事面板改成 scrollytelling（滚动叙事）区块，配一个固定的插画场景，当每段文字滚到屏幕中间时，场景随之变化。”

之后又用了几句提示：加上安全自查、让按钮更清晰、在移动端测试页面、配好 SEO 和社交分享标签。当我们决定把故事匿名化时，一句提示就把全站所有名字都更新了——从故事正文，到图片标注，再到分享链接。

然后按一个键，这个好玩的落地页就正式发布到了我们早就注册好的 websitehorrorstories.com 域名上。

黑五带来的意外转折

我挺得意的，但接着就意识到一件事：万圣节只有一天。也就是说，这个活动最多只有一周的有效期。要想让这份功夫不白费，我得想办法让它在万圣节之后还能继续用。而营销日历上的下一站是什么？黑五。

按理说，这意味着更多设计工作：把我手上这套设计，改成已经在推进中的黑五主题，而且还是卡在最后一刻。我不但不会被设计团队评为“最受欢迎的同事”，他们几乎不可能再腾出时间做一次落地页改版。

又是 Coderick 救了场。几句提示，它就把整个页面换成了新的黑五配色，并补齐了我们需要的所有黑五元素。重做一整套设计，通常本身就是一个独立项目；这一次，我一个人花了大约一小时就干完了。

那阵差点让这个活动做不出来的黑五忙碌，最后反倒塑造了它的最终章。当 SiteGround 全站的黑五优惠上线时，我们希望这栋鬼屋也能跟上节奏。

别让旺季埋掉你最好的点子

Website Horror Stories 今年差一点就没做成。Coderick AI 给了我一个办法，把它重新做出来，同时不拖慢其他任何事，还能随着计划变化持续调整它。

如果你也有一个点子在等合适的时机——不管是一个活动页、一份作品集，还是一个应用——你不必等一个更清闲的月份。把它讲给 Coderick AI 听，然后看着它一点点成形。