– Case Study
Responsive Site Design
Role
Role & Timeline
Creative Director
/ Experience Direction
/ Art Direction
Platform
Platform
Responsive Web
Year
Year
2019
Timeline
Year
5 Months
Dosist is a modern wellness company empowering people to naturally manage their health & happiness through dose-controlled cannabis-based therapy. They been recognized as the #2 Hottest Startup by Linkedin (2019), one of Fast Company’s Most Innovative Companies (2018), and a Time Magazine Invention of the Year (2016).
Reimagine the State Farm flagship mobile application from the ground up. Create an experience that merges insurance and banking product lines into a single experience.
- Chris Gunner, CEO Dosist
— Experience pillars


— Understand
The first step in the process was to visit the newly launched dosist store in Venice, CA. The goal was to understand dosist's unique approach in delivering a best-in-class customer experience.
There we experienced the three core brand elements first-hand, the wellness guide, targeted formulas, controlled by the dose.
— Understand
The dose pen is a revolutionary product, it provides each customer with a feeling, whether it's bliss, sleep, calm, relief, arouse or passion. The dose pen delivers that feeling using a scientifically produced formula, delivered in a precise and timed dose.

The goal of the wellness guide is to personally guide each potential customer through the first steps of the customer journey, from discovery to first-time experience.
The visit to Abbot Kinney left me inspired to explore ways in mirroring the in-store experience with a digital journey that feels as welcoming as the in-store wellness guide. But the journey to the product is fluid, customers can and will take different paths depending on their past experience and comfort level.

— Building the structure
The site is intended to be ready for commerce, meaning customers should be able to purchase a dosist product, and ship it to their house or pick it up in store. Considering the product is highly regulated in the United States, it proved to be quite a challenge to create a system that accounted for each state's own laws.


— Finding consensus
In commerce design it can be a challenge to concisely tell the story of a product. I explored various directions in explaining the complexity and precision of the dose pen.
A tactic I enjoy using is block-framing, which are very high-level story-driven boards that I can work on with content producers or copywriters on before details are locked in.
— Build
Once we had a shared understanding of the experience we wanted to deliver, I began creating wireframes. This allowed us to better work with teams on final copy and content placement. The site began to take shape, delivering on the "inspire, educate, and engage" experience pillars.



— Visual design
Three main elements went in to the development of the site's look-and-feel. First was an inspiration brief that showed various commerce experiences.
Second was the dosist brand book, which had quite a few elements that were able to be used and explored.
Lastly the formula communication strategy guided a great deal of the process, each formula has a specific color that must be used for product recognition.

— In motion
— Product discovery
“Find your formula” is how the digital wellness guide allows customers to focus less on the product they’re going to receive, but rather on how they want to feel.
The goal was to make product discovery simple and intuitive, and provide a very-low barrier to entry for those who may be unfamiliar with using cannabis.
The formulas page showcases each formula in a unique way that shows dosist is a solution for many health situations. Customer testimonials were brought in to alleviate a stigma that might exist around the product, and instead make it relatable.
Present the precision and design of the delivery devices required an elegant design that complimented the beauty of the products.

Additional Projects
Johnson & Johnson (Auris Health)Surgical System Experience Design
Uber Eats Grocery LandingGrocery & New Verticals
Kaiser PermanenteFlagship Mobile Application
Universal Music GroupResponsive Web
State FarmMobile App Redesign
The Home DepotMobile App Redesign