William Bruno
04 · Case study

Dogfish Head

Role

Senior Experience Designer

Scope

Sitecore XM Cloud replatform

Studio

Verndale · 2024–2025

Status

Live at dogfish.com

Dogfish Head 60 Minute IPA homepage on a MacBook

Every screen had to feel like the brand. Not just reference it.

Context

Dogfish Head is a craft beer brand with a singular personality: loud, weird, and devoted. The old site couldn’t carry the brand or the e-commerce ambition behind it.

Challenge

Every screen had to feel like the brand without referencing it, while meeting the structural needs of Sitecore XM Cloud and a marketing team living in it daily.

Solution

I led experience design on the rebuild, balancing brand personality against a scalable platform structure for editorial, product, and seasonal campaigns.

Impact

Live at dogfish.com. A brand-forward platform the marketing team runs without breaking it.

01 · The brand

Warm, weird, and specific. The old site was polished but generic.

This isn’t just a beer brand. One site has to carry brewery, distillery, restaurant, brewpub, inn, events, and merch, and serve as a foundation for other Boston Beer Company brands.

Co-founder Sam Calagione set the operating principle: marketing is less about what your product does than what it stands for. That became the IA rule. Stories first. Products second. Transactions third.

The 60 Minute IPA campaign on the new dogfish.com.
Dogfish Head design system overview
Product detail, events, cocktails, and brand expression in one system.
02 · The navigation

Naming the nav: six frameworks, one decision.

Six naming frameworks were evaluated against two criteria: findability and brand fidelity. The winner is mostly noun-based, with brand voice applied only where it adds meaning. “Blog” became Blogfish.

Step through how the IA was rebuilt below.

Navigation naming, six frameworks evaluated
Six naming frameworks, scored for findability and brand fidelity.
Drinks mega menu, before and after
The Drinks menu went two-panel so beer stays rich without crowding out spirits and cocktails.
03 · The businesses

One platform, four lines of business.

Restaurant reservations and inn bookings don’t need reinvented UX patterns. The brand does the work, not the patterns. One template family, distinct brand codes per surface.

Regional fans get activation: events, hospitality, drops. National fans get engagement: storytelling and the Fish Finder. Same nav, different jobs.

Visit page, four coastal Delaware locations
Visit: the gateway to four coastal Delaware properties.
Dogfish Head and Grateful Dead collaboration page
The Grateful Dead collaboration: brand partnership as a design moment.
04 · The primitives

Nineteen templates only hold if the primitives underneath are explicit.

Forms aren’t just forms. They’re base, error, and success as named states. Empty search results are a designed surface, not a leftover.

Contact form, base state
The contact form, base state.
Contact form, error state
Error: field-level and summary, designed together.
Search results with results
Search, with results.
Search results, empty state
And without: designed as a path forward.
19
Templates

designed across desktop and mobile.

11
Product themes

color systems for line-of-business variation.

4
Lines of business

brewery, distillery, hospitality, and merch on one platform.

Live
In production

shipped on Sitecore XM Cloud at dogfish.com.

The calls that shaped it

Two audiences with one IA.

Regional fans get activation surfaces. National fans get storytelling and the Fish Finder. Same nav, different jobs.

Lines of business as content, not microsites.

Restaurant, inn, brewpub, and events share template structure. The differentiation lives in brand expression.

System primitives, not screens.

Form base, error, success. Search with and without. The 19 templates hold because the primitives are explicit.