Mythology Distillery: Building a Direct-to-Consumer eCommerce Website

Mythology Distillery is a Colorado-based liquor distillery known for its unique whiskey blends, handcrafted gin, and a distinctive Colorado lifestyle brand image.

Client:

Mythology Distillery

Role:

UX/UI Designer

Year:

2023

Header for landing page to boost website traffic

View Website Here



Problem:

How might we enhance the user experience and drive direct-to-consumer (DTC) sales for Mythology through a website redesign that effectively communicates product information, fosters visitor engagement and expand their email database?


Solution:

Our team designed a website that improved user experience, promote DTC sales, featured product information, cocktail recipes, brand story, distributor network, and marketing materials. We also added in essential features including an interactive ‘Where to Find Us’ map, cocktail recipe generator, and awards sections. A ‘Spirit Animal Quiz’ was also integrated to engage visitors and grow the email database (feel free to interact with it on their website 😃).


Team:

  • UX/UI Designer

  • Sr UX Designer

  • 2 Project Managers

  • 2 Developer

  • SEO Specialist


Though I came into this project during the second half of it, I contributed to the product’s growth through:

  • Wireframing

  • UX/UI Design

  • Creating the Spirit Animal Quiz Experience

  • Distributor Page

  • Spirits : Gin Page

  • QA / Handoff to Dev

Laptop mockup with the website home page

Our team started the work by by following establishing a solid understanding of the SaaS and working on gathering insights from users.

  1. Define the target audience: The first step was to identify the target audience and their needs, pain points, and preferences. Since Mythology was a well-established distillery , with a specific target audience, we were able to draft up new personas that could also be interested in their products.


  1. Create wireframes: Wireframes were drafted for the new site; We wanted to reimagine their website with more interactivity , easier navigation through the sales process, and more easily accessible


  1. Design: Once the wireframe were approved, the designs were implemented and finalized. This step involved incorporating branding elements, such as colors, fonts, and imagery, as well as optimizing the layout and design for mobile responsiveness and user experience. During this process , I collaborated with the Sr. UX Designer , as well as developers to make sure we were balancing user needs, stakeholder needs, and making sure it was a plausible build within the dev teams capabilities / hours.


  1. Develop: Throughout the design process, I was in direct and constant communication with the dev team, making sure the designs wouldn't go over the allotted hours. Once the design system was dialed in, I exported all necessary assets, and handed it over to be developed


  1. Final Audit: Once the site was developed , I scanned through a few more times on tablet, mobile, and desktop to make sure the designs hierarchy / aesthetic were in line with the design system, revisited to make sure there were no glitches.


A Roadmap to Enhanced Consumer Engagement: The Strategic Blueprint for Mythology Distillery


Our team worked closely with Mythology Distillery to build a strategy centered on showcasing the brand’s unique offerings and values, focusing on their new Steamboat campus, and promoting their craft whiskeys and gins. Key goals were to increase brand awareness, optimize online sales, educate customers with cocktail recipes, and share information about their new Colorado destination.


Let’s
work
together

I'm currently available for new work. Let me know if you're looking for a digital designer. Let’s talk about the next big thing!

I'm currently available for new work. Let me know if you're looking for a digital designer. Let’s talk about the next big thing!