Matt Studdert — Frontend Mentor: convertir la práctica después de un curso en un negocio
El negocio de suscripción de Frontend Mentor, que empezó con mockups de diseño profesionales y comentarios de compañeros. Examina el primer desafío de pago y la conversión a Pro, el problema de cancelación que genera el éxito de los alumnos, y la expansión, en 2026, de Product Challenges y de la revisión de código con IA.
Frontend Mentor, creado por Matt Studdert, es una plataforma para practicar desarrollo frontend implementando directamente los mockups de diseñadores profesionales. En la entrevista de Indie Bites publicada el 30 de abril de 2023, se presentó con más de 500,000 usuarios y unos ingresos recurrentes mensuales (MRR) de aproximadamente $30,000. Esta cifra representa el tamaño de los ingresos por suscripción de aquel momento y no se refiere a los ingresos actuales ni a los ingresos personales del fundador.
Descubrir el problema que surge después de terminar un curso
Matt no era desarrollador desde el principio. Trabajó en el ámbito de la salud y el ejercicio, cambió de carrera al desarrollo a finales de la veintena, recibió formación intensiva en General Assembly, en Londres, y después consiguió empleo como desarrollador. Más tarde, mientras impartía clases en la misma institución educativa, se topó una y otra vez con las dificultades de los alumnos que él mismo había experimentado.
Cada vez que los alumnos terminaban un curso, preguntaban dónde podían seguir practicando sus habilidades y crear un portafolio. Cuando planificaban sus propios proyectos, carecían de habilidades de diseño y el resultado quedaba torpe; e incluso cuando encontraban un diseño que les gustaba en Dribbble y otros sitios, a menudo no tenían las imágenes ni los recursos necesarios para implementarlo. Lo que faltaba no era otra clase de sintaxis de programación, sino desafíos y materiales de alta calidad que pudieran usarse directamente para practicar desarrollo.
No desarrolló toda la plataforma de aprendizaje desde el principio. Como ya había tenido la experiencia de crear durante más de seis meses una aplicación relacionada con el ejercicio y no llegar a lanzarla, esta vez publicó primero un pequeño sitio de recopilación de recursos de aprendizaje con alrededor de dos días de trabajo. Lo compartió con sus alumnos existentes y su red, y comprobó si la gente realmente acudía.
En el siguiente paso, contactó directamente con diseñadores y obtuvo permiso para usar sus diseños con la condición de mostrar la fuente y el enlace, y añadió el primer desafío de implementación. A medida que los usuarios descargaban los archivos, compartían sus resultados y pedían comentarios, fue añadiendo más desafíos. El sitio inicial ni siquiera tenía inicio de sesión ni función para enviar resultados, y Slack hacía las veces de comunidad y de canal para recopilar opiniones de los usuarios.
Desafíos prácticos y comentarios de compañeros en lugar de vídeos de clase
En la presentación del servicio publicada en 2018, el público principal eran personas que habían aprendido algo de HTML, CSS y JavaScript, pero que carecían de experiencia completando un proyecto por su cuenta. Los desafíos incluían diseños para móvil y escritorio, recursos de imagen, código básico y una guía de estilo que indicaba colores y fuentes. No estaban diseñados para introducir código predefinido dentro del navegador, sino para descargar archivos e implementarlos en el entorno de desarrollo que cada persona eligiera.
El aprendizaje no terminaba con la creación de un resultado, sino que continuaba con la revisión de la implementación de otras personas y la recepción de comentarios sobre el propio código. Para mantener esa participación, el equipo organizador ofrecía insignias y pases Pro a quienes contribuían de forma destacada, y también otorgaba beneficios a los moderadores que ayudaban a la comunidad. En cierto modo, formar parte del producto no era solo ofrecer desafíos, sino gestionar que los usuarios se ayudaran mutuamente en su aprendizaje.
De la venta de archivos al servicio de suscripción
La primera monetización empezó cuando los usuarios comenzaron a pedir los archivos de diseño originales. Era la demanda de poder consultar el espaciado, los tamaños y los colores en el original, en lugar de implementar mirando solo la pantalla JPG que se ofrecía gratis. Al principio, Matt los vendía de una forma sencilla: subía los archivos a Dropbox y cobraba mediante Buy Me a Coffee.
En febrero de 2020, comenzó a vender de forma paga no solo los archivos originales, sino el desafío completo, y el primer desafío premium generó más de 150 USD en ingresos dentro de las 24 horas posteriores a su lanzamiento. Mientras que en aquel entonces los desafíos gratuitos consistían principalmente en componentes pequeños o una sola página, los desafíos premium incluían sitios web y aplicaciones web de varias páginas, además de pantallas para tablet y un sistema de diseño. La distinción era permitir completar un resultado incluso con lo gratuito, pero cobrar por una práctica más compleja y cercana al trabajo real.
En agosto de ese mismo año, introdujo la suscripción Pro, que agrupaba funciones como desafíos premium, archivos de diseño originales y resultados privados. El precio normal anunciado en el momento del lanzamiento era de 12 USD al mes o 96 USD al año, y a los primeros 500 miembros se les aplicó un precio más bajo. Este descuento no era un producto de uso permanente tras un único pago, sino una forma de garantizar esa tarifa mientras se mantuviera la suscripción.
En una entrevista con Starter Story en agosto de 2021, se revelaron más de 200.000 miembros registrados, más de 1.500 suscriptores de pago y más de 15.000 USD de MRR. Es un registro que muestra que, incluso con una estructura en la que había muchos más usuarios gratuitos, existía una demanda suficiente para el producto de pago. No obstante, como el número de miembros registrados y el de suscriptores de pago son métricas distintas, no debe interpretarse el tamaño total de la comunidad directamente como el tamaño de los clientes que compran.
El aumento de los ingresos no significaba que de inmediato se generaran altos beneficios netos. En una entrevista de julio de 2021, Matt explicó que los ingresos del mes anterior habían superado los 17.000 USD, pero que, tras pagar costos operativos, gastos de personal contratado y salarios, la situación quedaba en el punto de equilibrio. Incluso un servicio educativo pequeño era un negocio que requería recursos continuamente para la producción de contenido, el desarrollo y la gestión de la comunidad.
Los resultados de los estudiantes como vía de crecimiento
La principal vía de crecimiento fue que los usuarios publicaran su propio trabajo. Cuando un desarrollador completaba un desafío y lo publicaba en Twitter o LinkedIn, otro desarrollador de su red descubría Frontend Mentor. El equipo facilitó compartir los resultados, y Matt explicó en una entrevista posterior de 2022 que una parte considerable del aumento de miembros provenía de ese boca a boca.
También aprovechó la colaboración con educadores de desarrollo. En 2021, Frontend Mentor creó desafíos y el educador de CSS Kevin Powell produjo un curso gratuito en el que los implementaba, ofrecido en Scrimba. La configuración daba al creador del curso un proyecto que usar, a los estudiantes clases y oportunidades de práctica, y a Frontend Mentor un punto de contacto con usuarios muy relevantes.
A medida que crecía, el responsable de las operaciones también pasó de ser solo Matt a un equipo. Mike Hayden, que había impartido clases junto a él, se incorporó como cofundador y director de tecnología, y Josh Woodson, que publicaba resultados y daba comentarios activamente en la comunidad, se unió a tiempo completo en 2023 tras colaborar a tiempo parcial. Ese mismo año, la presentación oficial del equipo también incluía a la community manager Nicole Howitt, por lo que describir los logros de 2023 como resultado puramente de una operación unipersonal es inexacto.
En noviembre de 2022 también se unió al programa TinySeed, que apoya a empresas SaaS en etapa inicial. Matt destacó como motivo de su incorporación la mentoría y el intercambio con otros fundadores. Se trata más bien de un negocio que, tras validar la demanda con un producto pequeño en sus inicios, aprovechó un equipo y apoyo externo durante su crecimiento.
La cancelación de suscripciones y los retos de la expansión del negocio
La dificultad del modelo de suscripción era que, cuando los usuarios alcanzaban sus objetivos, podían necesitar menos el servicio. En una entrevista posterior de 2022 en la que reveló más de $26,000 de MRR, Matt indicó que la tasa mensual de cancelación de suscripciones era de aproximadamente el 13 %, y citó como principales motivos de cancelación haber conseguido empleo y haber completado los desafíos premium deseados. Como el éxito del estudiante podía llevar al fin de la suscripción, aumentar la satisfacción por sí solo difícilmente resolvía el problema de la retención a largo plazo.
Una de las direcciones de expansión era conectar a los desarrolladores de la comunidad con empresas contratantes. En la Hiring Platform, lanzada en 2022 como prueba piloto, los desarrolladores podían indicar su interés en buscar empleo y las empresas podían buscar candidatos que cumplieran sus condiciones. Sin embargo, en la entrevista de entonces se indicó que aún no contribuía al MRR, por lo que hay que distinguir entre los ingresos del servicio de aprendizaje existente y el potencial del negocio de contratación.
2026: ampliar el alcance de los desafíos y la retroalimentación
El 25 de marzo de 2026 lanzó Product Challenges, de forma separada de los desafíos existentes de implementación de diseño. En lugar de implementar tal cual un diseño de Figma terminado, se recibe una especificación de producto y se completa un producto colaborando con IA mientras se decide por cuenta propia la composición de pantallas y la experiencia de usuario. No eliminó los Design Challenges existentes, sino que amplió el alcance de la práctica desde la implementación de diseño hacia la toma de decisiones a nivel de producto.
El 29 de abril de 2026, se reformó la revisión de código con IA para que diera comentarios basados en líneas de código concretas en aspectos como la calidad del código y la accesibilidad. Se indicó que los miembros gratuitos pueden recibir una revisión con IA una vez al mes y que los miembros Pro pueden recibirla en cada envío, mientras que las comprobaciones automáticas básicas siguen ofreciéndose gratis. Desde la perspectiva del modelo de negocio, puede interpretarse como un cambio que añadió valor de pago no solo a los desafíos descargables, sino también al proceso de enviar y mejorar de forma reiterada.
En la configuración de Pro verificada en octubre de 2026, la suscripción mensual ofrece 5 archivos de Figma y 2 desafíos premium cada mes, y la suscripción anual ofrece descargas ilimitadas de esos elementos. La explicación oficial especifica, como razón del límite mensual de descargas, el objetivo de evitar que alguien se suscriba solo un mes, obtenga todos los materiales y luego cancele. Esto muestra directamente el problema que surge al vender contenido descargable mediante suscripción, pero cuánto han mejorado esta política o las funciones de IA la tasa de cancelación requiere cifras de rendimiento aparte.
La página de inicio oficial verificada el 3 de octubre de 2026 muestra el tamaño de la comunidad en aproximadamente 1,2 millones de personas y más de 120 desafíos. Sin embargo, esta cifra de miembros no corresponde a suscriptores de pago ni a usuarios activos mensuales, ni es una base para calcular los ingresos posteriores al MRR de 2023 que se hizo público. Lo que se confirma es la ampliación de los desafíos y de la base de usuarios, no la rentabilidad actual.
El principio que merece tomarse de Frontend Mentor es que el pago se genera no bloqueando el aprendizaje de los usuarios gratuitos, sino satisfaciendo la necesidad de los usuarios que quieren practicar más a fondo. Al mismo tiempo, la idoneidad de la suscripción debe juzgarse por si al cliente le queda una razón para seguir usándola, más que por la cantidad de contenido. El diseño del primer desafío de pago y la experiencia de cancelación posterior muestran juntas estas dos condiciones.