The opportunity: McMillan guides have released their industry-leading study program for Air Force enlisted men and women preparing for promotion exams, branded as Masterfully.

The approach: My team and I were tasked with aiding the content strategy process, creating the information architecture, and designing a responsive website to support the launch.

The execution: We helped the team define the content hierarchy based on McMillan’s strategic plans during the IA phase, translating it to the wireframes. Once those wireframes were approved, we moved to the design phase. Adopting the atomic design methodology, we created style guides with UI elements like colors, fonts, heading sizes, buttons, forms styles, etc. Once those guides were in place, we were able to create the interface for the responsive website

1. The website

2. The UI style guide

3. The wireframes