Artemis:  Specs

Artemis: Specs

NCC Group hired me on after an initial engagement with Pivotal Labs. Due to rapidly evolving requirements, the proposed design was out of sync with current needs. Engineers had removed what seemed extraneous and added a bunch of data elements. My first task was to redesign the fundamental units of the web app: system templates and the “vulnerability card”. Read more about Artemis: Specs

Style Guide

Style Guide

Here you can see my initial research and prep for creating a style guide.

First I identified all the unique styles on each page for each page of our product. Then I superimposed and connected the specific CSS and HTML that create these styles. Yellow highlighting (with green numbers) indicates a heading, blue highlighting (with yellow numbers) indicates a button or label. Then I stepped back and thought about what is vs what should be. If you look at page 1, it’s clear that we should improve our semantic use of headings. By seeing everything together in one place, we are encouraged to take a more comprehensive and unified approach to our buttons and labels.
Read more about Style Guide