Kyper Co., a Canadian jewelry brand, approached LiveArt in 2020 with a bold vision: to create a fully custom digital experience that lets users design their jewelry from scratch. There are no templates or predefined flows—just a clean slate and the ambition to build something truly unique.
Project Overview
They needed a powerful configurator that could adapt to different types of jewelry (rings, necklaces, bracelets, charms, clasps), each with its own logic and design process. The LiveArt team stepped in to design and develop a full-custom solution tailored to Kyper Co.’s product complexity and future growth plans.
Business Goals and Pains
Kyper Co. wanted to:
> Automate and digitize the jewelry customization process.
> Deliver a responsive and intuitive experience across desktop and mobile.
> Handle product-specific customization flows (e.g., charms on bracelets, engraving on rings).
> Integrate seamlessly with e-commerce platforms, such as WooCommerce.
> Prepare for future 3D customization features.
However, they lacked a clear vision of how to implement it from a technical perspective. The product vision was evolving, and no ready-made tools could support Kyper Co.’s business logic out of the box. Every product required a different flow, and standard plugins couldn’t handle the level of control or customization required.
How LiveArt Met the Needs
From day one, this was a full custom project.
Discovery and Design
We began with requirement gathering and confirmation sessions, during which the Kyper team shared evolving documentation. From there, LiveArt designed every part of the user experience—from wireframes to the final UI for both desktop and mobile—ensuring responsive, intuitive flows tailored to each product type.
Custom Flows per Product Type
Each category of jewelry has its own customization logic. For example:
> Bracelets & Necklaces: Users select the size and proceed to the charm designer. Every charm is priced individually and added to a fixed canvas area (Save Area Tool), preventing layout errors or placement issues.
> Rings: Offer engraving on the inner or outer surface, with intelligent text scaling to automatically accommodate longer inscriptions.
> Engravings: Text elements are fixed, cannot be moved or recolored, and auto-scale based on length — a valuable UX feature that removes friction during design.
> Clasp Selection: Customizable clasp options appear where relevant and are also priced dynamically.
Smart Pricing Engine
Dynamic price updates reflect every added charm, letter, or clasp in real time—no surprises at checkout.
Admin Panel + WooCommerce Integration
We built a lightweight Single Page Admin App that manages all product logic, visuals, and pricing. Instead of customizing WooCommerce from the inside, we created a connector that bridges Kyper’s back-office panel with WooCommerce. This modular approach ensures faster iteration, better scalability, and easier expansion across multiple stores in the future.
Results
With these enhancements, they achieved significant improvements:
> A fully functional, responsive jewelry configurator that supports five product categories with unique flows.
> Seamless integration with WooCommerce via a custom-built connector.
> Significant UX improvements like auto-scaling engravings and real-time price calculation.
> An internal admin panel that allows Kyper’s team to manage product updates independently.
The project proved that, with the proper foundation, even highly complex product configurations can feel simple and delightful to the end user.
What’s Next?
Kyper Co. is now exploring 3D customization. The next development phase aims to bring products to life in real-time 3D, letting customers rotate, zoom, and interact with their designs before purchasing.
As the brand expands, the modular architecture we implemented allows for the addition of new stores, features, or platforms without reengineering the core. The flexibility built today powers Kyper Co.’s innovation tomorrow.
Looking to build a fully custom product design experience?
Whether you're selling jewelry, apparel, or personalized goods, LiveArt helps brands turn complex ideas into seamless, scalable solutions.
Let’s create something unique together. Contact us to start your custom project!