CNS/ATM
Portal
Design
A modernized Communications, Navigation, Surveillance & Air Traffic Management portal, built in partnership with BESPIN and Hanscom Air Force Base, Massachusetts.
Modernizing air traffic management, one interaction at a time.
Omni Federal is proud to announce the launch of the cutting-edge CNS/ATM portal, a significant milestone in our partnership with BESPIN and Hanscom Air Force Base. This venture fused a user-centric design process with modern application development and platform capabilities.
As UX Designer at Omni Federal, I was instrumental in designing wireframes, creating an interactive prototype, and shaping the overall user experience from initial concept through to a validated, production-ready design system.
This image has been purposefully blurred to preserve the integrity of the client and design.
Three phases.
One cohesive system.
From initial sketches to a production-ready interactive prototype, every step grounded in user needs and mission requirements.
Wireframing &
Prototyping
My journey began with the conceptualization of the CNS/ATM portal's user interface , sketching wireframes that outlined the initial structure and layout of the dashboard.
Leveraging industry-standard tools, I transformed static wireframes into an interactive, clickable prototype , enabling stakeholders to experience the interface's functionality and flow firsthand.
I actively engaged in user testing sessions, gathering feedback and iteratively improving the prototype to align with user needs and project objectives.
Design System
Development
I played a key role in developing a comprehensive library of UI components , including buttons, forms, menus, and other essential elements , ensuring consistency and efficiency across the product.
I meticulously documented design guidelines, creating a valuable reference for the project team and future contributors , promoting adherence to a unified, coherent design language.
My responsibilities extended beyond initial development , actively maintaining and updating the design system to accommodate evolving requirements, user feedback, and design best practices.
Crafting the
Visual Identity
I curated a full visual identity for the CNS/ATM portal , making deliberate decisions on color palettes, typography, and overall visual aesthetics that aligned with the project's mission objectives.
To enhance user understanding and maintain visual consistency, I designed custom icons that harmonized with the project's goals and meaningfully improved the overall user experience.
Portal in detail
Main Dashboard View
Navigation & Sidebar
Data Charts ViewReplace with screenshot
Wireframe Reference
Component LibraryInteractive Prototype , User FlowWhat the launch delivered
A portal built for the people who depend on it most.
The CNS/ATM portal launch delivered measurable improvements to collaboration, design consistency, and validation speed , setting a new benchmark for government UX delivery at Hanscom AFB.
Accelerated Design Validation
The interactive prototype played a pivotal role in streamlining the design validation process, resulting in rapid iterations and an optimized user experience with significantly fewer revision cycles.
Design Consistency at Scale
The design elements and guidelines established contributed to a consistent visual identity across the entire portal , reinforcing a unified user experience regardless of which section users navigated to.
Efficient Team Collaboration
The documented design principles and component library promoted effective collaboration among cross-functional team members , fostering a shared understanding of design goals across engineering and product.
"The best government UX isn't about making things look modern , it's about making mission-critical work feel effortless."
× BESPIN
Mass. · 2018–2021