Contexto del Proyecto

Desarrollo integral de una aplicación móvil corporativa (SGIS Guard App) diseñada específicamente para personal operativo y de seguridad en campo. El reto consistía en crear una herramienta móvil que los guardias pudieran utilizar durante largas jornadas (día y noche) sin fricción técnica.

Diseño Mobile-First y Accesibilidad (UX)

Al estar dirigida a usuarios que operan en movimiento, la experiencia de usuario fue la prioridad absoluta:

Arquitectura de Navegación: Implementación de un Tab Bar inferior optimizado para alcanzar las secciones principales (Escanear, Bitácora, Alertas) usando únicamente el pulgar.
Microinteracciones y Feedback: Uso de animaciones nativas de Ionic para transiciones de pantalla, y vibración háptica al confirmar acciones críticas (ej. registro de entrada/salida).
Legibilidad: Tipografía grande, botones con amplias zonas de toque (touch targets > 48px) y validación de formularios en tiempo real.

Sistema de Colores (Dark Mode & Esmeralda)

Modo Oscuro Nativo: Integración profunda de un Dark Theme para reducir la fatiga visual de los guardias durante los turnos nocturnos, optimizando el consumo de batería en pantallas OLED.
Uso Psicológico del Color: Se adoptó una paleta basada en tonos Esmeralda (emerald-500) para señalizar estados de seguridad y éxito, transmitiendo tranquilidad y control. Los colores de alerta (rose-500) se reservaron estrictamente para incidencias reales, evitando el estrés visual innecesario.

Retos Técnicos Frontend

Hibridación Fluida: Integración de frameworks modernos (Angular / Vue) con el ecosistema de Ionic, logrando que la aplicación se sienta y responda como una aplicación nativa tanto en iOS como en Android.
Sincronización de Estado: Manejo de estado complejo en el lado del cliente para permitir que el guardia continúe operando la app incluso bajo condiciones de red intermitentes.