Designing Stories with Green Hat Gin

Posted by on Nov 18, 2013 in Blog | No Comments
Designing Stories with Green Hat Gin

Creative and unusual web design always catches our eye, which is why when we saw’s article about Green Hat Gin, we had to stop, browse through the site, and then tell you all about it. Relying heavily on storytelling, they had to trust that the design was intriguing enough to keep people scrolling long enough to catch on to the intended user-experience. We think that they succeeded and ended up with a memorable website that represents Green Hat Gin perfectly.

Stephanie Orma from gives us some extra details about how the web design and branding came to be:

“When retired lawyer Michael Lowe and son-in-law John Uselton launched New Columbia Distillers, the first distillery in the nation’s capital since Prohibition, they were thirsting for a website and brand that would capitalize on the story of their inaugural brew, Green Hat Gin.

Paying homage to D.C.’s spirited past, the name nods to infamous bootlegger George Cassiday, whose trademark was a green fedora.

As the startup’s primary marketing tool, the website needed to engage the company’s hip, web-savvy target demographic and feel as custom and unique as the craft distillery’s limited-distribution spirits. Lowe and Uselton turned to renowned D.C. creative firm Design Army, whose clients range from The Washington Ballet to Bloomingdale’s. The 11-person shop, led by husband-and-wife graphic designers Jake and Pum Lefebure, designed Green Hat’s logo, with its cleverly integrated hat motif, and conceived a website that feels as if the user is flipping through old-style newspapers and catalogs from the 1920s.

‘We didn’t want to create just a click, click, click site,’ Jake Lefebure says. ‘We wanted something more fluid and smooth, in the same way you would read a newspaper and flip the pages as you scroll. We also knew a lot of users would be on mobile and tablets, so making it natural to navigate on those devices was the way to go.’

The design not only stays true to Green Hat Gin’s storied history, it also creates a brand that is visually distinct from its competitors. Incorporating old-fashioned catalog illustrations, fonts reminiscent of newspaper headlines and text, and cocktails playfully distinguished by hat styles, the product achieves a visual voice all its own.

‘The website is quite distinctive but also structured so we could provide all the practical information to make it useful to our customers and establish our brand,’ Lowe says. ‘It’s old-style on the surface but very much updated in its use. It really makes it an experience for somebody visiting the site.’

… From the shelf to the website, the design sensibilities are consistent. ‘Because it’s a new product, having the bottle label and site match perfectly was critical to create brand recognition so consumers start to remember the product,’ Pum Lefebure says. ‘Design is no longer just cosmetic or ‘make something pretty.’ Good designers think strategically, ask the right questions and help their clients’ businesses grow.’

It seems the effort is paying off. ‘For a brand-new product like ours, garnering the kind of interest we’ve had in our website has been crucial,’ Lowe says. ‘Not only has it helped get the word out, we’ve had so many people come to the distillery and comment, ‘Your website is spectacular. It really made me want to visit you.’’

-Read the entire article

Would you like to talk to us about creating an awesome website for your business? Fill us in on what you’re up to and how we can help!

You can also find us hanging around Facebook, Twitter, Pinterest, and Tumbler!

Leave a Reply