Start from the homepage
The homepage invites visitors to design their own ring, with a banner that leads into the Ring Builder.
The homepage custom ring banner.
GENDORAS BOX / SHOPIFY COMMERCE
Case study
Custom-built Shopify ecommerce website, designed and delivered in 30 days.
Tathagat Media designed and developed a custom Shopify commerce experience for Gendoras Box, a Canadian luxury diamond jewellery brand.
Visit gendorasbox.com (opens in a new tab)
The brief
A premium, trustworthy and easy-to-navigate online jewellery experience.
Gendoras Box sells natural and lab-grown diamond jewellery, loose stones and a customisation journey. The storefront had to make that range easy to explore while keeping the feel of a luxury brand.
The digital storefront
A custom Shopify storefront, built for the brand.
One custom build, from storefront design to the integrations behind the shopping journey.
-
Custom Shopify website design and development
A bespoke storefront designed and built on Shopify rather than adapted from a stock layout.
-
Luxury e-commerce storefront
A refined shopping environment built around the brand's luxury positioning.
-
Natural and lab-grown diamond journeys
Separate shopping paths for natural diamonds and lab-grown diamonds.
-
Jewellery category navigation
Clear routes into rings, bracelets, necklaces, pendants, earrings and loose diamonds.
-
Ring Builder integration
A guided route from choosing a diamond to completing a ring.
-
PayPal integration
PayPal available as a payment option.
-
Apple Pay integration
Apple Pay available as a payment option.
-
Responsive desktop and mobile experience
Layouts designed for desktop and for mobile.
-
Product discovery and customisation flow
Filters, product pages and customisation steps that help shoppers find and shape their piece.
Jewellery discovery
Find the piece, by stone or by style.
Visitors can browse by stone type and by jewellery category, or move straight into customisation.
Natural diamonds
Natural diamond jewellery and loose stones.
Lab-grown diamonds
Lab-grown diamond jewellery and loose stones.
Rings
Bracelets
Necklaces
Earrings
Loose diamonds
Pendants and Ring Studio
Pendants, and a route into customisation through the Ring Studio.
The Ring Builder
Build the ring, stage by stage.
The Ring Builder integration lets shoppers start with the diamond and move on to the setting. These screens show the journey as delivered.
- Diamond
- Setting
- Complete ring
Choose a diamond
Shoppers narrow natural diamonds by shape, carat, colour, clarity and cut, with lab-grown and gemstone tabs alongside.
Diamond search filters on the storefront.
Review the stone
Each stone opens to a detail page with its grading attributes, certification label and an add to cart action.
A diamond detail page.
Choose a setting, then complete the ring
The builder is organised in three stages (diamond, setting and complete ring) so shoppers always know where they are in the journey.
The three stages of the Ring Builder.
Payment and commerce
Checkout built around the way people pay.
PayPal and Apple Pay were integrated alongside Shopify's checkout and payment flow.
-
PayPal
Integrated as a payment option alongside Shopify's checkout.
-
Apple Pay
Integrated as a payment option alongside Shopify's checkout.
-
Shopify checkout
The payment flow was set up around Shopify's checkout so the path from product to purchase stays in one familiar experience.
The responsive experience
Desktop and mobile, designed together.
The homepage and shopping pages were designed for desktop and for mobile, with the hero, category tiles and navigation adapted for the smaller screen.
The design system
Photography first. Type that stays out of the way.
Rich product photography and editorial layouts carry the luxury positioning across desktop and mobile.
Typography
Spaced serif capitals for display headings, with a clean sans-serif for navigation, filters and product detail.
Colour
Deep midnight blue and turquoise tones echo the silk and gemstone photography.
Structure
A clear header, a full-width hero, category entry points and a guided route into the Ring Builder.
Outcome
What the build gives Gendoras Box
- A more refined digital storefront.
- A clearer product-discovery journey.
- A premium online shopping experience.
- A stronger foundation for customised jewellery shopping.
- An e-commerce experience aligned with the brand's luxury positioning.