Maker's Mark UI Systems

All the UI elements used for Maker's Mark, showing button stylings, form fields, toggle buttons, progress bars, filtering UI, and loading images.

Maker's Mark collaborated with Turner Duckworth and Doe-Anderson to refresh their brand identity. As a result, they needed to update digital assets for their website and marketing communications.

contributions

System design
Art direction
Web design
makersmark.com

challenge

Our team needed to adapt the 2020 Maker's Mark rebrand for all digital ecosystems i.e. their website, brand activations and programs, and email marketing.

exploration

We aimed to build a comprehensive UI kit so our brand teams and external partners had access to consistent elements across all campaigns and programs. Our team decided to turn to Figma shared libraries, for agency-wide and brand-wide consistency.

Examples from three platforms in Maker's Mark digital ecosystem – the personalized label program, makersmark.com, and the Maker's Hour Hub.
Desktop view of the Whisky Drop subscription box and the UI that shows what users get each shipment.
A collage of Maker's Mark branded emails utilizing the new visual identity and UI system.
No items found.
No items found.
No items found.

As our team built out the various usage examples and refined the brand's shared Figma library, we started to share files with Maker's Mark teams. Since the beginning of 2022 we've shared the kit with, most notably, our US, UK, Korea, and Japan teams.

‍

Ultimately, this ever-evolving library provided the teams a collaborative and flexible format, while also keeping files up-to-date without the need for duplicative efforts.

Creative Direction

Kevin Price

Zach Stewart

‍

‍

Art Direction / UI Design

William Schultz

Project Management

Matt Karaffa

‍

‍

Account Management

Erin Spalding

Taylor Newman

‍

‍

Development

Jerrod Long

Kenton Glass

Carolina Barboza-Orman

Illustration

Sirima Rattanamanokorn

‍

‍

Copywriting

David Vawter

Christian Walsh

Kent Beal