Skip to content
All projects

Case study 01

Al-Madina Jewellers

Digital Commerce Platform for a Jewellery Business

Category
E-commerce · Jewellery · Business Platform
Location
Sarafa Market, Mandi Bahauddin, Pakistan
Al-Madina Jewellers homepage with gold bangles, a bridal necklace and the headline “Weighed Honestly, Made Beautifully”

Overview

Al-Madina Jewellers is a jewellery house in Sarafa Market, Mandi Bahauddin, making and selling 22K gold and silver jewellery.

The website brings the shop’s collections, daily gold rates, gold buying, custom orders and bridal consultations into one place — for customers visiting the counter and for families ordering from elsewhere.

The Challenge

Jewellery is bought on trust. Customers want to know the day’s rate, the real weight of a piece and exactly what they are paying for before they commit.

The shop already works this way at the counter — the rate is posted daily, the weight is shown openly and the making charge is told upfront. The website needed to carry the same transparency online, and still leave room for the conversations that jewellery purchases depend on.

The Approach

The site is organised around the questions customers ask first: what is today’s rate, what does this piece weigh, and how is the price calculated.

Every product shows its full specification and a price breakdown. Rates, calculators and forms sit next to the products they relate to, and WhatsApp is always one tap away for anything better handled in conversation.

UX & Design

A deep green and gold palette with classic serif headings gives the site the feel of a traditional jewellery house, while clean layouts keep product details easy to read.

Navigation mirrors how people shop for jewellery — Collections, Bridal, New Arrivals, Gold Rate, Sell Gold, Custom Order, Our Story and Stores — and a floating WhatsApp button stays within reach on every page, on desktop and mobile.

Al-Madina Jewellers homepage on a mobile phone
Al-Madina Jewellers product page on a mobile phone

Key Features

  • Jewellery catalogue

    Bridal, necklace, chokar, mala, short and ghani sets, bangles, rings, earrings, lockets & chains and silver — filterable by metal, purity, price, weight and stones.

  • Transparent product pages

    SKU, purity, gross and net weight, gold charged at rate and stone weight, with a breakdown of how each price is calculated.

  • Live gold rate board

    Gold piece, pathor, jewellery and silver rates per gram and per tola, with the international gold price for comparison and a shareable rate card.

  • Gold value calculator

    Enter a weight and purity to see the approximate metal value before visiting the shop.

  • Sell Your Gold

    Today’s buying rate, a calculator, a step-by-step explanation of how selling works and answers to common questions.

  • Custom orders

    Customers can describe a piece with a photograph, a written description or a recorded voice note.

  • Bridal consultations

    A dedicated bridal collection page with a consultation request form for wedding date and budget range.

  • WhatsApp throughout

    Enquire about any product, confirm today’s rate, request a callback or join the rate updates list — all on WhatsApp.

  • Reviews, wishlist and store visits

    Moderated customer reviews, a wishlist, sharing pieces as pictures, store viewing requests and a store page with hours and directions.

Development

The site is a modern React application using TanStack for routing, backed by Supabase and deployed on Vercel.

Product, collection and rate pages are built for search, with structured data and a sitemap, and WhatsApp links carry the product or request context so conversations start with the right details.

Technology

  • React
  • TanStack
  • Supabase
  • Vercel
  • WhatsApp
  • Structured data (Schema.org)
Product page for the Royal Pearl Floral Gold Short Set showing SKU, purity, gross and net weight and stone weight
Product page
Today’s Gold Rate in Mandi Bahauddin page with the international gold price per troy ounce and per tola
Live gold rate
Sell Your Gold page showing today’s gold buying rate per gram and per tola
Sell Your Gold
Custom Order page titled “Have it made” with options to show a picture, write a description or record a voice note
Custom orders

Live Website

Al-Madina Jewellers is live. Explore the real site at almadinajeweller.com.

Visit Live Website(opens almadinajeweller.com in a new tab)

Next project

Khawaja Collection

Fashion · E-commerce · Digital Experience

View Case Study
Khawaja Collection homepage with a model in a cream embroidered suit and the headline “Quiet luxury, honestly priced”

Have something worth building?

Tell us what you’re trying to build, automate or improve.

Start a Project