TMTB_Responsive_Mockup.png

20 Mule Team Borax

Marketing, Motion Graphics, UI Design, Visual Identity

Website redesign, brand style guide, and social media videos

Website Redesign

Website Redesign

20 Mule Team® Borax is an all-natural mineral cleaning powder that dissolve easily in water. The brand wanted to update their website to a have a responsive website design for desktop and mobile. Guided by an art director, I led the design process to decide on the visual style, colors, and fonts. We began by mapping out the site architecture to categorize and condense the main navigation and secondary pages. The biggest section to organize was the "Uses" page which had categorized borax uses odor control and as a detergent booster.

00-Homepage-Specs_landing page mobile.png
 For a modern and minimal redesign, we created a variety of styles with similar color schemes, imagery and iconography. Utilizing hero images in a block style layout in a homey, do-it-yourself theme by applying polaroid frames, and chalk and wood tex

For a modern and minimal redesign, we created a variety of styles with similar color schemes, imagery and iconography. Utilizing hero images in a block style layout in a homey, do-it-yourself theme by applying polaroid frames, and chalk and wood textures. To emphasize the brand's all-natural and homey aesthetic, I used a sans-serif font, soft pastel colors, and chalk-style illustrations. This style would also be used in their social media post designs and consolidated into a branding and social media style guide.

Brand & Social Media Style Guide

Brand & Social Media Style Guide

Following up from my redesign of the 20 Mule Team® Borax website, I was tasked to design a branding & social media style guide to maintain a consistent style across all channels. I also redesigned all the existing social media posts to match the new style. The style guide includes: guidelines for their logo, color palettes, fonts, and template guidelines to create different types of engagement posts on social media. To categorize different types of uses of borax with color, I added a secondary color palette of pastel yellow, pink, and blue. E.g. Blue for laundry booster uses, and pink for kitchen cleaner & deodorizer uses.

TMTB-Style-Guide-2016-v1-r29.jpg
TMTB-Style-Guide-2016-v1-r210.jpg
TMTB-Style-Guide-2016-v1-r211.jpg
TMTB-Style-Guide-2016-v1-r219.jpg
TMTB-Style-Guide-2016-v1-r220.jpg
TMTB-Style-Guide-2016-v1-r221.jpg
TMTB-Style-Guide-2016-v1-r222.jpg
TMTB-Style-Guide-2016-v1-r225.jpg
TMTB-Style-Guide-2016-v1-r226.jpg
TMTB-Style-Guide-2016-v1-r227.jpg
TMTB-Style-Guide-2016-v1-r228.jpg

Halloween Pumpkin Crystals

I was tasked to design short social media videos to show the many uses of 20 Mule Team® Borax, which ranges from cleaning, laundry, arts & crafts, and odor control. This stop motion video shows the step-by-step of how to use 20 Mule Team Borax® to make pumpkin crystal formations for Halloween. I was responsible for photoshoot setup and shooting, props logistics and staging, and post production editing.

Thanksgiving Cleanup

Live action video of before-and-after of having a sumptuous three course Thanksgiving meal, followed by and the ease of cleaning up all the dishes and pans with 20 Mule Team® Borax. Responsible for video shoot setup, props logistics and staging, and post production editing.

Many Uses of Borax

Vector animation to communicate that 20 Mule Team® Borax can help with cleaning all around the house: Bathroom, kitchen, laundry room, and living room. Responsible for vector illustrations and post production editing.

Clean Oven, Happy Oven

Vector animation to communicate the rigorous cooking your oven goes through during the holiday season, and how to get it back to its pre-holiday shine with 20 Mule Team® Borax. Responsible for vector illustrations and post production editing.