MernLabs
← All work
SafayaE-commerce

A bespoke luxury jewellery commerce platform featuring real-time diamond marketplace integrations.

Web DesignWeb DevelopmentUI/UX DesignE-commerce DevelopmentAPI DevelopmentDatabase ArchitectureAuthentication & SecurityThird-Party IntegrationsPerformance Optimisation

Visit live site ↗

Safaya — cover
01 · Overview

Safaya is a high-end digital boutique designed for customers seeking bespoke engagement rings, loose diamonds, and fine jewellery. The platform allows users to browse an extensive live catalogue of certified diamonds and gemstones, or design their own custom rings using interactive visual tools. By bridging the gap between global suppliers and retail customers, it delivers a transparent, premium shopping experience tailored for the luxury market.

02 · The challenge

Retailers in the high-value jewellery market struggle to present massive, rapidly changing global wholesale diamond inventories without causing page latency or inventory discrepancies. Additionally, enabling customers to accurately configure complex custom rings—combining varied shapes, metals, and carat sizes—requires a seamless visual interface that remains lightweight on mobile devices. Securing administrative tools and preventing order abandonment from locking up precious stones also posed significant technical challenges.

03 · Our approach

To address these challenges, MernLabs engineered a modern web platform utilising server-side proxying to aggregate real-time inventories directly from global diamond and gemstone APIs, ensuring up-to-date pricing whilst maintaining sub-second query performance. A hybrid visual preview system was developed using lightweight 2D canvas layers to dynamically overlay metals, shapes, and skin tones, eliminating the heavy page loads typically associated with full three-dimensional rendering. To safeguard inventory integrity, database-level expiration indices automatically release pending reservations on abandoned carts, whilst a structured API routing architecture guarantees secure processing for admin and payment systems.

04 · Key features

01

Interactive Ring Customisation

Allows customers to visualise bespoke ring designs by adjusting metal options, diamond shapes, and carat sizes against varied skin tones in real time. This ensures users can preview their exact design before committing to a purchase.

02

AI Jewellery Consultant

An intelligent chatbot that guides users through the diamond-buying process, offering personalised recommendations and direct links to products. This provides a digital equivalent of an in-store personal shopper.

03

Live Diamond Marketplace Integration

Connects directly to global wholesale databases to present thousands of certified diamonds with live pricing and availability. This gives customers access to vast inventories without slowing down page load times.

04

Immersive Scroll Storytelling

Uses scroll-driven visual transitions to demonstrate the detailed craftsmanship of ring settings and diamond placement. This engages premium clients with an interactive, cinematic brand experience.

05

Secure Checkout and Reservation

Integrates secure card payments and auto-expires abandoned reservations to prevent temporary holds from locking up valuable stock. This guarantees transactional safety for the user and protects supplier inventory.

05 · Design system
#003642
#f5f5f5
#DBA86F
#ffffff

Headings — Cormorant Garamond · Body — Jost

Safaya — screenshot
Safaya — mobile screenshot

Have a new project you'd like help with?

Let's get
started
Start your project