Linear 创始人 Karri Saarinen 的品牌设计建议

摘要
本期 YC Design Review 节目邀请到 Linear 联合创始人兼 CEO Karri Saarinen,他是 Coinbase 首位设计师和 Airbnb 前首席设计师。Karri 分享了构建强势品牌的核心原则,并对多家 YC 初创公司的网站进行了现场评审。他的核心观点是:品牌应当真实地反映你的公司所处阶段——早期初创公司不应试图伪装成大公司。Linear 2019 年的首版网站仅用一两天建成,简单直接地以"问题追踪" (Issue Tracking) 作为标题,精准筛选目标用户,而非使用"工作平台"之类的模糊措辞。Karri 强调,首页应像金字塔——顶部极其清晰简洁,逐步向下展开更多细节;网站应随公司和客户群的演进而进化;动画和视觉效果应当服务于引导注意力,而非分散注意力。在评审环节,他对 Sprites AI、Giga ML、Unreal Milk (Brown Foods)、Confident AI 和 Dropback 等网站提供了具体而深刻的改进建议,涵盖文案定位、目标用户识别、行动号召、色彩对比度和信息层次等方面。
正文
品牌的真实性原则
Karri 首先强调,品牌应当真实 (Authentic) 地反映你的公司。如今许多初创公司看着 Stripe 或 Linear 的网站就认为"这就是建设网站和品牌的方式",但这些公司的第一个网站与现在的网站完全不同——Stripe 的首版网站与现在大相径庭,Linear 也是如此。你应当理解自己公司所处的阶段,以及你试图吸引什么样的人。
当前有一种趋势:因为建站变得容易,初创公司很早就试图打造极其精致或花哨的网站。但这可能给用户设定错误期望——如果你的产品一个月前才建好,还没有完全成型,但网站看起来极其精致,用户会期待一个已经完善的成熟产品,而实际上产品可能还做不到所承诺的一切。过早地试图看起来像大公司或成熟公司是危险的。
Linear 网站的进化
2019 年首版网站:Karri 展示了从 Wayback Machine 找到的 Linear 首版网站。它相当简单——基本上一天之内建成,他们不想花几周或几个月建网站,因为精力应该放在产品本身。
文案选择上,他们使用了"问题追踪" (Issue Tracking) 这个术语。如果你去看 Slack 或其他生产力应用的网站,通常写的是"这是工作平台"或"工作发生的地方"——非常模糊。Karri 指出,这种宏大叙事是后期才需要的。在最开始,你要找到真正使用你产品的人,让他们理解产品是什么。"问题追踪"虽然不是公司的长期愿景,但他们知道早期目标用户——初创公司和工程师——会理解这是一个技术项目管理工具。它不会吸引不懂问题追踪的人,而这正是目的所在:早期应该非常具体,实际上是在筛选用户 (Filter Out People)。
你可以用很雄心勃勃的方式与投资者交谈,说"这将是未来的工作平台",但在网站上你只需写"这是一个聊天应用"——就这样,一个不错的聊天应用。
截图处理也很有技巧——他们展示了一个略微模糊的产品截图,有点神秘感,目的是让用户好奇并留下邮箱加入候补名单。不应该在截图中试图传达所有功能,而是营造"这看起来是个现代工具,你应该去看看"的感觉。
网站非常简单:单页,没有关于页面、没有博客、没有其他任何东西。就是放些内容出来,捕捉潜在感兴趣的人,展示正在打造新东西,但不完全解释它是什么。总共花了一两天的工作量。
当前版本(第三次进化):第二个版本是著名的紫色网站,被大量公司模仿。当前版本标题已变为"Issues, Projects, and Product Roadmap"——因为产品现在能做更多事情:构建部分有多种功能和工作流,规划部分有路线图和项目计划。但他们仍然保持清晰——使用技术团队的语言。视觉上从紫色转向更黑白的风格,显得更成熟,但仍然保留动效,传递"我们在乎体验"的信号。现在信息更多了,有专门的页面和区域供深入探索。
Karri 强调:首页应该面向不了解你的人,给出足够信息让你判断是否感兴趣,但不要太多导致不知所措,也不要太少导致不明白产品是什么。品牌应随公司和客户群演进而进化——即使现在有更多大企业和企业客户,也不想变成 Oracle 那样的企业品牌。
网站评审:Sprites AI
Sprites AI 的标题是"构建自定义 AI 工作流,简化增长"。Karri 和主持人一致的第一个反应是:不确定这是为谁做的、能用它做什么。"工作流"太笼统——是为设计师、工程师还是 YouTuber?"增长"也模糊——收入增长、用户增长还是营销增长?文案需要更具体。
模板列表是随机排列的不同工作流,如果能按用户类型分组(YouTuber 的工作流、分析师的工作流等),会让人更快判断自己是否属于目标用户。
背景和卡片上的循环动画在首屏造成了注意力分散——用户的注意力被动画吸引,反而忽略了产品用例的文字说明。网站应该像金字塔:顶部极其清晰简洁,逐步向下展开更多内容。
底部浮动的提示器看起来像 Cookie 横幅,容易被用户习惯性忽略。建议将其放在页面顶部更显眼的位置。
模板部分虽然展示了用例,但没有解释工作流到底怎么运作。建议选取一个例子,像流程图一样展开解释一个工作流的具体形态。
网站评审:Giga ML
Giga ML 的问题是"网站转化率低,如何改进?"标题是"AI 代理服务企业支持,受全球最受尊敬的公司信赖",配有一个发光的蓝色球体。
Karri 认为,网站相当简洁,符合企业市场的定位。转化率低的原因是目标客户是企业——企业客户通常不会来网站点击按钮。如果坚持走纯企业路线,网站没问题,但需要通过销售、活动、晚宴等其他方式接触企业客户。如果希望更多人自助尝试,就需要提供自行体验的途径而不仅仅是预约演示。
主持人点击了演示后弹出了 AI 语音代理。当代理开始对话时,第一句是"你想聊什么?"——这不好,应该用引导性提示引导用户询问产品最想展示的特性。此外,代理在描述功能时使用了"S2 Type 2"这种大多数人会理解为"SOC 2 Type 2"的术语,如果表达不准确,企业买家会立即质疑产品质量。
标题中的"企业支持"太泛化——具体是企业中的谁应该关心这个?副标题"受全球最受尊敬的公司信赖"是错失的机会,本应用来描述产品具体做什么、面向谁。而且紧接着下面又重复了"受信赖"的内容,信息冗余。页面上方也没有提到"语音" (Voice),但下方大谈"人类级语音 AI"——错失了在首屏就明确目标用户的关键机会。
Karri 建议增加安全专页等企业买家需要的材料,但不需要全部放在首页。这本质上不是优化转化率的消费者产品,而是非常不同的商业模式。
网站评审:Unreal Milk (Brown Foods)
这个网站从第一性原理出发,与众不同——一头牛懒洋洋地躺在椅子上度假,手绘云朵、横向滚动、独特的插图风格。非常令人难忘,完全不像是复制任何模板。
但从首屏看,唯一信息是"Unreal Milk"——不是牛奶,但到底是什么做的?侧向滚动后看到可以制作芝士和冰淇淋的用例,接着出现哭泣的牛、实验室科学家的画面,最终揭示了"在实验室中创造的全牛奶"——培养奶 (Grown Milk)。
品牌有趣、好玩、不把自己看得太严肃。字体选择手绘风格与整体风格匹配,插图和色彩也给人有机 (Organic) 感——这很有策略性,因为产品本质上是科学产物,但人们通常对制造食品 (Manufactured Food) 有不安感,所以用有机感来对抗这种不安是正确方向。
但问题是:没有行动号召 (Call to Action)。这更像杂志广告或公告,而非交互式网站。建议至少添加"输入邮箱加入邮件列表"之类的行动号召——即使不多人注册,也能开始建立社区、了解谁在感兴趣以及为什么。有社会使命感的品牌还可以用"加入这项事业"作为号召。
另一个不一致之处:网站上字体和插图很趣味,但产品瓶身上的 Logo 非常标准(类似 Helvetica),两者风格不匹配——这是错失的沟通机会。
网站评审:Confident AI
标题是"Deep Eval 的 LLM 评估与可观测性平台",副标题"由 Deep Eval 的创建者构建"。Karri 认为使用专业术语面向专家市场是好的——卖专家产品就该用专家语言。但他的第一个问题是:这和其他产品有什么不同?"由 Deep Eval 的创建者构建"——如果不了解 Deep Eval 是什么,这个背书就没有意义。
紫色加下划线的文字让主持人联想到早期浏览器的默认已访问链接颜色,容易误认为是链接。而且颜色太暗,融入背景,难以辨识。
滚动后的产品截图看起来不错,展示了平台功能。GitHub 星标等社会证明也有效。但滚动时仅读标题的话,像"Build in a weekend, validate in minutes"和"Make forward progress always"这些标题过于模糊,没有传达出具体的差异化优势。Karri 建议:不要直接与竞品对比说"我们更好",而是说明"我们之所以不同是因为这些原因",将差异化编织到网站、文案和视觉中。
团队提问是否在 20 秒内理解他们做什么——主持人表示理解了是评估和可观测性平台,但花了些时间才搞清 Deep Eval 是开源库而 Confident AI 是付费产品。Karri 建议可以说"由开源 Deep Eval 的创建者构建"来更清晰。如果他们的初始切入点就是 Deep Eval 的现有用户,那么网站可以更明确地面向这些用户:"如果你在用 Deep Eval,以下是我们的平台如何让你的体验更好"。
网站评审:Dropback
Dropback 是"精英大学项目的前台技术",标题清楚说明了产品是什么,这很好。但首屏背景有移动网格、渐变按钮、大量视觉元素——信息过载且分散注意力。移动网格使文字更难阅读,如果去掉不会损失任何东西。
团队自己提问:"首页感觉混乱,但有太多信息需要分享。我们的客户不擅长技术——橄榄球教练有时觉得如果没看到某功能,就认为我们不支持。"Karri 认为现在人们习惯滚动,不需要把所有信息塞在首屏。首屏应该简单:"这是我们的产品",文字可以更大更醒目。
黄色按钮对比度不够——黄色作为背景色很难使用,文字难以阅读。建议用更深的黄色或避免用黄色作按钮背景色。页面上每个部分都有自动移动的动画,加剧了混乱感——应大幅减少。
对于非技术受众,不需要最花哨的网站。Karri 回忆在 Coinbase 的工作:品牌和设计的核心任务是创造信任 (Trust),因为用户在用你的产品管理金钱。Dropback 的受众可能只想看到可信赖的信号和同类人的背书。页面可以做成功能导向或用例导向或客户导向——对于非技术用户,后者可能更有效:展示"与我相似的人正在使用",用社会证明 (Social Proof) 建立信任。
页面很长,建议将内容分到不同的专门页面——为大学项目、教练等创建针对性页面,通过导航引导用户找到自己关心的内容。
核心建议总结
- 品牌要真实:早期网站应匹配早期产品和早期用户,不要伪装成熟
- 文案要具体:使用目标用户的语言,筛选而非笼统吸引
- 首页如金字塔:顶部极简清晰,逐步向下展开细节
- 动画服务注意力:好的动画引导注意力到重要内容,差的动画分散注意力
- 找到你的一个差异化点:早期不能在所有方面做到最好,找到那一个让特定用户选择你的理由
- 倾听用户语言:如果不了解用户怎么描述问题,去问他们为什么选择你,将他们的语言放到网站上
- 品牌随公司进化:今天的网站不需要是最终的网站,但要匹配当前的阶段和用户