I helped DreamHost with a number of things over 2 years, including a scalable CSS system called DreamHost.css, a WordPress hosting management service called DreamPress and other assorted user experience fixes as needed.
DreamHost.css
Several different teams working on several different products, all needing to quickly create many different interfaces in the same style.
I helped lead the core design team in creating the first version of DreamHost's design framework.
DreamHost.css is a collection of single-purpose utility and layout classes alongside brand styles and interaction components. It was written in HTML and CSS so as to be as language agnostic as possible while DreamHost goes through a technical transition period.
View documentation See source on GithubDreamPress
DreamPress is DreamHost's flagship product; one of Automattic's only recommended WordPress hosting services. As the first Product Designer I helped lead the development of a new dashboard and product roadmap.
Starting from many interviews with past, current and future customers, we created personas and started the product from scratch. We took these personas, created flows and wireframes to meet their needs, concept tested them using UsabilityHub and coded everything using the DreamHost.css design framework.
The result was a dashboard that reduced churn and made it easy for customers to manage what they needed, while providing a sane platform for future designers to add new features and iterate on.
