Marko Vuruna
Start a project
MV
Hire me
← Back to work

The Angry Roaster Coffee Co.: Angry Roaster

A small-batch coffee roaster in Dundas, Ontario. I built and launched the new Shopify site from the designer’s Figma, then set up the email, SEO and wholesale behind it.

CategoryWeb design · Shopify · Klaviyo
RoleDesign · Build · Launch
Years2026
Google speed score on phones32 → 90
Scroll for the full story ↓Drag the pagesFrom Toronto · TO

The brief

Turn a small-batch roaster’s new brand design into a Shopify store that sells coffee as boldly as the bags look.

Client
The Angry Roaster Coffee Co.
About
Website, Shopify, email & SEO
My role
Design · Build · Launch
Years
2026
Services
Web design · Shopify · Klaviyo · SEO · B2B
Live site
theangryroaster.com ↗

The result

32 → 90

Google speed score on phones, old site vs new

Live and working for the business today.

Speed check · Google Lighthouse · Nov 2026

Fast on every screen.

Performance

90Phone100Desktop

Accessibility

97Phone97Desktop

SEO

100Phone100Desktop

The old site scored 32 on phones. Run it yourself at pagespeed.web.dev.

What I did

Every part of it, hands-on.

  1. 01

    Shopify theme rebuilt from the designer’s Figma, matched font for font

  2. 02

    Homepage with the current roasts, a mood picker and the roastery story

  3. 03

    Product pages that read like the bag: region, altitude, process and notes

  4. 04

    Editorial layout for brew guides, How We Roast, FAQ and policies

  5. 05

    Checkout, sign-in and Instagram link-in-bio pages in the same style

  6. 06

    Launched on a draft first, then checked live: pages, fonts, checkout

  7. 07

    Klaviyo from scratch: 11 live flows and a sign-up pop-up, list moved over from Sender (842 → 1,326)

  8. 08

    SEO: schema, titles on 54 pages, 98 alt texts, 42 redirects, a US store and a French (Quebec) site

  9. 09

    Merchant Center return policy and shipping fixed; Google Ads purchases no longer double counted

  10. 10

    141 cafés moved onto Shopify B2B with a $400 minimum, plus Roast Planner, a custom app for roast days

Best pages · click to scroll the whole page

Running now

The system behind it

  • 3Design
  • 3Shop
  • 11Klaviyo
  • 4SEO
  • 3Wholesale

Design3

  • The designer’s Figma built to the type: Kazimir italic headings, Brandon Grotesque labels, Input Mono body
  • Cream and acid colour system with 4px corners
  • Editorial template for every content page

Shop3

  • Coffees sorted by mood: Calm, Mood Swing and Angry
  • Product pages with origin, altitude, process and tasting notes
  • Checkout and sign-in pages styled to match

Klaviyo11

  1. Welcome, abandoned checkout, abandoned cart, browse
  2. Post-purchase, win-back, sunset, back in stock
  3. Wholesale welcome and reorder, Google review request
  4. Sign-up pop-up with unique welcome codes

SEO4

  • Product, FAQ, breadcrumb and organisation schema
  • Titles on 54 pages, alt text on 98 images, 42 redirects
  • US store with hreflang, and a French (Quebec) site
  • Search Console and Merchant Center fixed

Wholesale3

  • 141 cafés moved onto Shopify B2B
  • A $400 minimum enforced at checkout
  • Roast Planner: a custom Shopify app for roast days

More work

SHIELD55 → 99Endura2 daysAJ Sports+47%Gold Rewards0Aquila8.5×Racer Sportif2.3×SALT9.6×MC Metalworks100CSM25+COOKED99Stool Scout100
Next caseCertified Sports Memorabilia →

Want this for your store?

Shopify, email, social and paid, from one person who builds it, ships it and owns the numbers.

Start a project

Replies within one business day13 years12 brands