Concept build · Manama
Dayyin Jewellers Jewellery website design for Manama, a concept build
We placed Dayyin Jewellers, an invented gold and pearl shop, in Manama Souq, and wrote its pieces, weights and morning gold rate as samples for the demo. The site is for families buying wedding gold, people weighing up pearls and anyone who wants to check a price before walking into the souk, so every piece carries a printed receipt with its karat, weight, gold value, making charge, VAT and total in Bahraini dinars. The receipts, the calculator, the compare drawer and the booking times all respond as you use them.
A concept build: Dayyin Jewellers is a fictional brand we created to show how we design and build a jewellery website for Manama. It is not a client and not a real company; our client work is on the work page.
The complete homepage, live
Both frames run the real site. Scroll inside them, try the piece receipts that rework every line, from gold value to vat and the total in dinars, when you change the karat or the size, or open it in a new tab.
How we designed a jewellery website for Manama
Show the sums
A dayyin was the rope bag a pearl diver wore, and his catch was opened on deck in front of everyone. The site takes that idea literally: each piece prints the gold value at the day's rate, the making charge per gram and as a total, then VAT and the total to the fils. Change the karat or the size and every line reworks itself, so the price is never a mystery to be asked about at the counter.
The rate leads the page
Gold buyers in Manama check the rate per gram first, so it sits in a strip under the header, on a board beside the headline and in a full table for 24K, 22K, 21K and 18K. Every figure carries the time it was set and is marked as a sample in the demo. On a live site it would be updated each morning.
Bridal, piece by piece
A bridal set is often chosen by several generations of a family together, and the budget rarely covers every piece. The bridal receipt lets them tick the collar, the earrings and the ring on or off and watch the weight and total change. The section sits on a solid lapis block so it reads as its own room, with a button that books a bridal appointment directly.
Pearls without the myths
Pearls are part of Bahrain's history and still a big part of the souk, and buyers ask how to tell natural from cultured. A plain comparison table answers that it takes a laboratory test, not a look or a bite. The pearl earrings' receipt shows the cultured pearls as their own line, priced as a pair, apart from the gold.
What the homepage includes
- Header with the day's rate strip
- Hero with rate board and a priced bangle
- Today's rate and calculator
- How a price is built
- Pieces with their receipts
- Bridal sets
- Natural and cultured pearls
- Exchange and buy-back
- Custom orders
- Visit and appointment booking
- FAQ
- Closing call to action and footer
Features and interactions
- Piece receipts that rework every line, from gold value to VAT and the total in dinars, when you change the karat or the size
- A calculator for a piece you already own: choose the karat, enter the weight and making charge, and a full receipt prints, with plain messages for invalid entries
- Compare drawer that holds up to three pieces and marks the lowest price per gram, all in
- Bridal set receipt with tick boxes for the collar, earrings and ring, so any combination can be priced
- Appointment form that offers only times when the shop is open, with Friday evenings only and no past times on the day
- Bridal appointment button that selects the visit's purpose in the booking form
- Pieces as a swipe rail on phones, and a screen reader summary of each new total in one line
The whole page, top to bottom
Palette and type
- Velvet #121011
- Bone #EFE9DF
- Oyster #D9D4CC
- Lapis #233C7A
- Rose gold #B7826B
Type: Cormorant Garamond, Mulish, Aref Ruqaa (for the Arabic name and tagline).
Languages: English.
How it is built
- Hand-built HTML, CSS and JavaScript, no framework
- GSAP 3.15.0 with ScrollTrigger and SplitText
- Lenis 1.3.26 smooth scrolling
- Photographs generated with Higgsfield (Nano Banana Pro), served as WebP, with AVIF for the hero
- One rate table in the script drives every price, worked in whole fils and formatted with Intl.NumberFormat
- Homepage weight about 600 KB on desktop and about 510 KB on a phone, measured on our machine on 28 Oct 2026
Need a jewellery website like this?
We design and build sites like this one for real businesses, with your brand, your photographs, your prices and the forms wired to your team. See what goes into jewellery websites, our web development service, our website prices and how we work with businesses in Bahrain, or browse every concept build.
Questions
What do buyers look for on a gold and pearl jeweller's website in Bahrain?
The rate per gram for each karat you sell, with the time it was set, and pieces that show their karat, weight and making charge rather than a single unexplained price. Add a plain section on natural and cultured pearls, your exchange and buy-back terms, and your souk location with opening hours. Finish with an easy way to book a visit or ask about a piece by its code.
Should a jewellery website show the making charge on each piece?
It helps buyers trust the price. Gold is priced from the rate per gram on the day, so a buyer can check the gold value but cannot judge the rest unless it is set out. Listing the karat, the weight, the gold value at the stated rate, the making charge and VAT as separate lines lets a family compare one shop with another and see where the difference lies.
How should a jewellery website in Bahrain explain natural and cultured pearls?
Plainly, and without promising what a photograph cannot show. Say that only a laboratory test can tell a natural pearl from a cultured one, explain how a buyer can ask for a test report, and label every pearl piece as one or the other. Pricing the pearls on their own line, apart from any gold in the setting, makes the difference easy to see.
More concept builds
Websites
Want yours built like this?
Tell us about your business. We'll plan the pages, the bookings or enquiries, and the launch.
Every rupee you spend with us has to earn its keep.
