Content design

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 behavior 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’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.

Sample 1

The landing page on, which helps people quickly get started with Consonant.

Sample 2

This is the typography documentation, a foundational element that required a much different approach to structure and strategy than other elements.

Sample 3

This is documentation for the media block, a Consonant component that showcases what typical documentation structure looks like.

Sample 4

This is a product wireframe concept I created for a mock product called Interchange. The idea of the software was to be an all-in-one solution for small businesses working in e-commerce, which would include all email, calendar, inventory, finance, and other tools they would need. It was created based on in-depth UX research I conducted with a local startup called Rapid Reboot. You can view a larger version of this image here.

Sample 5

For this exercise, I chose an app experience on my phone that I mostly liked, but that lacked a couple user flows that I would like. In this case, I chose the YouTube TV app, and then I mocked up a few options that I would like to see as a user. You can view a larger version of the image here.

Sample 6

This exercise was to outline the different user flows in the same app (YouTube TV) in my previous example. You can view a larger version of the image here.

Sample 7

For this exercise, I picked a UX experience that was a little frustrating and proposed a few alternates for the issues I encountered. The experience in question is for the Chatbooks app. You can view a larger version of this image here.

%d bloggers like this: