Navy.com Site Redesign
Clean and Focused
The US Navy wanted a complete redesign and replatforming of their existing site. The previous site wasn't responsive, the look was dark & dated and usability had become boxed into itself. The primary focus of the new site needed to be Science, Technology, Engineering and Math (STEM).
After some design exploration and assessment of the massive content needs, we realized what would become a principle design concept for the site. It should be clean, organized and free of excesses...just like a ship. A modular design system was developed that allowed for extension and reduction of components. This system was iterated upon often and its resilience tested throughout.
Animation Reveal
In an effort to deliver additional context & information to the user, we employed the use of animated reveals. Sometimes these were used to add actionable copy that would promote the user to continue forward, other times it simply offered additional detail without leaving the page. The animations were quick, uniform and to the point.
Component Driven Design
Not only was this the very first responsive design for the Navy, it was also an opportunity to implement a progressive modular component system as the basis for all designs & interactions.
With such verbose information within each page, we worked toward finding ways to use the available screen to reveal the information with drawers, sliders and tabs.
