![W3C Validator Suite](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382386114354-XWU2EUAN2ALMWI2DKFLG/w3c_validatorsuite01.jpg)
![Roles & Workflows](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382385616143-17P66SM5DYPK2G2H9AK7/Screen+Shot+2013-10-21+at+1.33.11+PM.png)
![Sitemap](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382385627266-0ZTU7283NC9RXP7MHFRK/Screen+Shot+2013-10-21+at+1.34.08+PM.png)
![Wireframes 1 - Domains](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382384423869-R8ZMCCFWVVDSEPNAA73Q/Screen+Shot+2013-10-21+at+1.34.35+PM.png)
![Wireframes 2 - Jobs](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382384515315-SLJY9GWJZQ000241ZAE0/Screen+Shot+2013-10-21+at+1.34.54+PM.png)
![Wireframes 3 - URL](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382384592270-6KO0UMK8URLQIFWHCGP7/Screen+Shot+2013-10-21+at+1.35.59+PM.png)
![Design 1 - Domains](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382386498801-1OTMW6TFUUTPLF13RZ4Z/w3c_domains.jpg)
![Design 2 - Jobs](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382386230368-BORLI2LFTJNTBDK537SI/w3c_job.jpg)
![Design 3 - URL](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382386584890-Z7M22GXIG1NODOPRRG40/w3c_validatorsuite01.jpg)
![W3C Validator Suite](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382386114354-XWU2EUAN2ALMWI2DKFLG/w3c_validatorsuite01.jpg)
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](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382385616143-17P66SM5DYPK2G2H9AK7/Screen+Shot+2013-10-21+at+1.33.11+PM.png)
The first step was to define the roles and workflows so that we could truly understand who we were building this product for.
![Sitemap](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382385627266-0ZTU7283NC9RXP7MHFRK/Screen+Shot+2013-10-21+at+1.34.08+PM.png)
We then created a basic site map that helped us understand the depth and breadth of the product.
![Wireframes 1 - Domains](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382384423869-R8ZMCCFWVVDSEPNAA73Q/Screen+Shot+2013-10-21+at+1.34.35+PM.png)
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](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382384515315-SLJY9GWJZQ000241ZAE0/Screen+Shot+2013-10-21+at+1.34.54+PM.png)
The jobs screen helps users visualize the health of their job and the pages that have been crawled within it.
![Wireframes 3 - URL](https://images.squarespace-cdn.com/content/v1/5260527de4b0babb888e1ec0/1382384592270-6KO0UMK8URLQIFWHCGP7/Screen+Shot+2013-10-21+at+1.35.59+PM.png)
The URL screen gives you an in-depth look at the validation for a specific url, with the ability to dive deeper if needed.