02Definición de producto · UX · Design System

Grada

  • Fan · #B5455A
  • Atleta · #00B4C8
  • Atleta oscuro · #008FA0
  • Dorado · #F2C75C
  • Texto · #212721
  • Superficie · #E5F8FB
Definición de productoUX/UISistemas de diseñoEntrega a desarrollo

Mi contribución

Trabajé el planteamiento conceptual, la definición funcional y las primeras pantallas. Después desarrollé el sistema de diseño —variables, componentes, estados y reglas de uso— y llevé la propuesta a un entorno técnico de prueba utilizando Android Studio, terminal y Firebase. Este trabajo me permitió comprobar el diseño en contexto y explorar la viabilidad de un flujo de scraping, sin presentarlo como una implementación completa o una funcionalidad final. No incluyo resultados medidos porque todavía no existen evidencias suficientes para atribuir impacto real.

Procesos, decisiones, pantallas y componentes propios · se omiten documentación privada de partes interesadas, cohortes restringidas, datos reales de clientes y enlaces a archivos internos · Reducción de ambigüedad entre diseño y desarrollo. No se afirman mejoras medidas del tiempo de salida al mercado.

Producto, sistema y entrega

Pantallas de la vertical, láminas del sistema de diseño y la documentación de entrega a desarrollo para Flutter.

  • Pantalla realInicio · ¿Qué pasa hoy?Partido en juego arriba, después jornada y eventos: la pregunta del usuario ordena la pantalla.
  • Pantalla realDetalle de partidoResultado y estado primero, ficha de datos después y narración identificada como generada con IA.
  • Pantalla realPanel de administraciónMismo sistema para partido y evento, con campos y estados de inscripción explícitos.
  • Pantalla realSistema de diseño · variables y estadosCada componente publicado con sus estados con nombre, no solo con su apariencia por defecto.
  • Pantalla realEntrega a FlutterPasos de entrega y lista de comprobación de calidad escritos para el equipo que implementa.

Dirección de la vertical

Grada aprende del ecosistema de agenda local, pero no lo copia estéticamente.

De dónde viene

Del aprendizaje de la agenda urbana: eventos, comunidades y organización local.

Qué cambia

Contexto deportivo: clubes, partidos, familias, inscripción y jornada.

Identidad propia

Sistema visual y narrativa propias, no una variante cromática de otra vertical.

Modo afición

Seguir partidos, resultados y jornada.

Modo AtletaConcepto / flujo propuesto

Concepto / flujo propuesto: inscripción, dorsal y calendario propio como dirección de hoja de ruta, no como funcionalidad implementada.

Qué es evidencia y qué es propuesta

Evidencia real: planteamiento conceptual, definición funcional, primeras pantallas, sistema de diseño (variables de diseño, componentes, estados y reglas) y entrega a desarrollo para Flutter. La dualidad Modo afición / Modo Atleta es una dirección conceptual de producto y el Modo Atleta avanzado pertenece a una propuesta de hoja de ruta: no se atribuye implementación ni impacto medido.

Reconstrucción del sistema a partir del material publicado

Validación y adopción

Cómo se habilita el uso
  • Problema de producto

    Una vertical nueva se dispersa si cada pantalla se resuelve aparte y desarrollo tiene que interpretar.

  • Decisión de diseño/producto

    Partir de dirección, variables de diseño y estados con nombre compartido antes que de un catálogo de componentes.

  • Qué debía facilitar

    Consistencia para quien usa el producto y una especificación que desarrollo puede implementar sin ambigüedad.