A funnel based approach allows the customer to research until they are comfortable with purchasing.
We held a full-day photo shoot for foods that are on-cleanse as well as foods to be avoided.
A helpful graphic was created to show the importance of intermittent fasting.
Our food shoot included a number of shakes, meals, and food groups that customers could expect to encounter while on the cleanse.
A clean aesthetic was paramount to showcasing each product.
Since a program is essentially a kit, we itemized what's included.
As part of the education process, an important point to make was the quality of the ingredients and the care that is taken during packaging.
It wasn't just the ingredients we wanted to focus on, but also the benefits from taking each ingredient.
And what better way to close out a product page than showcasing existing customer validation!
To reduce friction for purchase, we added a drawer when an item is added to the cart versus sending customers off-page.
Along with an easy to use coupon input module, we allowed the client to assign upsell products in the CMS on the cart page.
Shipping options are plenty, so we wanted to make sure to explain them each in full-detail. And when an advisory was necessary, we designed a way to notify without adding friction to the checkout.
We created a full collection of modules that we could re-use throughout the site for unique use-cases.
Section previews that encouraged users to go through the purchase funnel are sprinkled throughout the site.
To bring engaging content to life, we created a suite of beautiful modules to allow the creation of a more visually rich blog posts.
To match the aesthetic of the site, we created on-brand transactional emails to keep customers engaged.
Similar to the module builder for the blog, we created an email builder that takes all of the stress out of content creation and everything on brand without the need of a developer.
Each transactional email featured an example highlighting what you might be eating on the cleanse.
We conceived a drip campaign for cleansers that offered tips throughout their journey as well as follow-on product suggestions.
We organized a full-day shoot to help portray each product in their best-light.
Each product was photographed and touched-up in our studio to make the packaging feel as premium as possible.
Even a water bottle can look great with the right art direction!
Since the diet started as a book, we made sure to focus on Clean's origins.
To prep the customer for what's in store, we made sure to show the unboxing.
While Clean sells powder and pills it is a food based cleanse, so we wanted customers to be excited about the food.
21-days can be a daunting amount of time for a cleanse, so we made sure to create visually stunning food to keep customers from feeling overwhelmed.
Our superb food stylist made sure all details were considered.
These top-down shots became stars of the show, and were selected to become part of the sites footer.
Shakes twice a day? Doesn't sound that fun until you see the possibilities.
We photographed foods that cleansers should gravitate towards, as well as foods to avoid.
To underscore the number of packets a cleanser will consume, we came up with a clever way to showcase the contents of the 21-day kit.
To showcase some of Clean's inspiring customers, we had a photoshoot in LA and listened to real customers success stories.
In-studio assets were important to lend a more serious tone, we used these across the site to instill validation for potential purchases.
A soft palette was developed that built-upon existing brand colors.
Custom icons were created for use across the site.
A playful line style containing a variety concepts helped to accentuate content that the client felt was important.
Our icon library is utilized not only across the site, but in transactional email, social posts, and FAQ's.
When you build a brand framework like this everything breaks down to simple elements. We created a style guides that they can circulate internally or share to make sure all new assets and site components are on brand.
As new icon needs emerge, a helpful usage ruleset keeps them on brand and spaced properly.
For new module design, clear guidelines are established for content and margins for a variety of use cases.
For our various photoshoots we established moodboards to exemplify how to portray the brand.
Clearly stated type rules were established for consistency across the site, emails, and social posts.
As with all metajive projects, we clearly adhere to the grid. 12 columns, 1% gutters and everything lines up beautifully.