A frictionless, journey that seduces and entices patrons to create cocktails.

Mobile-led cards, trending rails, and contextual CTAs guide exploration; the recipe page spotlights essentials (glass type, skill level, main spirit) with one-tap actions to save, share, or print. It's designed to move users from browse → pick → pour in just a few taps.

Failed to load image

The Cocktail Project by Jim Beam

New Site Responsive Design

ROLE(s)

Principal UX Designer + UX Director + Creative Visionary

THE CLIENT

Suntory Lab + Jim Beam

TOOLS

Sketch, InVision Prototyping, Zeplin, MS Word, Slack, PowerPoint, Adobe Suite

SERVICES

  • • User Experience Design
  • • User Research
  • • Content Strategy
  • • Design Library Creation
  • • Prototype
  • • Brand Development
  • • Logo Design

DURATION

Sept 2016 - Sept 2017

The Strategy

The right path for every palate.

Build the homepage as a gateway for Recipe Searchers, Cocktail Lifestylists, and Spirits Enthusiasts. When the audience sees themselves instantly, they stay, explore, and make a drink—exactly the behavior we designed for.

Built from Skratch

Failed to load image

Before
UX Design

Principle UX/UI Designer

As Principal UX/UI Designer, I shaped the solution by driving the complete design journey—translating business needs into a user-centered solution. I created, a sitemape, wireframes, problem-solving, empathy, design iteration, prototyping through user testing research.

Persona

Failed to load image

Cocktail Lifestylist
UX Strategy

Loading image... 58%

Strategy
UX DesignSite Map

Loading image... 76%

Site Map
Design Direction

Design Principles

Empowering

InsightfulMeaningfulUseful

Harmonious

IntentionalMinimalElegant

Simple

FocusedEfficientPrioritizedProgressive Disclosure

Learnable

IntuitiveFamiliarPredictableUsable
UX Design

Loading image... 58%

Wireframe
User Testing

Loading image... 58%

Color Harmony
UI Design

Home Page Solution

Loading image... 73%

Color Palette
UI DesignFinal Design

Recipe Detail

Loading image... 49%

Button Component
UI DesignFinal Designs

Page Designs

Loading image... 44%

Measure Detail Overview

Loading image... 63%

Measure Detail Card Practices

Loading image... 83%

Members Detail

Loading image... 62%

Population Builder Landing Page

Loading image... 30%

Dashboard Summary