Matt Studdert — Frontend Mentor：把课后的编程练习做成生意

由Matt Studdert创建的Frontend Mentor是一个通过亲手实现专业设计师的设计稿来练习前端开发的平台。在2023年4月30日发布的Indie Bites采访中，它被介绍为拥有50万以上用户、月度经常性收入（MRR）约3万美元。这是当时订阅收入规模的数字，并不代表当前收入或创始人个人收入。

发现课程结束后的问题

Matt并非从一开始就是开发者。他曾在健康与健身领域工作，二十多岁后期转向开发，在伦敦的General Assembly接受集中培训后，以开发者身份就业。之后他在同一教育机构授课，反复接触到自己也经历过的学习者困难。

学生们每次完成课程时都会问，该去哪里进一步练习技能并制作作品集。若自己策划项目，又因设计能力不足而让成果显得粗糙；即便在Dribbble等网站找到中意的设计，也常常缺少实现所需的图像和资料。缺少的不是又一场语法课，而是能直接用于开发练习的高完成度挑战与素材。

他并非一开始就开发整个学习平台。Matt此前有过花6个多月制作健身相关应用却未能发布的经历，因此这次先用约两天的工作发布了一个小型学习资料集合网站。他把它分享给现有学生和自己的网络，以确认是否真的有人会来。

下一步，他直接联系设计师，以注明出处和链接为条件获得设计使用许可，并添加了第一个实现挑战。用户下载文件、分享成果并请求反馈后，他不断增加了挑战。早期网站甚至没有登录或成果提交功能，Slack则充当了社区和收集用户意见的渠道。

用实战型挑战和同行反馈代替课程视频

2018 年公开的服务介绍中，主要目标人群是已经学过一些 HTML、CSS 和 JavaScript，但缺乏独自完成项目经验的人。每项挑战都提供移动端和桌面端设计、图像资产、基础代码，以及说明颜色和字体的样式指南。它并非让用户在浏览器中输入规定代码，而是设计为下载文件，并在自己选择的开发环境中实现。

学习并不止于做出成果，还会延伸到审查他人的实现，并收到针对自己代码的反馈。为了维持这种参与，团队向优秀贡献者提供徽章和 Pro 使用权限，也向帮助社区的版主提供福利。也就是说，不仅提供挑战，还通过运营让用户互相帮助学习，这本身就是产品的一部分。

从文件销售到订阅服务

第一次收费始于用户索要设计源文件。相比只看着免费提供的 JPG 画面来实现，用户希望从源文件中确认间距、尺寸和颜色。起初，Matt 用很简单的方式销售：把文件上传到 Dropbox，并通过 Buy Me a Coffee 收款。

2020 年 2 月，它开始不仅出售源文件，还将完整挑战作为付费产品出售，首个高级挑战在发布后 24 小时内带来了超过 150 美元的收入。当时免费挑战主要是小型组件或单页，而高级挑战则包括由多个页面组成的网站和 Web 应用，甚至还有平板端画面和设计系统。免费挑战也能让用户完成一个成果，而付费则面向更复杂、更贴近实际工作的练习，这是一种区分。

同年 8 月，它推出 Pro 订阅，将高级挑战、设计源文件、非公开成果等功能打包在一起。发布时公布的标准价格是每月 12 美元或每年 96 美元，并对首批 500 人采用更低价格。这项折扣不是一次付费即可永久使用的产品，而是在维持订阅期间保证该费率的方式。

2021 年 8 月的 Starter Story 采访中，它公开了超过 20 万名注册会员、超过 1,500 名付费订阅者，以及超过 15,000 美元的 MRR。这一记录表明，即便在免费用户多得多的结构下，付费产品也有足够需求。不过，注册会员数和付费订阅者数是不同指标，因此不能把社区整体规模直接理解为购买客户的规模。

收入增长并不等于立刻产生高额净利润。在 2021 年 7 月的采访中，Matt 解释说，上个月收入超过了 17,000 美元，但在支付运营费用、合同人力成本和工资等之后，大致处于盈亏平衡水平。即使是一个小型教育服务，它也是一项需要持续投入资源进行内容制作、开发以及社区运营的业务。

学习者的成果成为增长的通路

增长的主要路径是用户公开自己作品的行为。当开发者完成挑战并发布到 Twitter 或 LinkedIn 时，其网络中的其他开发者便发现了 Frontend Mentor。运营团队让分享成果变得容易，Matt 在 2022 年的后续采访中解释道，会员增长中有相当一部分来自这种口碑传播。

他们也借助了与开发教育者的合作。2021 年，Frontend Mentor 制作挑战，CSS 教育者 Kevin Powell 则制作讲解如何实现这些挑战的免费课程，并在 Scrimba 上提供。这样的安排让课程创作者获得可使用的项目，学习者获得课程和练习机会，Frontend Mentor 则获得与高度相关的用户接触的切入点。

随着规模扩大，运营主体也从 Matt 一人变成了团队。曾与他共同授课的 Mike Hayden 以联合创始人兼首席技术官身份加入，而曾在社区中积极发布作品并提供反馈的 Josh Woodson，则先以兼职合作，后于 2023 年全职加入。同年的官方团队介绍中还出现了社区经理 Nicole Howitt，因此将 2023 年的成绩描述为纯粹的一人运营成果并不准确。

2022 年 11 月，他们还加入了支持早期 SaaS 企业的 TinySeed 项目。Matt 将导师指导和与其他创始人的交流列为加入背景。这更接近一门先用小产品验证需求、再在增长过程中借助团队和外部支持的生意。

订阅流失与业务扩张的课题

订阅模式的难点在于，用户一旦达成目标，就可能不再那么需要这项服务。在公布超过 26,000 美元 MRR 的 2022 年后续采访中，Matt 透露月订阅流失率约为 13%，并将成功就业和完成想要的高级挑战列为主要流失原因。由于学习者的成功可能导致订阅终止，仅靠提高满意度很难解决长期留存问题。

扩张方向之一是连接社区中的开发者与招聘企业。2022 年试点推出的 Hiring Platform 允许开发者表明求职意向，并让企业搜索符合条件的候选人。不过，当时的采访表示它尚未对 MRR 作出贡献，因此应将现有学习服务的营收与招聘业务的潜力区分开来。

2026 年：拓展挑战与反馈的范围

2026 年 3 月 25 日，他们推出了 Product Challenges，与原有的设计实现挑战分开。其形式不是直接实现已完成的 Figma 设计稿，而是接收产品规格，在自行判断界面构成和用户体验的同时，与 AI 协作完成产品。它并非取消了原有的 Design Challenges，而是将练习范围从设计实现扩展到产品级别的决策。

同年4月29日，AI 代码审查经过改版，能够依据具体代码行，在代码质量和可访问性等方面提供反馈。免费会员每月可获一次，Pro 会员每次提交都可获得 AI 审查；官方还说明，基础自动检查仍继续免费提供。从商业模式角度看，这可以解读为不仅为可下载的挑战，也为反复提交并改进的过程增添了付费价值。

2026年10月确认的 Pro 方案中，月度订阅每月提供 5 个 Figma 文件和 2 个高级挑战，年度订阅则不限量提供这些下载内容。官方说明将月度下载限制的理由明确为：防止只订阅一个月、获取所有资料后取消的行为。这直接展示了以订阅方式销售可下载内容时产生的问题，但该政策或 AI 功能对流失率的改善程度，仍需单独的效果数据。

2026年10月3日确认的官方网站显示，社区规模约 120 万人，挑战超过 120 个。不过，这一会员数并非付费订阅者或月活跃用户数，也不能作为计算公开的 2023 年 MRR 之后营收的依据。可以确认的是挑战和用户基础的扩大，而不是当前盈利能力。

可从 Frontend Mentor 借鉴的原则，不是阻碍免费用户学习，而是满足希望更深入练习的用户需求，从而促成付费。同时，判断订阅是否合适，应看客户是否仍有持续使用的理由，而不是看内容数量。首个付费挑战的设计以及此后用户解约的体验，共同体现了这两个条件。