← All work
Case Study

Dogfish Head XM Cloud

Dogfish Head needed a new website and a path off their legacy CMS. The tricky part: keeping the brand weird while making it scale.

Live site: dogfish.com

Role Lead Experience Designer
Scope Consumer UX · Visual design · CMS architecture
Year 2024–2026
Employer Verndale
Dogfish Head homepage redesign — bold brand expression with 60 Minute IPA hero and product navigation

The challenge

Brand first, then buildability.

Dogfish Head’s identity is distinctive and irreverent. The challenge was capturing that energy in a system their team could actually maintain, without a developer on call every time they needed to update a page.


Discovery

Where people find beer.

The product discovery model had to reflect how people actually shop: by occasion, by what’s nearby, by what’s in front of them. We restructured the catalog around those real-world entry points rather than internal taxonomy.

Dogfish Head sitemap v6.0 — full information architecture across beverages, hospitality, events, and commerce

Visual direction

Getting the tone right.

The brand has a specific energy: craft, counterculture, a little irreverent. The design had to carry that without tipping into chaos. We explored multiple directions before landing on something that felt unmistakably Dogfish Head at every breakpoint.

Dogfish Head visual direction exploration — brand typography and layout
Dogfish Head visual direction exploration — product-forward design
Dogfish Head visual direction exploration — brand expression at scale

Commerce

From browse to buy.

The commerce experience needed to connect product discovery, localized availability, and purchase without friction. We designed for the moment someone finds a beer they want and needs to know where to get it.

Dogfish Head redesigned homepage — 60 Minute IPA hero with product discovery and brewery storytelling
Dogfish Head mobile homepage — responsive product hero with purchase pathways
Dogfish Head events page — filterable events connecting digital to in-person activation
Dogfish Head navigation mega-menu — Visit section with location listings and imagery
Dogfish Head x Grateful Dead collaboration landing page with product lineup and brand storytelling
Brand collaboration

A co-branded landing page for the Grateful Dead partnership, combining product education with campaign storytelling.

Dogfish Head product discovery carousel with colorful can photography and category browsing
Product discovery

A browsable product carousel with bold photography, designed for cross-sell and seasonal promotion.

Dogfish Head Alternate Takes Whiskey product detail page with spirits branding
Spirits detail

The product template adapted for the spirits line, with distinct color theming and tasting notes.


CMS

Built to be maintained.

The move to XM Cloud gave the Dogfish Head team editorial independence. Page templates, component logic, and content guidelines were all part of the handoff, so the site could evolve without starting over.

Dogfish Head Visit page — four coastal Delaware locations with branded illustration and photography
Visit landing

A gateway to four coastal Delaware properties, blending branded illustration with location photography.

Dogfish Head Weddings and Private Events page with venue photography and inquiry flow
Weddings & Events

Event pages connecting venue photography with availability, pricing, and inquiry flows.

Dogfish Head Brewings and Eats location page with food photography, hours, and history
Location detail

Each property gets its own template with hours, menus, history, and photo galleries.


Outcomes

Off legacy CMS

Migrated to Sitecore XM Cloud.

Brand intact

Identity translated cleanly into a scalable system.

Editorial independence

Team can manage content without developer support.

Next case study
Voyager Sopris Velocity
Senior Product Designer

Voyager Sopris Velocity

K–5 adaptive learning product. Research through design system delivery.

Open to new work.

Boston & remote

will.a.bruno@gmail.com