Fase 1
10 pantallas
Mockup estático
Dashboard interno de operativa.
Sustituye el Sheet manual con el que Susana coordina hoy las clases de los cinco estudios. Cinco pantallas; la Parrilla es donde Susana pasa la mayor parte del día. Esta entrega explora cinco direcciones visuales para esa Parrilla antes de comprometernos con una.
Referencias
Linear · Vercel · Stripe · Cursor · Notion · Height · Plane
Tipografía
Inter, JetBrains Mono
13–14px UI · mono para cifras
Paleta
Neutros + acentos funcionales
No
Beiges · serif · texturas · ornamentación · curvas exageradas
Sistema de estados
Consistente en todas las pantallasActivo
Estado por defecto
Reserva mar
Plaza guardada
Baja temporal
Inactivo
PDT pago
Cobro pendiente
Nuevo
Alta reciente
VIP
VIP / T. Pref.
Tarifa fidelización
Variaciones de la Parrilla
5 direcciones visuales · pantalla principal
01
Compacta
Linear · Cron
Hairline borders, máxima densidad, números en mono. La opción más austera, todo el peso en la información.
→
02
Aireada
Vercel · Stripe
Celdas como cards sobre fondo gris claro. Más respiración, mismo contenido. Apuesta por una densidad media.
→
03
Cromática
Notion · Plane
Cada cliente lleva color por tipo de suscripción. Permite leer la mezcla del centro de un vistazo.
→
04
Oscura
Cursor · Raycast
Modo oscuro de alto contraste. Pensada para jornadas largas: menos fatiga visual, números claros en mono.
→
05
Heatmap
Plane · Sentry
La ocupación se lee como intensidad de color. Vista panorámica primero, detalle bajo demanda. Detecta huecos a metros de la pantalla.
→
Pantallas del dashboard
Los otros 4 contextos donde se trabaja
A
Ficha de cliente
Toda la información operativa de un cliente: patrón, suscripción, notas médicas, histórico. Lo que Bewe no guarda.
→
B
Listado de clientes
Tabla con buscador y filtros. Acceso rápido a cualquier ficha por nombre, centro, estado o suscripción.
→
C
Bandeja de solicitudes
Cambios de horario pendientes. Distingue solicitudes de mañana (flexible) y de tarde (día+hora). Ordena por antigüedad.
→
D
Lista de espera
Cola priorizable (VIP, antigüedad, manual). Cuando aparece un hueco, decide a quién se le ofrece primero.
→