Mare Island Brewing Co
Figma • 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
Figma
Mobile Flowchart
Figma
A "moody" style guide
Figma
Custom Icon Pack
Adobe Illustrator
Waterfront
Views
Views
Historic
Building
Building
Scenic
Downtown
Downtown
Crow's Nest
Rooftop Patio
Rooftop Patio
Private Whaleboat
Events Room
Events Room
Spacious Streetside
Patio
Patio
Figma Prototype
Figma
Home, Location, & Society Pages
Webflow
Incorporating Island Textures + Photos
Webflow • Adobe Photoshop
Turning Real Maps into Branded Images
Webflow • Adobe Illustrator
Interactive Timeline
Webflow
Responsive Features
Webflow
