Air National Guard

ang-homepage
 

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.

goang.com

 


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

GoANG-homepage-original.png
 

Homepage Redesign

GoANG-homepage-redesign.png
 

Interior Page Original | For Students

GoANG-interior-page-original.png
 

Interior Page Redesign | For Students

GoANG-students-redesign.png