Prototipo · panel del centro
Cuatro propuestas, la misma vista
Las cuatro muestran exactamente el mismo contenido (datos, cifras, tablas y textos congelados) sobre el mismo dashboard Inicio y usan los mismos tokens de marca. Lo único que cambia es el diseño. B2 es la variante de B con el fondo tintado en cálido, en vez del blanco frío.
Dirección A · elegida
Panel pro dark
La identidad actual llevada a panel profesional: superficies oscuras en capas, alta densidad (~36px de fila) y el mint como color de acción.
- · Mucha información por pantalla
- · Grilla de clases densa con franja de color por tipo
- · Números tabulares para leer cifras
Dirección B
Claro administrativo
Fondo claro, bordes finos y aire generoso, con el mint dosificado solo como acento quirúrgico. Se siente liviano, como un SaaS moderno.
- · Jerarquía por tipografía y espaciado
- · Timeline limpio para las clases
- · Tablas con hover sutil
Dirección B2 · variante
Estructura B en dark
La estructura, densidad, tablas y calendario de B, con esquema oscuro: superficies en capas, mint como acción y contraste de texto verificado por cálculo.
- · Lo que pediste: dark en vez del tinte
- · Compárala con A: las dos son oscuras
- · Contraste de textos corregido (rojo de texto a 4.9:1)
Dirección C
Sport humano
Tarjetas grandes y cifras protagonistas, una idea por bloque. El tono cercano de un centro deportivo en vez del software corporativo.
- · KPIs como tarjetas hero
- · Calendario por día, mobile-first
- · Badges de urgencia amables
Qué mirar al comparar
- · ¿Puedes leer el estado del centro en 5 segundos?
- · ¿La acción importante está donde la buscas?
- · ¿Aguanta una tabla de 20 filas sin marear?
- · ¿El calendario te dice dónde hay cupo sin esfuerzo?
- · ¿Te lo imaginas usándolo 8 horas al día?
- · ¿Se siente NFIT o se siente genérico?
También puedes mezclar: el sistema está armado por tokens, así que se puede tomar el shell de una dirección con las tablas de otra.
Las 45 vistas del panel, ya maquetadas
Con la dirección elegida se construyeron las 45 vistas de los 14 módulos del panel del centro, todas sobre el mismo shell, la misma biblioteca de componentes y los mismos datos ficticios coherentes. El mapa las lista agrupadas por módulo para que navegues.
Abrir el mapa de las 45 vistasToda la documentación del prototipo —las decisiones con su estado, las fichas por vista, los datos congelados y los dos catálogos de componentes— se lee sin descargar nada en la Biblioteca y documentación.
Horarios fijos · base elegida el 13-09-2026
El dueño del producto decidió que la base del rediseño del Horarios fijos es la versión descargada de la propuesta A: una pregunta por pantalla, la ocupación una sola vez, los planes y el detalle al abrir la fila (en línea, sin panel lateral que repita la fila) y la barra de lote solo cuando hay selección. Ya está aplicada en la vista del prototipo.
Vista del prototipo · modulos/config-clases/creador-clases.html- · Variante elegida: _variantes/creador-a-simple.html — la versión descargada que se promovió a la vista del módulo.
- · Comparador de las tres propuestas: _variantes/creador.html.
- · Referencia histórica (ya no son la base): _variantes/creador-a.html y _variantes/creador-b.html.
La semana de la vista sigue _research/07-semana-canonica.md: 44 bloques · 888 cupos · 613 inscritos (69 %), el plan Prueba en 0 de 44 y un único bloque sin plan (Jueves 21:00 · Funcional · cupo 20 · 0 inscritos, creado esta semana).
Idea de futuro cercano · Lista de espera (fuera del rework)
La lista de espera quedó fuera de este rework (decisión del 13-09-2026): hoy NFIT no la tiene construida, así que las vistas del panel no la prometen. La propuesta completa —orden FIFO, ventana de 30 min con pausa nocturna, tope de la lista (mitad del cupo, mín. 3 · máx. 10) y solo cupos locales— vive en un mockup aparte, para retomarla como proyecto propio más adelante.
Abrir el mockup · _variantes/idea-lista-espera.html