강의 다음에 필요한 연습을 사업으로 만든 맷 스터더트의 Frontend Mentor

맷 스터더트(Matt Studdert)가 만든 Frontend Mentor는 전문 디자이너의 시안을 직접 구현하면서 프런트엔드 개발을 연습하는 플랫폼이다. 2023년 4월 30일 공개된 Indie Bites 인터뷰에서는 이용자 50만 명 이상, 월 반복매출(MRR) 약 3만 달러로 소개됐다. 이는 당시의 구독 매출 규모를 나타내는 수치이며, 현재 매출이나 창업자 개인의 소득을 뜻하지 않는다.

강의를 끝낸 다음의 문제를 발견하다

맷은 처음부터 개발자였던 사람이 아니다. 건강·운동 분야에서 일하다가 20대 후반에 개발로 진로를 바꿨고, 런던의 General Assembly에서 집중 교육을 받은 뒤 개발자로 취업했다. 이후 같은 교육기관에서 강의를 맡으면서, 자신도 겪었던 학습자의 어려움을 반복해서 접했다.

수강생들은 과정을 마칠 때마다 어디서 실력을 더 연습하고 포트폴리오를 만들어야 하는지 물었다. 직접 프로젝트를 기획하면 디자인 능력이 부족해 결과물이 어설퍼졌고, Dribbble 등에서 마음에 드는 디자인을 찾아도 구현에 필요한 이미지와 자료가 없는 경우가 많았다. 부족한 것은 또 하나의 문법 강의가 아니라, 개발 연습에 바로 사용할 수 있는 완성도 높은 과제와 재료였다.

처음부터 학습 플랫폼 전체를 개발한 것은 아니었다. 맷은 앞서 운동 관련 앱을 6개월 이상 만들고도 출시하지 못한 경험이 있었기 때문에, 이번에는 이틀 정도의 작업으로 작은 학습 자료 모음 사이트부터 공개했다. 이를 기존 수강생과 자신의 네트워크에 공유하면서 실제로 사람들이 찾아오는지 확인했다.

다음 단계에서는 디자이너에게 직접 연락해 출처와 링크를 표시하는 조건으로 디자인 사용 허락을 받고, 첫 구현 과제를 추가했다. 사용자들이 파일을 내려받아 결과물을 공유하고 피드백을 요청하자 과제를 늘려갔다. 초기 사이트에는 로그인이나 결과물 제출 기능조차 없었으며, Slack이 커뮤니티와 사용자 의견 수집 창구를 대신했다.

강의 영상 대신 실무형 과제와 동료 피드백

2018년 공개한 서비스 소개에서 주요 대상은 HTML·CSS·JavaScript를 어느 정도 배웠지만 혼자 프로젝트를 완성하는 경험이 부족한 사람이었다. 과제에는 모바일·데스크톱 디자인, 이미지 자산, 기본 코드, 색상과 글꼴을 안내하는 스타일 가이드가 제공됐다. 브라우저 안에서 정해진 코드를 입력하는 방식이 아니라, 파일을 내려받아 자신이 선택한 개발 환경에서 구현하도록 설계했다.

학습은 결과물을 만드는 데서 끝나지 않고, 다른 사람의 구현을 검토하고 자신의 코드에 대한 피드백을 받는 과정으로 이어졌다. 운영진은 이런 참여를 유지하기 위해 우수 기여자에게 배지와 Pro 이용권을 제공했고, 커뮤니티를 돕는 운영자에게도 혜택을 줬다. 과제의 공급뿐 아니라 사용자들이 서로의 학습을 돕도록 운영하는 일이 제품의 일부였던 셈이다.

파일 판매에서 구독 서비스로

첫 유료화는 사용자들이 디자인 원본 파일을 요청하면서 시작됐다. 무료로 제공되는 JPG 화면만 보고 구현하는 것보다 원본에서 간격·크기·색상을 확인하고 싶다는 수요였다. 맷은 처음에는 Dropbox에 파일을 올리고 Buy Me a Coffee로 결제받는 간단한 방식으로 판매했다.

2020년 2월에는 원본 파일만이 아니라 과제 전체를 유료로 판매하기 시작했고, 첫 프리미엄 과제는 출시 24시간 안에 150달러 이상의 매출을 올렸다. 당시 무료 과제가 주로 작은 구성요소나 단일 페이지였다면, 프리미엄 과제는 여러 페이지로 구성된 웹사이트·웹앱에 태블릿 화면과 디자인 시스템까지 포함했다. 무료에서도 하나의 결과물을 완성할 수 있게 하되, 더 복잡하고 실무에 가까운 연습에 돈을 받는 구분이었다.

같은 해 8월에는 Pro 구독을 도입하면서 프리미엄 과제, 디자인 원본, 비공개 결과물 등의 기능을 묶었다. 출시 당시 공지한 일반 가격은 월 12달러 또는 연 96달러였고, 초기 500명에게는 더 낮은 가격을 적용했다. 이 할인은 한 번 결제하면 영구 이용하는 상품이 아니라, 구독을 유지하는 동안 해당 요금을 보장하는 방식이었다.

2021년 8월 Starter Story 인터뷰에서는 등록 회원 20만 명 이상, 유료 구독자 1,500명 이상, MRR 1만 5,000달러 이상을 공개했다. 무료 이용자가 훨씬 많은 구조에서도 유료 상품에 충분한 수요가 있음을 보여준 기록이다. 다만 등록 회원 수와 유료 구독자 수는 서로 다른 지표이므로, 커뮤니티 전체 규모를 곧바로 구매 고객 규모로 읽어서는 안 된다.

매출이 늘었다고 곧바로 높은 순이익이 생긴 것은 아니었다. 2021년 7월 인터뷰에서 맷은 직전 달 매출이 1만 7,000달러를 넘었지만, 운영비와 계약 인력 비용, 급여 등을 지급하면 손익분기점 수준이라고 설명했다. 작은 교육 서비스라도 콘텐츠 제작과 개발, 커뮤니티 운영에 계속 자원이 들어가는 사업이었다.

학습자의 결과물이 성장의 통로가 되다

성장의 주요 경로는 이용자들이 자신의 작업물을 공개하는 행동이었다. 개발자가 과제를 완성해 Twitter나 LinkedIn에 올리면, 그 사람의 네트워크에 있는 다른 개발자가 Frontend Mentor를 발견했다. 운영진은 결과물 공유를 쉽게 만들었으며, 맷은 2022년 후속 인터뷰에서 회원 증가의 상당 부분이 이런 입소문에서 나왔다고 설명했다.

개발 교육자와의 협업도 활용했다. 2021년에는 Frontend Mentor가 과제를 만들고, CSS 교육자 Kevin Powell이 이를 구현하는 무료 강의를 제작해 Scrimba에서 제공했다. 강의 제작자에게는 사용할 프로젝트가, 학습자에게는 수업과 연습 기회가, Frontend Mentor에는 관련성이 높은 이용자와 만날 접점이 생기는 구성이었다.

규모가 커지면서 운영 주체도 맷 한 사람에서 팀으로 바뀌었다. 함께 강의하던 Mike Hayden이 공동창업자이자 최고기술책임자로 참여했고, 커뮤니티에서 적극적으로 결과물을 올리고 피드백을 주던 Josh Woodson은 파트타임 협업을 거쳐 2023년 정규직으로 합류했다. 같은 해 공식 팀 소개에는 커뮤니티 매니저 Nicole Howitt도 등장하므로, 2023년의 성과를 순수한 1인 운영 성과로 설명하는 것은 부정확하다.

2022년 11월에는 초기 SaaS 기업을 지원하는 TinySeed 프로그램에도 합류했다. 맷은 합류 배경으로 멘토십과 다른 창업자들과의 교류를 강조했다. 초기에 작은 제품으로 수요를 확인한 뒤, 성장 과정에서 팀과 외부 지원을 활용한 사업에 가깝다.

구독 해지와 사업 확장의 숙제

구독 모델의 어려움은 사용자가 목표를 달성하면 서비스가 덜 필요해질 수 있다는 점이었다. MRR 2만 6,000달러 이상을 공개한 2022년 후속 인터뷰에서 맷은 월 구독 해지율이 약 13%라고 밝혔으며, 주요 해지 이유로 취업 성공과 원하는 프리미엄 과제의 완료를 들었다. 학습자의 성공이 구독 종료로 이어질 수 있었기 때문에, 만족도를 높이는 것만으로는 장기 유지 문제를 해결하기 어려웠다.

확장 방향 중 하나는 커뮤니티 안의 개발자와 채용 기업을 연결하는 것이었다. 2022년 시범 출시한 Hiring Platform에서는 개발자가 구직 의사를 표시하고, 기업이 조건에 맞는 후보자를 검색할 수 있게 했다. 다만 당시 인터뷰에서는 아직 MRR에 기여하지 않는다고 밝혔으므로, 기존 학습 서비스의 매출과 채용 사업의 잠재력을 구분해서 봐야 한다.

2026년: 과제와 피드백의 범위를 넓히다

2026년 3월 25일에는 기존 디자인 구현 과제와 별도로 Product Challenges를 출시했다. 완성된 Figma 시안을 그대로 구현하는 대신 제품 명세를 받고, 화면 구성과 사용자 경험을 직접 판단하면서 AI와 협업해 제품을 완성하는 형식이다. 기존 Design Challenges를 없앤 것이 아니라, 디자인 구현에서 제품 수준의 의사결정으로 연습 범위를 확장한 것이다.

같은 해 4월 29일에는 AI 코드 리뷰를 개편해 코드 품질과 접근성 등에서 구체적인 코드 줄을 근거로 피드백하도록 했다. 무료 회원은 월 1회, Pro 회원은 제출할 때마다 AI 리뷰를 받을 수 있으며, 기본 자동 검사는 계속 무료로 제공한다고 안내했다. 사업 모델 관점에서는 내려받을 과제뿐 아니라 반복해서 제출하고 개선하는 과정에도 유료 가치를 더한 변화로 해석할 수 있다.

2026년 10월 확인한 Pro 구성에서는 월간 구독에 매월 Figma 파일 5개와 프리미엄 과제 2개를 제공하고, 연간 구독에는 해당 다운로드를 무제한으로 제공한다. 공식 설명은 월간 다운로드 제한의 이유로 한 달만 구독해 모든 자료를 받은 뒤 취소하는 이용을 방지하려는 목적을 명시한다. 이는 다운로드형 콘텐츠를 구독으로 판매할 때 생기는 문제를 직접적으로 보여주지만, 이 정책이나 AI 기능이 해지율을 얼마나 개선했는지는 별도의 성과 수치가 필요하다.

2026년 10월 3일 확인한 공식 홈페이지는 커뮤니티 규모를 약 120만 명, 과제를 120개 이상으로 표시하고 있다. 다만 이 회원 수는 유료 구독자나 월간 활성 이용자 수가 아니며, 공개된 2023년 MRR 이후의 매출을 계산할 근거도 아니다. 확인되는 것은 과제와 이용자 기반의 확대이지, 현재 수익성까지는 아니다.

Frontend Mentor에서 가져올 만한 원칙은 무료 사용자의 학습을 막아서가 아니라, 더 깊이 연습하려는 사용자의 필요를 충족해 결제를 만든다는 것이다. 동시에 구독이 적합한지는 콘텐츠의 양보다 고객에게 계속 이용할 이유가 남아 있는지로 판단해야 한다. 첫 유료 과제의 설계와 이후의 해지 경험은 이 두 조건을 함께 보여준다.