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 ARM.gov site information architecture was flat and redundant. Finding specific elements involved trial and error, reading, and memorization.
PROCESS: A usability study was conducted in concert with elicitation of feedback from current ARM.gov 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 ARM.gov 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.
During development, I provided redlines and pair reviews with developers to ensure design fidelity.