city beer store

Branding / Website Template Design
Work done in collaborative efforts at 300FeetOut. All imagery provided/owned by 300FeetOut.
Project Overview
City Beer Store is a renowned haven of craft beer in San Francisco.

With growing popularity, the owners decided to relocate up the street in the SOMA neighborhood. With this last move, they also decided it was time to upgrade the brand to reflect their new bigger and better venue. Now with a rebuilt space, a full kitchen, outdoor patio, and a bazillion more taps, they needed a more polished look and feel to hold it all together.

My Contributions
• Logo Exploration
• Color & Type Exploration
• Brand Guideline Build
• Template Site Selection / CSS Customization
• Collateral Template Design


With the guidance of my art director at 300FeetOut, I assisted in designing a matured version of the brand that City Beer Store is known to have: adventurous, fun, but also fresh and a bit more elevated. My role as one of the designers was to help assist in reflecting this new look and feel by creating brand guidelines showing how to use their new typography, color palette, photography, and a refreshed/modernized logo.

Template builD & print Collateral

Once the brand was finalized, it was time to build the site. Due to the requirements of the client, we built the site using Shopify in order to keep future thinking in mind with products they wished to sell on the site. In this phase it was my responsibility to research and find a template that could accommodate the look and feel that the new brand represented, while still being easy enough for the client to manage on their own. Once the template was chosen, I went in and customized the CSS and typography to match the brand, and populated the site with the correct pages and content provided.

Along with the website, the client also needed help with print collateral. I assisted in designing a multitude of templates for menus and event posters that the client could update in-house, as well as creating a new set of business cards reflecting the now-current brand identity.
sitemap IA
Look and feel of the new website.
Business Card design.
Page sample of menu.