Back to projects
Live2025 — PresentWeb

Madinah Butchery — Halal Meat Delivery

Full-stack e-commerce for a Sydney halal butchery — same-day delivery, custom cuts, and weekly specials.

Visit live site

Period

2025 — Present

My role

Full-Stack Developer

Team

Solo

Client

Madinah Butchery

The Problem

Why this needed to exist.

Madinah Butchery had a loyal in-store customer base and 8,000+ newsletter subscribers but no way to sell online. Customers wanted to order halal cuts for same-day delivery without visiting the Liverpool storefront, and the business needed delivery logic that respected cutoff times and Sydney metro coverage without manual dispatching.

The Approach

How I solved it.

Built a Next.js storefront with category browsing (beef, lamb, goat, poultry, sausages, marinated, burgers), weekly specials with countdown timers, and a cart/checkout flow that supports custom cut requests. Delivery eligibility, cutoff windows (same-day before 10am, next-day after), and free-delivery thresholds are computed server-side per postcode so the storefront always reflects accurate, real-time delivery promises.

Personas

Who I designed for.

Each persona shaped a specific surface of the product. Goals and pain points were validated through interviews and shadowing.

HC

Amina

Home Cook

Goals

  • Order fresh halal cuts for same-day dinner
  • Trust the sourcing and cut quality without seeing it in person
  • Request a specific cut or trim without calling the shop

Pain Points

  • No online ordering meant a trip to Liverpool for every order
  • Uncertainty about whether delivery would arrive same-day
  • No easy way to ask for a custom cut remotely
CB

Yusuf

Catering / Bulk Buyer

Goals

  • Order larger quantities ahead of an event
  • Get consistent pricing by weight across cuts
  • Confirm delivery will land within a firm window

Pain Points

  • Phone orders were error-prone for large quantities
  • No visibility into stock or specials before calling
  • Delivery timing was a black box
SO

Bilal

Shop Owner / Operator

Goals

  • Grow revenue beyond foot traffic without hiring more staff
  • Run weekly specials to move house-made stock
  • Keep delivery promises accurate so trust (and 4.9★ reviews) holds

Pain Points

  • No channel to reach the 8,000+ newsletter list with orders
  • Manually tracking which postcodes and times were deliverable
  • Risk of over-promising delivery and disappointing customers

Use Cases

Key user flows.

The most critical scenarios the product is designed to make effortless.

01

Home Cook

Order for same-day delivery

  1. 1Browse by category or weekly specials
  2. 2Add cuts to cart, priced by kg or per pack
  3. 3Enter delivery postcode; see same-day vs. next-day cutoff live
  4. 4Checkout — free delivery auto-applies over $80
02

Home Cook

Request a custom cut

  1. 1Add a product to cart
  2. 2Leave a custom cut / trim note at checkout
  3. 3Order routes to the butchery with the request attached
  4. 4Butcher prepares to spec before dispatch
03

Shop Owner

Run a weekly special

  1. 1Mark a product as this week's special with a countdown
  2. 2Special surfaces on the homepage and category pages
  3. 3Track orders driven by the special
  4. 4Special auto-expires and reverts to standard pricing

UX Process

How I got from problem to product.

The end-to-end design process — from research to ship.

  1. 01

    Discovery

    Mapped the in-store buying experience — categories, house-made items, sourcing claims — to translate trust signals (NSW grassfed, free-range, traceable origins) into the online storefront.

  2. 02

    Delivery Logic Design

    Modeled cutoff times, postcode coverage (2000–2234), and free-delivery thresholds as server-side rules so the UI never shows a promise the business can't keep.

  3. 03

    Information Architecture

    Structured the catalog around how customers actually shop — beef, lamb, goat, poultry, sausages, marinated, burgers — with weekly specials layered on top.

  4. 04

    Checkout & Custom Cuts

    Designed a lightweight checkout-notes flow for custom cut requests instead of a heavyweight configurator, matching how staff already took special requests over the phone.

  5. 05

    Build & Launch

    Shipped the storefront end-to-end solo, integrating the existing newsletter and social presence rather than replacing it.

Roadmap

What shipped — and what's next.

Phased rollout, with each phase validating learnings from the last.

  1. Phase 1 — Storefront MVP

    Shipped

    Q1 2025

    • Category browsing and product catalog
    • Cart and checkout with custom cut notes
    • Weekly specials with countdown timers

  2. Phase 2 — Delivery logic

    Shipped

    Q2 2025

    • Postcode-based delivery eligibility (2000–2234)
    • Same-day (10am cutoff) vs. next-day dispatch rules
    • Free delivery threshold over $80

  3. Phase 3 — Growth & retention

    In progress

    Q3 2025

    • Newsletter and social integration for repeat orders
    • House-made item merchandising (sausages, kefta, marinated)
    • Reviews and trust signals surfaced on-site

Tech Stack

Built with.

Next.jsReactTypeScriptNode.jsMongoDBTailwind CSS

Engineering Challenges

Hard problems worth solving.

  • Modeling delivery cutoff and postcode rules so the UI never over-promises
  • Keeping a lightweight custom-cut request flow instead of a complex product configurator
  • Carrying over in-store trust signals (sourcing, reviews) to a first-time online buyer

Outcomes

The numbers that matter.

Sydney metro

Same-day delivery live across postcodes 2000–2234

4.9★

Google rating carried over and displayed storefront-wide

8,000+

Newsletter subscribers now channel into online orders

Live

In production at madinahbutchery.com.au

Previous case studyZiggasa — Jobs & Education PortalNext case studyAnti-Money Laundering (AML) Application