The Atmospheric Radiation Measurement (ARM) website is an informational website for various audiences, from school classes to congressional staffers.
ROLES: Info Architecture & Visual Design
PROBLEM: The old site information architecture was flat and redundant. Finding specific elements involved trial and error, reading, and memorization.

Example of confusing options in the old design.

PROCESS: A usability study was conducted in concert with elicitation of feedback from current users through the website. Personas were generated for the most common users. Multiple versions of the architecture were generated and iterated on with the team and stakeholders. 
NOTE: The architecture was intentionally iterated on separate from the visual design to keep all team members focused on the task of identifying the most effective hierarchy.
SOLUTION: Hierarchical structure that groups elements into a logical structure such that finding specific elements is intuitive. Rather than exposed within the menu structure, various lower level links and related information are exposed on category specific overview pages.
PROBLEM: The visual design of the old website is dated and inconsistent.
PROCESS: With the architecture in place and important elements identified by the usability and user studies, versions of the index page were generated for review with the team and stakeholders.
Once the index style was approved, top level menu and custom layout mockups were generated.
At some point rather late in the design phase there was a request for alternate accent color schemes. Logical organization of design symbols and elements made this task trivial.
Once the final design was approved, a design guide was generated for developer use.
↘design guide
During development, I provided redlines and pair reviews with developers to ensure design fidelity.
Back to Top