Showcase build / Online shop / WordPress

Bukid Coffee Roasters

WooCommerce shop for a single origin coffee roaster.

View live demo

A static copy of the site: browse every page; forms are switched off.

For the business

Before: Orders come in by message and get tracked by hand.

Customers choose, pay and pick delivery or pickup online, and every order lands in one list.

An online shop for a Marikina roaster of single origin Philippine coffee, with a café and wholesale. Buyers shop by origin, roast and process, and every coffee has a bag style label in its origin colour.

What it does

  • Full WooCommerce store: variable products by size and grind, delivery zones with a free delivery threshold, local pickup.
  • Coffee label fields on products and an Origins post type; custom Elementor widgets Coffee Cards, Coffee Label and Origin Cards.
  • The shop, product, cart and checkout use the theme's own WooCommerce templates.

Design

  • White paper and roast green ink with one coffee cherry red.
  • Each origin has its own label colour (Benguet, Sagada, Mt. Apo, Bukidnon, Kalinga, Batangas).
  • Unbounded for headings, Hanken Grotesk for text and prices.

Screens

  • Bukid Coffee Roasters: Home
    Home
  • Bukid Coffee Roasters: Home on a phone
    Home on a phone
  • Bukid Coffee Roasters: Shop: coffees as label cards with roast and process filters
    Shop: coffees as label cards with roast and process filters
  • Bukid Coffee Roasters: Product page with size and grind choices
    Product page with size and grind choices
  • Bukid Coffee Roasters: The six growing regions
    The six growing regions

Other WordPress sites

All projects