Zivaya Jewels UX Teardown
An in-depth look at the conversion roadblocks, design decisions, and engineering stack used to optimize this product.
The Problem Context
When we first looked at the Zivaya Jewels project, the immediate red flag was the poor mobile performance and disjointed user experience. The time-to-interactive (TTI) was hovering around 6.5s, leading to a massive 40% bounce rate before users even saw the core offering.
We needed a design system that felt native, snappy, and trustworthy.
The Design Move
I stripped away the heavy client-side rendering and moved to a server-first approach using Next.js. On the UI side, we implemented a strict 8px grid system and utilized a Bento box layout to surface multiple entry points without overwhelming the user.
The Impact
By unifying the engineering stack with the UX decisions, we achieved a 98 Mobile PageSpeed score and lifted the overall conversion rate by 30% in the first 30 days. The perceived performance improved drastically by implementing optimistic UI updates and micro-interactions on hover states.