All projects
Maker's Mark UI Kit
Client
Maker's Mark®
Category
System design
DURATION
6 mo
YEAR
2021
The challenge
Adapt the 2020 Maker's Mark rebrand for all digital ecosystems i.e. their website, brand activations and programs, and email communications.
The goal
Create a comprehensive UI kit for our brand teams and external partners to be able to use consistent elements across all campaigns and programs. For this project, our team decided to turn to Figma shared libraries, for agency-wide and brand-wide consistency. It was the first time we'd explored this tool, and I was tasked with leading this initiative. We aimed to build out all the singular elements, to be used as the building blocks for all layouts following.
View the live site
PROCESS –
PROCESS –
PROCESS –
PROCESS –
the process
Read more
When handed the guidelines for the Maker's Mark 2020 visual identity, there were many opportunities to explore digital implementations. The question was, how would we achieve practical changes as an interim to a complete site redesign, while still being complementary to the new brand standards? We needed to accommodate the new color combinations and then either re-skin or newly craft UI elements that weren't included in the first pass of the standards – buttons, forms, navigation styling, etc.
No items found.
Conclusion
A website is nothing close to a print ad, so this was a sign that we'd been on the right track, and we were close to being able to share what we've accomplished with our partners.
Since the rounding out of 2021 into 2022, we've shared the kit with, most notably, our US and UK teams. Most recently, we shared our work with Maker's Mark Korea – and I'm sure we'll continue sharing as the kit grows. Ultimately, we needed something that was flexible, with room to grow, but also something that was collaborative and always up-to-date, even for those that don't use Adobe programs. This is an ever-evolving file, which was one of the most beautiful things about learning and using Figma.
Read the full case study
View the live site
