Concept Bluff Street Brewing · Brewery · San Pedro

A brewery website set like a gallery program

A brewery site set like a gallery program: black type on white, the twelve taps as a printed list.

View the live concept Get a quote for yours

Bluff Street Brewing home page on a desktop screen — Bluff Street Brewing is a made-up brand. I designed and built it to show what a brewery site can look like; the people, prices, results and reviews on it are samples.

Bluff Street Brewing home page on a phone — Bluff Street Brewing is a made-up brand. I designed and built it to show what a brewery site can look like; the people, prices, results and reviews on it are samples.

The brief

Bluff Street Brewing is a made-up brewery and taproom in San Pedro, a few blocks up from the harbor, with twelve taps, flights of four and a food truck most nights.

People checking a taproom want to know what’s pouring, whether it’s open now and what food is out front. Most brewery sites show a beer list that’s weeks old and hours in the footer.

Industry: Brewery
Type: Website
Pages: 3
Fonts: Arimo
Colors: WhiteLinenBlackSageEmber

The idea

The tap program

The site reads like the printed program a gallery hands you at the door. One weight of Arimo at every size, black ink and hairlines on white and warm linen, and documentary photos of the taproom and the harbor running edge to edge. The twelve taps are a numbered program with a square chip of each beer’s color, its style and its strength; a kicked keg stays on the list, faded, with a Kicked tag. A sage underline marks the key words, and one sage pill in the corner says whether the taproom is open right now. White, linen and black, with sage for open and ember for kicked.

Design decisions

Build the flight before you come

Add four beers from the tap list and the paddle fills, sorted light to dark by beer color, with the picks kept in the link to show at the bar.

Open now, in San Pedro time

The home and visit pages say whether the taproom is open right now or when it opens next, and mark today’s hours and today’s food truck.

Groups ask, small groups walk in

Groups of eight or more ask for the long table with a date, time and headcount; the form won’t take a Monday, when the taproom is closed.

Flight builder

The same page on a desktop and a phone. Try it live

Bluff Street Brewing: Flight builder on a phone

What’s built

Twelve taps with style, alcohol and notes, filtered by style
Flight builder: four tasters sorted light to dark
Kicked kegs marked on the program and the tap list
Open-now status and today’s hours in Pacific time
This week’s food trucks, with today marked
Group table request for 8 to 40 people

Pages to try

Everything works in the browser. Forms and checkout don’t send anything.

Want one like it?

A site like this starts at $5,000.

Your site gets its own idea, the way this one does, built around your business and your customers. You get one fixed price in writing, once you send the details, and you work with me directly from the first sketch to launch.

Pricing and process Brewery website design

Free fixed quote

Get your fixed quote

You get a fixed-scope quote within 48 hours. Everything by email.