Broadsheet Coffee

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

Key factors

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

  • Comprehensive menu design

  • Coffee descriptions

  • Online store

  • Blog


  • 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 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.


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


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. 



Coffee descriptions

Inspirational cafe page (photography)

Close Menu