Air National Guard
Project Overview
A major marketing and recruitment tool, Air Guard's website was woefully out of date. The navigation needed to be completely rethought with a focus on six very different user groups. A key priority was conveying their unique mission and helping potential members get a sense of what it's like to be in the Air Guard.
Challenge: Rethink the navigation, user flow, and layout for the entire site. To stay within scope, reuse back end functionality and create a flexible interior template based on components.
Business Goals
Capture more qualified leads by clearly explaining what the Air Guard offers and what makes them different from other military branches. Speak directly to key audiences, specifically women and minorities. Create a better career search experience to allow users to more easily determine if the Air National Guard is a good fit for them.
MY ROLE
I worked with the Lead UX Designer to clarify business goals and architect the new site. As the project continued, I took on more responsibility and became the Lead UX Designer on the project. I designed and created all wireframes, working closely with the Visual Design and Development teams to ensure that the new site was technically possible within our constraints and timeline.
Visual Designer: Trevor Best
process
With a fast timeline, we established twice weekly meetings with the client. We engaged with them as a creative partner and used the sessions to reveal our UX strategy and thinking via wireframes to both our internal teams and the client. Staying flexible, we made UX adjustments on the fly in both the design and front-end development phases.
Using a component based approach, we were able to leverage the internal template for the majority of the site. This strategy also allowed us to think of the site as a system from the beginning.
Preliminary Sitemaps



Initial Sketches



Prototype: View in Axure
outcome
The Air National Guard (ANG) is now proudly sporting a completely redesigned and rearchitected website. Potential recruits are better able to learn about what the ANG has to offer, where they can work, and how to apply. They can easily find directions to their local base to talk to a Recruiter, or apply online. Exact data for enrollment isn’t available yet, but the client was very happy with our work and the ANG now how a clean, modern look.
final designs
Homepage original
Homepage Redesign
Interior Page Original | For Students
Interior Page Redesign | For Students