Mare Island Brewing Co

Web Design  •  Art Direction   •  Wire Framing  •  UI / UX  •    Illustration  •  Web-based Interactions
Imagine a naval history museum that brews its own beer. I approached this modern brewery, literally built upon the ruins of a legendary naval base that shaped American history, to craft a website that honors the renowned island and the brewery's mission to preserve history for generations to come.

Problem

The brewery was about to open its third Bay Area location, yet most customers were unaware that a second location already existed.

Big Idea

Build a site that acts as an anchor for the overall brand, while giving each unique location its own dedicated platform to promote events and distinct restaurant menus.

Challenges

The former website was built using a wine subscription platform for compliance purposes and we needed the new site to seamlessly integrate with WineDirect's sales platform.

Moody •  Nautical  •  Old Shipyard  •  Foggy Mornings  •  Industrial  •  Old Brick  •

Moody •  Nautical  •  Old Shipyard  •  Foggy Mornings  •  Industrial  •  Old Brick  •

A bustling craft brewery rises from the rubble of a shuttered historic shipyard named for a legendary horse that helped forge American history.

Photo References / Inspiration

Desktop Flowchart

Mobile Flowchart

A "moody" style guide

Custom Icon Pack

Waterfront
Views
Historic
Building
Scenic
Downtown
Crow's Nest
Rooftop Patio
Private Whaleboat
Events Room
Spacious Streetside
Patio

Figma Prototype

Home, Location, & Society Pages

Incorporating Island Textures + Photos

Turning Real Maps into Branded Images

Interactive Timeline

Responsive Features