Click For Details
Click For Details
Click For Details

Style Guides

Building documentation becomes key when dealing with large scale projects. Whether its branding, template web design or product design, its important to create documentation in order to have a check point for vision.

SCROLL

Build Guide

Analog Devices

The new Analog.com website has a full documented system to build the site. The document covers the basics of color and type, but we wanted to make sure development could finish the pages correctly. In the document we set up a system of modules, grids, templates and section pages to round out the theme of each section of the site.

 

See a sample of the document below

expand images to learn more

Build Guide

The Wall Street Journal

While assisting The Wall Street Journal with a redesign of email newsletters, applications and the homepage, I lead the team in full documentation. This allowed a large team of designers and developers all work on the same page with a guide for gut checks and rules.

 

See a sample of the document below

expand images to learn more

Vision Documentation

The Pocket Guide

The pocket guide is an interactive execution designed to match the need for snackable mobile first content for millennial driven publishers to sell to brands.

By matching a decision tree with a Tinder like swipe functionality, the Pocket Guide will ask users a series of one-off questions, prompting them to either swipe left if it’s irrelevant to them or right if it’s relevant.

See a sample of the document below

expand images to learn more

Part of documentation is breaking down the rules for developers - css, html, padding and color. More importantly documentation can work to express the purpose and vision behind a design or product - giving insight in decision making and the rules that are stated in the document.

 

This can be a great document for sales teams, managers who take on new work, clients to understand the products etc.

Prev

Next

PRODUCT

{param_txt}

SCROLL

PRODUCT

Style Guides

PRODUCT