Punto de entrada para todos los roles. La marca toma protagonismo a la izquierda con el mensaje del sistema; el formulario es minimal y directo. En móvil se invierte: marca arriba sobre fondo azul y formulario sobre tarjeta blanca.

La vista principal del supervisor. Arriba, una franja de flujo que explica el sistema en tres pasos. En el centro, mapa con los 10 baños. A la derecha, alertas recientes y el operario activo. Todo se actualiza cada pocos segundos.

Vista geográfica completa. A la izquierda, listado filtrable de unidades con su estado. A la derecha, el mapa ocupando el espacio principal con pines color-coded. Al seleccionar un baño, aparece una tarjeta inferior con el resumen.

Vista de detalle de una unidad. Identificación grande, métricas clave en tarjetas, gráfico de tendencia de las últimas 24 horas y timeline lateral con todos los eventos del baño. Botones de acción primarios: despachar, editar, marcar como atendido.

Listado completo de alertas del sistema, filtrable por criticidad. Cada alerta tiene icono color-coded, descripción clara, baño afectado y tiempo transcurrido. A la derecha, estadísticas globales y CTA para acción rápida.

El supervisor visualiza las tres rutas activas, cada una con su operario, progreso y baños asignados. Permite reordenar paradas y reasignar unidades entre rutas mediante drag-and-drop. Las prioridades se reflejan con color.

Datos consolidados para la toma de decisiones. KPIs en la parte superior, gráfico de tendencia semanal y desglose por operario. Permite exportar a PDF para envío a gerencia y comparar períodos.

Punto de partida del operario en terreno. Vista de bienvenida con su nombre, ruta asignada y resumen de baños a atender. Botón grande para iniciar la jornada. El móvil es el dispositivo nativo de esta vista.

El operario apunta la cámara al QR del baño. El sistema lo reconoce y abre el formulario de mantención correspondiente. Las esquinas amarillas indican el área de escaneo, y la línea horizontal anima la lectura.

Tras escanear el QR, el técnico completa el registro. Identificación del baño en el header, checklist de acciones realizadas, hasta 4 fotos de evidencia y observaciones libres. A la derecha, resumen del baño y datos heredados del escaneo.

Pantalla de éxito tras enviar el formulario. Animación sutil del check circular para reforzar el logro, resumen de lo registrado y dos acciones claras: ver detalle o pasar al siguiente baño de la ruta.

El sistema sigue funcionando sin señal. Banner amarillo arriba avisa al operario; las mantenciones se guardan localmente y aparecen en la cola pendiente. Al recuperar conexión se sincronizan automáticamente.