HomePostsAug 09, 2016

Brewery Site Framework for Craft Beer Branding Gods

You never who who you’ll meet in preschool.

As a design agency, we value partners like Josh who strive beyond execution and endeavor to improve the final product for our clients.

– Ryan Applegate, Senior Designer at Blindtiger

In one of those “meant to be” moments, I met the founder and president of the mind-bogglingly talented craft beer agency here in Seattle, Blindtiger. Oceania (Oce for short) invited me down to the office to talk shop and it just clicked.

The design team, lead by Ryan Applegate, were well-versed in WordPress but didn’t want to be hemmed in by lame theme frameworks or constantly fighting minor style changes. They didn’t want to start from scratch for each brewery they branded, creating an over-priced, completely custom site each time.

I created literally nothing in or about the photo above. I created literally nothing in or about the photo above.Enter the custom WordPress site framework.

Using wireframes for the first site we would build together, we created a spec that would cover the needs of most breweries they work with. This included:

We talked through how to build this in a way that would be easy to reuse in terms of functionality but allow the site to follow brand guidelines. In other words, we didn’t want to build a “website template,” we wanted a base platform of functionality we could skin completely differently for each client.

Ryan’s wireframe game is definitely on-point which made for really productive conversations about the layout should flow, how the wp-admin UI should be built, and how we could build each of these components once but reuse them on all the sites that followed.


About WordPress … Ryan was quite familiar with site management using WordPress but, because of a few recent, unfortunate experiences with what I call “WP-Admin UI Creep,” was hesitant to just default to WordPress. After getting a tour of one of his worst offenders (somewhere around 40 active plugins and 3 times as many top-level admin menu items as a plain install), I could see why.

The thorough wireframes were enough to start building out a sample user interface for brewery owners, managers, and marketers. I figured we could achieve everything we needed, outside of the true custom work in the parent theme, with a handful of plugins, including the always-capable Advanced Custom Fields (I’m still kicking myself for maintaining a custom meta field class for years instead of using this). With Ryan’s guidance in Trello, I built out the UI first to show that WordPress could do everything they needed with a clear and intuitive editing experience.

Custom page layouts can be made using the flexible content field, giving them lots of leeway to be creative but limited by brand guidelines for colors.


Custom post types and taxonomies were used to create beer listings, food listings, and draft beer types that made adding new offerings very simple.


After seeing just a handful of the additional fields in action, Ryan agreed that WordPress would be the best choice for what we were trying to do here.

Working with a design studio as talented and approachable as Blindtiger is, of course, always a pleasure but what made this project stand out as one of my favorites in a long time was thinking through 2 key components:

1 – Ease of use and flexibility while preserving brand guidelines

How do we make content management for breweries as simple as possible while also giving them the freedom to express themselves? How do we do that in a way that keeps the brand guidelines intact?

There is no universal, easy answer here but our solution was to create a system of distinct templates for specific purposes combined with a flexible layout template for everything else.

The specific templates were:

These pre-built templates give the kind of functionality breweries need while giving Blindtiger explicit control over the user interface to avoid breakage.

Augmenting these are flexible pages that allow content listing however the site admins see fit:

The brewery gets the flexibility they want and Blindtiger can still feel great about how their hard work on branding is displayed. Win win!

2 – Ability to re-use our work without looking like a template

One thing we all agreed on was that each site had to look unique; we weren’t selling a website template, we were selling brewery-specific functionality wrapped in a gorgeous brand that Blindtiger was creating. We wanted to save time with additional iterations but not at the cost of a cookie-cutter looking group of sites.

Ryan and I worked together in figuring out how this would work starting with the second site using the framework. We intentionally used very similar wireframe components so the functionality could be pulled from the parent theme. The final designs, however, were a world apart with a completely different look and feel.

For the child theme, I made some very deliberate choices to keep us as DRY as possible but retain flexibility:

We had a great time working together to build this system and with one site launched, one site close, and one site in the works as of this writing, we’re honing our process and cutting launch time down drastically.

Josh continually exceeds our expectations by delivering new ideas, solving problems and participating in the creative process. His work ethic and promptness help us stay on-time and on-budget.

– Ryan Applegate

Huge thanks to Blindtiger for a great couple of projects and many more to come!

< Take Action >

Suggest changes on GitHub ›

Comment via:

Email › GitHub ›

Subscribe via:
RSS › Twitter › GitHub ›

< Read More >

WordPress About JoshCanHelp

Oct 09, 2016

Repo: Missed Search Log for WordPress

Concept for a log of search terms with no results on a WordPress site.


Jun 11, 2016

Community and eCommerce Site for Massive Minecraft Community

8-month engagement to provide engineering, strategy, code review, pair programming, performance reviews, and security guidance.