Case study · SaaS deportivo · End-to-end
GlobalPlay360

Oficina deportiva. Producto que se usa.

Lo diseñé y construí de punta a punta: matching profesional entre talento y clubs, con auth, datos vivos, i18n y modelo freemium — no una demo de pantallas.

Jugador player Entrenador coach Club club
RolProducto + front + Firebase EntregaMVP operativo IdiomasCA · ES · EN
Scroll
01
01 · El encargo

No una landing.
Una plataforma que se opera.

Partíamos de un referente de marketplace deportivo. El trabajo: convertir esa promesa en producto con lógicas distintas por rol, Firestore en tiempo real y una UI Dark SaaS Navy coherente de punta a punta.

Perfil Oportunidades Candidaturas Mensajes Facturación
02
02 · Los roles — visibles

Jugador. Entrenador. Club.
Tres contratos. Un sistema.

No es un badge en el perfil: cada rol cambia menús, permisos y acciones. La captura real de la sección «A quién servimos».

Sección A quién servimos: Jugadores, Entrenadores, Clubes
Jugador
player

Perfil profesional, aplica a ofertas y conversa con clubs cuando el plan lo abre.

Entrenador
coach

Misma lógica de talento: visibilidad, candidaturas y red profesional.

Club
club

Publica oportunidades, gestiona candidaturas y opera el pipeline — nunca como candidato.

03
03 · Producto en pantalla

Público y dashboard.
Misma dirección visual.

Home cinematográfica, pricing y centro de operaciones del jugador — capturas viewport densas, sin rollos de página vacía.

Home hero Home · hero
Dashboard overview Dashboard
Pricing Pricing
04
04 · Marketplace

Explorar y gestionar.
Ofertas vivas.

Explorar Gestionar
Oportunidades
Mis ofertas club

Arrastra · talento explora · club gestiona

05
05 · Acceso premium

Freemium con criterio.
El candado no es decoración.

Free Premium
Paywall Free
Mensajería Premium

Arrastra · misma ruta · distinto plan

06
06 · Confianza

Privacidad ejercible
dentro del producto.

Export y borrado de cuenta en el perfil. Legales enlazados. i18n en toda la superficie.

Privacidad en el perfil
07
07 · Stack

Lo que hay debajo
de la UI.

Frontend

React 18 + TypeScript

Vite, Tailwind, Framer Motion. Design system Dark SaaS Navy.

  • Rutas por rol
  • Dashboard multi-superficie
  • i18n CA / ES / EN
Backend

Firebase

Auth, Firestore, Storage, Functions europe-west1, Hosting.

  • Rules restrictivas
  • PII en perfil privado
  • Tiempo real
Negocio

Freemium + suscripciones

Paywall, pricing por segmento, checkout y Customer Portal.

  • Individual / club
  • Trial 30 días
  • Claims JWT
Dominio

Modelo operativo

Users, opportunities, applications, chats, messages — sin mocks.

  • Pipeline candidaturas
  • Chat
  • Páginas legales
Calidad

Criterio de entrega

QA por rol, paywalls y billing en entorno de validación.

  • Flujos e2e
  • RGPD técnico
  • Handoff documentado
Ops

Despliegue

Hosting, functions y rules versionadas. Continuidad al cliente.

  • Firebase Hosting
  • Entornos
  • Portal facturación
08
08 · Decisiones

Lo que hizo
sostenible el producto.

i
Roles en rules, no solo en UI

Menús condicionales + Firestore + Functions. Un club no se convierte en candidato tocando el front.

ii
Datos reales desde el día uno

Sin mocks. Dashboard, candidaturas y chat leen Firestore. Si se rompe, se ve.

iii
Paywall en profundidad

Teaser en Free; sensible cerrado por claim. El acceso no depende de un overlay.

iv
Una sola verdad del plan

La suscripción sincronizada manda. Evita inconsistencias entre UI, rules y facturación.

v
i18n y legales como producto

CA / ES / EN en auth, dashboard y público. Términos y privacidad donde importan.

09
09 · Entrega

Producto entregado.
Listo para operar.