I define content design as an approach to content creation that considers how different elements should work together as a system — and how this system presents something that meets a user need in the best way possible. It considers both the behavior of the content and the vehavior of the users interacting with that content.
On this page, you’ll find a collection of my content design and strategy work.
The Vice Grid
This framework, which I’ve called the VICE Grid, is a tool I’ve used for content design several times. It combines four guiding pillars — visuals, information, copy, and emotion — and examines how they interact and work together in content. The four quadrants are different types of content, guided by the pillars.
The focus of my content design and strategy work has been on Consonant, Adobe’s web design system. I led the structure and construction of consonant.adobe.com, Consonant’s documentation site. The following are examples pulled from this documentation project. For the best viewing experience, you can use the password “Adobe2021” to access Consonant documentation here.
The landing page on consonant.adobe.com, which helps people quickly get started with Consonant.
This is the typography documentation, a foundational element that required a much different approach to structure and strategy than other elements.
This is documentation for the media block, a Consonant component that showcases what typical documentation structure looks like.
This is an example of another tool I use frequently in content design: flowcharts. This flowchart is the official Consonant naming strategy that I created to help the team name incoming elements to the system.