Broadsheet Coffee

Task: Design a website for a brand new coffee roastery that provides basic cafe information along with what makes them so special.

www.broadsheetcoffee.com

Key factors

  • Clean, pastel color palette, light/airy/fresh

  • Comprehensive menu design

  • Coffee descriptions

  • Online store

  • Blog

Audience

  • Locals looking for menu and hours
  • Tourists
  • Coffee aficionados 

Landing Page

Colorful imagery with text overlays & links. Important stuff above the navbar: hours, phone (clickable for mobile) and social links. 

The cafe has a fun COFFEE neon sign on their front window that frowns when they’re closed. I create an animated SVG of this to add some interest and brand recognition.

See the Pen Smiley Coffee SVG by Katie Langerman (@langermank) on CodePen.

Coffee

Coffee descriptions are really important for Broadsheet. I designed unique illustrations per coffee based on their tasting notes and displayed everything in an alternating 2 col box-like grid.

Shop

Set up a basic online shop for their coffee bags using a Square integration for WooCommerce that works with their POS- easy bookkeeping!

Misc

Cafe page gives the user a feel for what the environment is like using photography provided by Broadsheet.

Occasionally I help out Broadsheet with small design projects, like reward cards, swag and signage. 

Close Menu