NSA|CSS website redesign

 
HowWeResearched_Images.png

How we researched:

  • Extensive heuristic evaluation of this and comparable websites

  • Accessibility testing

  • User testing

Here’s the problem:

A government agency with redundant links, links to outside websites, inconsistent drop down menus, and an ineffective search capability.

 
TestIterateRepeat_Images.png

Test, Iterate. Repeat.

Based on user tests, the menu/nav bar went through several iterations, each time simplifying the interaction and reducing all links to fewer categories

UI StyleTile_Image copy.png

design from inspiration

Colors invoke emotion. Images have to be chosen empathetically. Fonts can reinforce a message. As a designer, I take all into consideration in order to communicate the story.

 
iPhone_MacBook_NSA2 copy.png

prototype

Here’s where I get to have fun… micro-interactions, animations, drop-downs; whatever it takes to keep the viewer interested.