
Sugar Blossom Jewelry
Sugar Blossom Jewelry wanted to move beyond pre-assembled pieces and offer a "Build-Your-Own" charm experience.
The technical hurdle was significant: creating a mobile-first, drag-and-drop interface that allowed customers to place charms on specific "anchor points" along a necklace or bracelet.
The solution needed to be visually perfect, mathematically accurate for production, and integrated seamlessly into the Shopify checkout without slowing down site performance.

We architected a custom Charm Builder Ecosystem that transformed a static shopping experience into a creative studio.
We developed a custom coordinate system for each jewelry base (necklaces and bracelets). This allows charms to "snap" to realistic positions, ensuring the digital preview matches the physical assembly.
To ensure the customizer remained lightning-fast on mobile, we engineered an asset-loading strategy that dynamically renders high-resolution charm combinations without the "bloat" of traditional image-heavy apps.
We bypassed the limitations of standard Shopify "bundling" by mapping the exact charm IDs and their coordinate positions into the order metadata. This ensures the customer's design is preserved from the cart to the shipping confirmation.
We synced the customizer output with Sugar Blossom’s internal production team, providing them with a visual "blueprint" of every custom order, significantly reducing manual interpretation and assembly time.
AOV Growth
Custom orders averaged 5+ charms per piece, significantly driving up the Average Order Value compared to standard product sales.
High-Volume Adoption
Launched across 19 core products, resulting in a daily average of 60+ unique custom designs purchased.
Seamless Mobile UX
Optimized for high-speed performance, leading to a frictionless experience on smartphones, where 80%+ of their traffic originates.
Lower Operational Friction
The "blueprint" system eliminated back-and-forth emails between the customer and the fulfillment team.





