W3C Validator Suite
       
     
Roles & Workflows
       
     
Sitemap
       
     
Wireframes 1 - Domains
       
     
Wireframes 2 - Jobs
       
     
Wireframes 3 - URL
       
     
Design 1 - Domains
       
     
Design 2 - Jobs
       
     
Design 3 - URL
       
     
W3C Validator Suite
       
     
W3C Validator Suite

We worked with Ocupop and W3C to figure out the user experience, user interface, and design of W3C's upcoming validator suite product.

Roles & Workflows
       
     
Roles & Workflows

The first step was to define the roles and workflows so that we could truly understand who we were building this product for. 

Sitemap
       
     
Sitemap

We then created a basic site map that helped us understand the depth and breadth of the product.

Wireframes 1 - Domains
       
     
Wireframes 1 - Domains

Once we had a good understanding of the product we were building and who we were building it for, I created some wireframes that explored how we might best present the UI and information. 

Wireframes 2 - Jobs
       
     
Wireframes 2 - Jobs

The jobs screen helps users visualize the health of their job and the pages that have been crawled within it. 

Wireframes 3 - URL
       
     
Wireframes 3 - URL

The URL screen gives you an in-depth look at the validation for a specific url, with the ability to dive deeper if needed.

Design 1 - Domains
       
     
Design 1 - Domains
Design 2 - Jobs
       
     
Design 2 - Jobs
Design 3 - URL
       
     
Design 3 - URL