Case study
A website for Brala's Best, as bold as the spread.
A headless Shopify store for Brala's Best garlic spreads, with bold type, customer videos and a merch range.
- Client
- Brala's Best
- Industry
- Food & beverage
- Platform
- Shopify
- Live site
- bralasbest.com (opens in a new tab)
01 — Overview
Brala's Best makes garlic spreads in pouches, in three flavours and a three-pack. The website is a headless Shopify store with a Next.js front end, loud in its type and warm in its colour, like the product.
Mobile — homepage 
Mobile — promotional hero 
Mobile — made with fresh garlic 
Mobile — product grid 
Mobile — product page 
Mobile — Chipotle
Mobile — homepage Mobile — promotional hero Mobile — made with fresh garlic Mobile — product grid Mobile — product page Mobile — Chipotle
Inside the build
Every pouch, side by side
The shop lays out Original, Buffalo, Chipotle and The Trio in one row, each with its star rating, a one-line description and an add-to-cart price.
Shop — the four pouches A method on the product page
Product pages pair a bundle of all three flavours with a short method for garlic bread, written in three steps.
Product page — try all three flavours Recipes with the details up front
Recipe cards show difficulty and total time before you open them.
Recipes — garlic bread, three ways Loud type, warm colour
Heavy, wide capitals and the brand's red and mustard carry from the homepage to the sticky add-to-cart bar on a phone.
