← Todos los proyectos
Caso de estudio · Startup

MatchMate

De un prototipo en el navegador a una app en revisión en la App Store, con una marca, una web y un sistema de gestión interna construidos a su alrededor.

Problema
El fútbol amateur se organiza en caóticos grupos de WhatsApp.
Mi papel
Cofundador. Dirección de producto, marca, diseño, desarrollo y contenidos.
Enfoque
Reducir el alcance a un solo deporte, probarlo como prototipo en el navegador y reconstruirlo sobre un backend real con revisiones de seguridad.
Entregables
App para iOS y Android, sistema de diseño, web, contenido para Instagram y Founder HQ.
Resultado
App enviada de nuevo a Apple el 21 oct. 2026. Web en línea. Más de 200 000 reproducciones de Reels antes del lanzamiento.
AEl problema

Organizar un partido no debería ser más difícil que jugarlo.

El fútbol amateur vive en los grupos de WhatsApp. Alguien propone una hora, las respuestas se pierden entre mensajes, algunos se borran la noche anterior y nadie sabe con certeza quién va ni dónde está el campo.

MatchMate reúne todo el partido en un solo sitio: encontrar un partido cerca, apuntarse, ver quién más va y dejar que el organizador gestione la lista sin perseguir a nadie.

BDecisiones de alcance

El trabajo más útil fue decidir qué dejar fuera.

Los primeros planes eran amplios: todos los deportes, reservas, pagos, un muro social. Llegar a una versión que la gente pudiera usar de verdad obligó a recortar, a propósito.

Decisión 1

Primero, el fútbol

El sistema de diseño se pensó para seis deportes. La primera versión se lanza con uno, para que cada pantalla pueda construirse y probarse bien.

AntesFútbol, pádel, tenis, baloncesto, runningV1Fútbol
Decisión 2

Sin pagos dentro de la app

Cobrar dentro de la app supone regulación, normas de las tiendas y riesgo. Los jugadores se arreglan fuera de la app, como ya hacen.

AntesPagos dentro de la app previstosV1«El pago se acuerda directamente con el organizador».
Decisión 3

Pedir menos datos

Apple preguntó por qué el registro pedía la fecha de nacimiento y la ciudad. Ninguna de las dos era necesaria para jugar, así que se eliminaron.

AntesFecha de nacimiento y ciudad en el registroAhoraSolo lo que la app necesita
CMarca y sistema de diseño

Cultura deportiva urbana, con el acabado de un producto premium.

La dirección de marca combina dos registros: Urban Premium, para la estructura y la calma, y Street Editorial, para la personalidad. El modo oscuro es el predeterminado; el claro, la alternativa. Lo dejé todo por escrito en un sistema de diseño para que cada pantalla, publicación y página siguiera las mismas reglas.

Icono de MatchMate
MatchMate

Modo oscuro por defecto · verde para la acción · naranja cálido para los momentos sociales

Fondo#0B0F0C

Superficie#1E2B22

Acento#66D17A

Cálido#FF6A2A

Carácter

Atrevido y expresivo, pero no caótico. Premium y estructurado, pero no aburrido.

Evitar

Plantillas genéricas de startup, interfaces llamativas tipo videojuego y escudos oficiales de clubes sin licencia.

Botones

Una sola acción principal en verde por pantalla. El naranja, solo para los momentos sociales.

Movimiento

Rápido, fluido y controlado. Intenso solo en los momentos que importan.

DLa app

Construida en torno a la vida de un partido.

En lugar de una lista de funciones, la app sigue lo que de verdad ocurre: alguien encuentra un partido, el organizador lo completa, el grupo juega y todos se sienten seguros haciéndolo con personas que quizá aún no conocen.

Pantalla de inicio de sesión con Apple, Google y correo electrónico
01 · Inicio de sesión

Apple, Google o correo. El cambio de idioma está en la primera pantalla.

Pantalla Jugar con un partido de 7 contra 7 y filtros
02 · Jugar

Partidos cercanos, filtrados por visibilidad y formato, ordenados por fecha o distancia.

Primer paso para crear un partido: formato, fecha, hora y lugar
03 · Crear

Tres pasos. Desde el principio se avisa al organizador de que la pista es responsabilidad suya.

Resumen al crear un partido, con el pago acordado con el organizador
04 · Resumen

El pago se acuerda con el organizador, y la app lo dice con claridad.

Pantalla de comunidad con pestañas de chat, partidos, miembros y normas
05 · Comunidad

Los grupos habituales tienen sus propios partidos, chat, miembros y normas.

Perfil de jugador con nivel, partidos jugados y valoraciones
06 · Perfil

Nivel, partidos jugados y valoraciones separadas como organizador y como jugador.

Pantallas reales de la versión para iOS · deslice hacia el lado →

Encontrar
  • Descubrir partidos cercanos
  • Mapa de partidos y campos
  • Ubicación solo mientras la app está abierta
Organizar
  • Crear un partido en pocos pasos
  • Invitar a jugadores con un código
  • Lista de espera cuando el partido está completo
  • Herramientas para que el organizador gestione la lista
Jugar juntos
  • Chat del partido para todos los participantes
  • Comunidades con su propio chat y normas
  • Valoraciones de organizadores y jugadores
Confianza y seguridad
  • Denunciar y bloquear
  • Perfiles privados y solicitudes de seguimiento
  • Fotos de perfil revisadas antes de publicarse
  • Eliminar la cuenta desde la propia app
Pantalla Jugar en inglés
Pantalla Jugar en portugués europeo
EN · PT-PT

Cada pantalla existe en inglés y en portugués europeo, y se puede cambiar de idioma desde la primera pantalla.

Inicio de sesión con Apple o Google · Face ID puede bloquear los ajustes de la cuenta en el móvil · Ubicación solo mientras la app está abierta.

ECómo se construyó

De algo que parecía una app a algo que funciona como tal.

La primera versión parecía terminada, pero no lo estaba: cualquiera podía escribir un correo y entrar, y los datos se guardaban en el móvil. Las notas del proyecto de ese día lo dicen sin rodeos.

«Si un niño puede escribir cualquier correo y entrar, no es un sistema de inicio de sesión de verdad».Notas del proyecto MatchMate, abril de 2026 · traducido del inglés
  1. Prototipo en Expo Snack

    La idea se probó en el navegador y en el móvil antes de instalar nada.

  2. Un proyecto de verdad

    Desarrollo local, Git y configuración de compilación para Apple y Google.

  3. Cuentas y backend reales

    Supabase para el inicio de sesión, la base de datos y las funciones de servidor, con reglas en la base de datos que deciden quién puede ver y cambiar qué.

  4. Revisiones de seguridad

    Revisiones por fases de permisos, notificaciones y almacenamiento de fotos, cada una documentada antes de seguir.

  5. Criterios de publicación

    Reglas estrictas para las últimas compilaciones antes del envío, para que no se cuele nada nuevo al final.

Notas técnicas: criterios de publicación y comprobaciones automáticas
Build 27

Pruebas completas en móviles reales

Solo se crea cuando no queda ningún bloqueo conocido en el código.

Build 28

Solo correcciones

Ninguna función nueva después de la Build 27.

Antes del envío

Comprobar las normas vigentes

Los requisitos de Apple y Google se vuelven a leer en ese momento, no de memoria.

Un solo comando ejecuta 18 comprobaciones automáticas antes de cada compilación

syntaximportshooksauthauth callbacksecurityprivileged functionsi18nlegalnotificationsmapslinksprofile navratingsuxaccessibilityandroid targetscope

Cómo trabajo con IA: construí MatchMate con asistentes de programación con IA (ChatGPT, Codex y Claude). Yo marqué la dirección, tomé las decisiones de producto y diseño, revisé el trabajo y lo probé en dispositivos reales. Los asistentes escribieron buena parte del código. La responsabilidad de lo que se publica es mía.

FRevisión de Apple

Apple hizo una pregunta justa.

Durante la revisión, Apple señaló que el registro recogía la fecha de nacimiento y la ciudad. MatchMate no necesitaba ninguno de los dos datos para funcionar. Eliminé ambos campos y volví a enviar la app el 21 de octubre de 2026. Ahora está de nuevo en revisión.

Pantalla de creación de cuenta antes del cambio, pidiendo ciudad y fecha de nacimiento Eliminado Eliminado
Registro antes de la revisión · captura real

Registro · versión reenviada

Nombre completoNombre de usuarioCorreo electrónicoContraseñaConfirmar contraseñaContinuar

Campos que se mantienen · esquema

La lección que aplico al trabajo con clientes: cada campo de un formulario es una promesa sobre por qué se necesitan esos datos. Si no hay una buena respuesta, el campo se elimina.

GWeb

Menos planificar. Más jugar.

La misión de la web es que la idea se entienda antes de que salga la app: una frase sobre el problema, una presentación que monta un partido a medida que se hace scroll y una demo de la app que se puede probar en el navegador.

También reúne los documentos que exigen Apple y Google: condiciones, privacidad, seguridad, contacto y una página pública para eliminar la cuenta, en inglés y portugués. Esas páginas legales se generan a partir de la misma fuente que muestra la app, así que nunca pueden decir cosas distintas. El diseño pasó por varias rondas, incluidas unas primeras pruebas en Wix, antes de trasladarse al alojamiento de Cloudflare.

matchmateapp.app
Portada de la web de MatchMate: «Less planning. More playing.», junto a un móvil con la app
Portada

La promesa en cuatro palabras, junto a la app real.

Desarrollo del partido
Sección animada del campo: «Enough talk. Let's play.»
Desarrollo del partido

Al hacer scroll se arma el partido: los jugadores ocupan un campo animado, paso a paso, hasta el saque inicial.

La diferencia
Sección de mensaje: «Less time chasing. More time playing.»
La diferencia

Una pausa clara, como un cartel, que expone el beneficio sin rodeos.

Demo interactiva
Sección de demo interactiva: «Try it yourself», con un móvil que muestra el inicio de sesión de la app
Pruébelo usted mismo

Una cuenta de demostración en el navegador. Nada que instalar, nada se guarda ni se envía.

HContenido y resultados

Diez Reels, más de 200 000 reproducciones y 960 seguidores antes del lanzamiento.

Creé el Instagram de MatchMate con Canva: Reels cortos en portugués e inglés que mezclan humor, imágenes a pie de campo y el caos de sobra conocido de organizar un partido por WhatsApp. Todos los Reels se promocionaron con la herramienta del propio Instagram, y la cuenta creció mientras la app seguía marcada como «próximamente».

960Seguidores
+200 000Reproducciones en 10 Reels
40,745Reproducciones del Reel más visto
438Nuevos seguidores gracias a ese Reel
Perfil de Instagram de MatchMate con 960 seguidores
@matchmatept
Cuadrícula con los diez Reels de MatchMate y sus reproducciones
10 Reels · reproducciones de cada uno
Estadísticas de promoción del Reel más visto: 40 745 reproducciones y 34 989 cuentas alcanzadas
Reel más visto · estadísticas de promoción
Reel más visto

“POV: pre-game passes with bro”

19 segundos, publicado el 24 de agosto.

Reproducciones
40,745
Cuentas alcanzadas
34,989
Me gusta
1,001
Nuevos seguidores
438
Última inversión en promoción
€5.93
Visitas al perfil generadas
133
Coste por visita
€0.04

Datos de Instagram Insights (vista de un año), recogidos el 27 de octubre de 2026. La inversión mostrada corresponde solo a la última promoción del Reel más visto.

ILo que aprendí

Lecciones que hoy aplico a cada proyecto.

  • Parecer terminado no es estar terminado.

    Una pantalla pulida puede esconder un inicio de sesión falso o la ausencia de datos reales. Reviso las partes que no se ven.

  • Pruebas y producción nunca se tocan.

    Las versiones de prueba apuntan solo a recursos de prueba, para que una prueba no pueda cambiar datos reales.

  • Recoger solo lo necesario.

    Cada campo de más es una pregunta de privacidad que habrá que responder después, a los usuarios y a quienes revisan la app.

  • El ordenador no es un móvil.

    El scroll, las zonas seguras y las notificaciones se comportan de otra forma en un iPhone real. Pruebo ahí.

Siguiente caso de estudioFounder HQ →
Contacto

Cuénteme su proyecto.

Basta con un correo para empezar. El botón abre una breve plantilla para rellenar. Trabajo en inglés y en portugués.

Escribirme sobre un proyecto →

¿Prefiere LinkedIn? Envíeme un mensaje allí.

Próximos pasos

  1. 01Respondo en un plazo de dos días laborables.
  2. 02Hacemos una llamada gratuita de 30 minutos sobre su negocio y lo que necesita.
  3. 03Recibe una propuesta por escrito con precio cerrado y fecha. Sin compromiso hasta que usted dé el sí.

Ayuda mucho saber

A qué se dedica el negocio, qué necesita, cuándo le gustaría lanzarlo y un presupuesto aproximado.

Solicitar un proyecto gratuito

Cuénteme sobre su negocio. Respondo en dos días laborables. Presentar una solicitud no garantiza una plaza: se eligen dos proyectos por encaje y alcance.

Tipo de proyecto
¿A qué se dedica la empresa y qué debe conseguir la web?

Privacidad. MONFORTE usa su solicitud solo para valorarla y responderle. Se guarda de forma segura, se envía solo a mi propio buzón y nunca se vende ni se comparte. Las solicitudes no seleccionadas se borran automáticamente a los 180 días, y puede pedir que se borre en cualquier momento.