Asymmetric Threat Microsite
Redesign and Rebranding
Redesign and Rebranding
Being called in on contract (via Aquent) to assist CACI during their redesign of their Asymmetric Threat microsite, I was tasked with front-end design, illustration, and assisting with reformatting of the overall organization. Since the microsite would be deployed on CACI's preexisting custom CMS, the homepage dimensions of 990 x 880 pixels were firm and could not be altered, necessitating a tight organization of various content and identity elements, while at the same time keeping things from becoming confusing, and keeping the viewer's attention focused. In addition, the identity, typography, and theming elements were to be an adaptation of the evolving Asymmetric Threat branding, coupled with CACI's corporate identity. The color palette and imagery were adapted from the existing themes, to bring cohesiveness to the CACI branding, while establishing an individual identity for the Asymmetric Threat microsite.
To achieve coherence and unity, I set up the page layout using a 12-column grid with tight margins to maximize usable area. Global branding was set to be constant through the use of static header, as well as global navigation element, set vertically. To assist in building outreach, social media elements were added, as well as internal search functionality. Due to the serial nature of the Asymmetric Threat elements, sub-navigation elements were also created, being horizontal on the homepage, and a vertical sidebar on internal pages, assisting with breadcrumb navigation in clearly indicating to users where they were in the content, as well as showing the full library of publications.
To achieve coherence and unity, I set up the page layout using a 12-column grid with tight margins to maximize usable area. Global branding was set to be constant through the use of static header, as well as global navigation element, set vertically. To assist in building outreach, social media elements were added, as well as internal search functionality. Due to the serial nature of the Asymmetric Threat elements, sub-navigation elements were also created, being horizontal on the homepage, and a vertical sidebar on internal pages, assisting with breadcrumb navigation in clearly indicating to users where they were in the content, as well as showing the full library of publications.
Homepage and internal page layouts. Homepage set to 990x880 (fixed), internal pages free to be taller, set by pre-existing CMS specifications.
12-Column overlay and wireframe page element organization. Static layout with global header and navbar, other elements to vary per page content.
Design Style Tile-highlighting and organizing visual design elements and organization used throughout the microsite.
