Published 17 September 2026 by Zeyn Jewelry. MadeByCat supported the design and development of Zeyn Jewelry's digital experience.
Each piece is shown first as a plain studio image against a neutral background, then as an on-model image on hover, so the same object can be read twice: as a form, and as something worn.
Category navigation, filtering by category and price, sorting, search and favourites let a visitor narrow a small collection quickly. Shipping, returns, care and contact pages are reachable from every page.
The catalogue is organised into rings, necklaces, earrings and bracelets, with a single product template that keeps name, category, price, imagery and description in the same order on every page.
A restrained typographic system, generous whitespace and a consistent grid keep attention on the jewellery rather than the interface.
Layouts are built mobile-first and adapt from a two-column grid on small screens to four columns on desktop, with a dedicated mobile menu and bag.
Semantic headings and landmarks, labelled controls, keyboard-reachable navigation, visible focus and image alternative text are part of the build rather than a later pass.
The storefront ships a small component set, uses appropriately sized imagery, and now serves meaningful HTML on first response so content is available before scripts run.