Project Context

End-to-end development of a corporate mobile application (SGIS Guard App) specifically designed for operational and field security personnel. The core challenge was to build a mobile tool that guards could operate effortlessly during long shifts (day and night) without technical friction.

Mobile-First Design & Accessibility (UX)

Given the target audience operates on the move, user experience was the absolute priority:

Navigation Architecture: Implemented a bottom Tab Bar optimized so primary sections (Scan, Log, Alerts) could be reached using only the thumb.
Micro-interactions & Feedback: Leveraged native Ionic animations for screen transitions, and haptic vibration feedback when confirming critical actions (e.g., check-in/out).
Readability: Large typography, generous touch targets (> 48px), and real-time form validation.

Color System (Dark Mode & Emerald)

Native Dark Mode: Deep integration of a Dark Theme to reduce operator eye strain during night shifts, simultaneously optimizing battery consumption on OLED screens.
Psychological Use of Color: An Emerald-based palette (emerald-500) was adopted to signal safety and success states, conveying calm and control. Alert colors (rose-500) were strictly reserved for actual incidents, preventing unnecessary visual stress.

Frontend Technical Challenges

Fluid Hybridization: Seamless integration of modern frameworks (Angular / Vue) with the Ionic UI framework, ensuring the application feels and responds like a native app on both iOS and Android platforms.
State Synchronization: Complex client-side state management allowing guards to continue operating the app seamlessly even under intermittent network conditions.