我们如何重新设计YC网站

摘要
本期特别版Design Review节目邀请了YC内部设计师Evard,讲述Y Combinator全新网站改版的完整过程。旧版YC网站约在四五年前疫情时期设计,虽然一直运行良好,但团队感到它已不适合当下需要传达的信息。旧网站的痛点在于:过于功利性,像B2B SaaS模板——有行动号召、英雄区图片、统计数据、Logo墙——却没有体现YC品牌的独特性和启发性;头部公司区域只展示了Logo,没有讲述创始人的故事;许多标题含糊其辞(如"顶级YC公司"而非"数十家十亿美元公司起步于YC");"我们将创始人利益放在首位"下面的内容全是"我们不做什么"而非正面阐述。新版设计的核心转变是从销售产品转向激发梦想,从功能导向转向故事导向。团队深入研究了Paul Graham(PG)的经典文章,提取了"formidable"(令人敬畏)这一核心词汇——这是PG和Jessica用来描述早期YC投资的非凡创始人的词,至今仍在YC内部使用。新网站重点展示了创始人的"前后对比"——进入YC时和现在的样子,让每个构建者都能看到"这可能是我";保留了PG十多年前为YC撰写的原始文案(仅更新了频率和地点等细节);用创始人自己的话语描述YC体验而非自夸;使用AI工具(One)将活动照片轻柔动画化,让人物更加鲜活;YC合伙人部分展示了他们当年参加批次时的照片,传达"我们曾经和你一样"的信息。最特别的是构建过程:团队没有长时间停留在Figma中,而是创建了全新代码仓库,直接用Cursor中的Claude Opus 4.5作为协作设计伙伴,逐节探索最有吸引力的交互版本。AI让他们节省了大量基础编码时间,将精力集中在交互设计和故事叙事上——这是以往项目中从未有过的。最终,新网站以极简、通透、内容浮于页面之上的美学,将创始人置于舞台中央,实现了从B2B模板到品牌故事的根本转型。
正文
旧网站的不足
旧版YC网站大约在四五年前疫情时期设计,一直运行良好,但团队在审视后认为需要更新。核心问题包括:
- 过于功利主义:感觉像一个B2B SaaS模板——行动号召、英雄区图片、左侧文本、统计数据、Logo列表。但YC是一个真正特别的品牌,可以在启发性和故事性上做得更多。
- 创始人故事缺失:顶部公司区域只展示Logo,没有讲述建造这些公司的创始人的故事。YC不仅是这些公司旅程的一部分,更是其发展轨迹中的关键——这在原始设计中被低估了。
- 标题含糊:"顶级YC公司"——如果你只是滚动浏览标题,这并没有告诉你任何东西。应该说的是"数十家十亿美元公司起步于YC"。"我们帮助创始人制造人们想要的东西,结果不言自明"——什么结果?我们应该直接说出来。"我们提高了创业公司的成功率"——提高了多少?我们缺乏量化。
- 负面表述:"我们将创始人利益放在首位"下面全是"我们不做什么"(我们不占董事会席位、我们不需要数月做决定、我们不需要演示文稿),而非正面版本。
- 关键信息:"YC由创业创始人运营,他们建造了自己在创立和发展创业公司时想要的东西"——这是真正区分YC的独特点,每位YC合伙人自己都是YC创始人。
设计哲学:从销售到激发
新设计的核心理念是:不卖你一个项目或产品,而是让你做梦。
团队回归YC的根源,深入研究了Paul Graham(PG)的文章。一个词在PG的文章中反复出现——formidable(令人敬畏)。这是PG和Jessica用来描述早期YC投资的非凡创始人的词,至今仍在YC内部使用。新网站在英雄区(Hero Section)使用了这个词,并以脚注形式致敬PG文章中的脚注风格,提供PG语境下"formidable"的定义。
创始人"前后对比":看见自己
英雄区作为第二部分的标题。向下滚动,展示了YC资助的一些最成功创始人的"前后对比"——进入YC时和现在的样子。重点放在创始人和面孔上,而非公司Logo。同时突出这些创始人的 humble beginnings(谦卑起点),让每个构建者看到后想:"这可能是我。我可以做到。"
左侧的人看起来就像正在经历当前批次的创业者,而十年后他们会成为右侧的人。所有这些令人难以置信的、建造了代际公司的创始人,实际上都是从和现在的你一样的起点开始的。
历久弥新的文案
新网站中有一个小段落描述YC是什么——令人惊叹的是,团队决定保留PG十多年前为YC网站撰写的完全相同的文案,唯一调整的是一些细节使其保持更新:例如"现在我们每年资助四批公司"(而非原来的两批),地点改为旧金山(而非山景城)。通过Wayback Machine可以看到13年前的YC网站,文案几乎一模一样。核心内容始终是:展示批次中发生的事情——这就是环境,这就是你经历YC时会体验到的。
创始人自己的话语
团队不想自夸YC有多伟大,而是让创始人的故事来说话。作为项目的一部分,他们采访了过去一两年内经历过YC的创始人,问他们:走过YC是什么感觉?最大的收获是什么?回顾这段经历时在想什么?他们将这些小的声音片段拼接在一起,看似连续文本,实际上都是来自不同批次创始人的真实引述。悬停时可以看到引述者的姓名和公司信息。
这更可信、更有说服力——当信息来自创始人而非我们自己说的时候。这也与整体主题一致:将创始人置于前台和中心,而非YC品牌。
AI动画:让照片活起来
团队利用AI将活动照片轻柔动画化,让人物更加鲜活和有吸引力。他们尝试了许多工具——早期工具经常导致逐帧面部变化,创始人变得无法辨认。最终,一家近期通过YC的创业公司推荐了一款名为One的工具,团队用它生成了这个部分使用的动画视频。这成为了他们最喜欢的部分。
YC合伙人:我们曾经和你一样
继续"转变"的主题,最重要的信息是:所有YC合伙人都曾经和你一样,不久之前。他们是YC创始人,经历了批次,理解你正在经历的一切。悬停每张卡片,展示每位合伙人当年参加批次时的照片。每次看到这个部分都让人微笑——看到大家多年前经历批次时的样子很有趣。
这也是视觉化传达核心信息的方式——"哦,那是Tyler,Tyler也经历过YC,看那时候他多年轻,他一定学到了很多教训"。同时展示了YC有趣和玩味的一面——经历YC是有趣的,我们不会太把自己当回事。
"永远不嫌早申请"
底部最终行动号召是"永远不嫌早申请YC"——你不应该想太多。这是团队从创始人那里最常听到的事情之一:"我太早了"或"我需要更多进展"或"我需要很多收入才能被YC接受"。团队不断告诉创始人:不,永远不嫌早。所以直接把这句话放在网站上——没有收入、没有产品、没有完全成熟的想法,都可以按那个按钮。我们资助还没有辞职的人、还在学校的人、刚刚在思考一个想法的人、甚至还没有想法的人。没有任何预设要求。
极简美学与设计原则
新网站的美学核心是:
- 聚焦故事,去除干扰:英雄区本可以添加图片、动画等,但经过迭代后,团队选择了极简和简洁的方案,让信息真正传达
- 通透呼吸感:内容像漂浮在页面上,避免边框和硬分隔线
- 极简主义:移除所有不必要的装饰元素,将焦点放在面孔和创始人上
- 不设行动号召按钮:在英雄区,团队考虑过是否加"申请"按钮,但最终觉得不合适——YC不是B2B SaaS试图提高0.1%转化率,而是要让人受到启发、看到自己的可能性。一个申请按钮不会让更多人申请,反而会分散故事叙述的注意力
- 保留品牌色:保留了旧版YC首页的背景色,保持品牌延续性
独特的构建过程:AI作为设计伙伴
这个项目的构建过程非常独特:
-
从Figma起步:团队先在Figma中探索不同方向和美学,创建情绪板(Mood Board),确定方向后开始制作几帧模型。
-
快速转向代码:很快意识到Figma限制太多——想要跳出框架思考、玩转动画、做出独特的东西。于是创建了全新的代码仓库和项目。
-
Opus 4.5作为协作设计伙伴:直接在Cursor中与Claude Opus 4.5对话,让它"烹饪"各种方案。提示词包括:"这是我们要在这个区域展示的信息,用创意方式展示它。"有时结果很糟糕,有时有一个好想法的内核值得继续迭代——最终变成了他们不可能在Figma中想出来的轮播组件。
-
实时原型优于静态设计:能在实际运行的原型上看前后对比,尝试"如果公司Logo在中间、滚动时左右分开会怎样?"——这需要多次迭代才到达最终方案。所有这些部分,如果不是在实际运行中做,都不会到达最终结果。
-
聚焦交互设计:新工具让他们能够将大量时间花在交互设计上——这是以往项目中从未有过的。AI处理了基础编码,释放了带宽来专注于更高层次的设计决策。
未来趋势
团队预测,未来1-5年的网页和产品设计趋势将更多朝向这个方向演化——如何利用互动性和动画(而非静态图像和文本)来更好地传达你想表达的信息。这不是为了互动而互动,而是因为它能更好地完成信息传达。而且,现在比以往任何时候都更容易实现这一点。
总结
新YC网站是一次从B2B模板到品牌故事的根本转型。通过将创始人置于中心、使用创始人自己的话语、极简美学去除干扰、以及AI辅助的交互式原型构建过程,团队创造了一个既致敬YC历史(PG的原始文案、formidable这个词)又面向未来的网站——一个真正让人"做梦"而非"被推销"的地方。