Roxanne Assoulin’s signature bright, stackable bracelets, earrings, anklets, and necklaces are instantly recognizable and adored by many pop culture icons (Gigi Hadid, Selena Gomez, Julia Roberts, Antoni Porowski, Karlie Kloss, Zayn Malik, to name drop a few). Roxanne has been making jewelry since the 70s and her creations have been featured in the pages of Vogue and Harper’s Bazaar.
The Roxanne Assoulin team approached Corra with a project in mind—they wanted a fun way for customers to personalize their bracelets online. Roxanne Assoulin’s current site offers limited opportunities for customization, supporting only custom letters and numbers, not allowing users to preview their designs or alter the colors in any way. Roxanne wanted to improve this experience. Or, more accurately, offer the very best UX design possible for her audience. Corra was up for the challenge.
The custom bracelet configurator will not only set Roxanne Assoulin apart from other jewelry brands, industry data suggests it’s likely to boost AOV and overall revenue, with 20% of consumers saying they’re willing to pay 20% more for products that are personalized to them. For RA however, it’s another way to elevate their brand experience and build affinity—a timely endeavor considering that mobile searches for product personalization have increased 80% in the past two years.
Roxanne Assoulin’s NYC location is an experience—the physical showroom lets shoppers customize their bracelets and toast to their creations with champagne. The goal was to expand the brand’s reach by recreating this experience online, which became that much more necessary with store closures and consumers staying home during the pandemic.
As a truly hands-on creative founder, Roxanne set out to deliver the very best experience imaginable, one which reflected the playful nature of her brand. In this case, with her specific requirements, the very best experience for her customers would entail completely custom technology built on Shopify Plus, and a stellar UX strategy, considering every detail of the experience.
Corra began by identifying the parameters we were engineering for and designing within. The size of the bracelet, ranging from 6.5 to 8 inches, determines how many chiclets (the beads that snap onto the bracelets) the shopper can customize, so making that selection is step one in the flow. Another factor is pricing. The user is able to choose from simple colored chiclets in three different widths, as well as letters, symbols, and flowers, which are priced differently. So, we designed the experience with four tiers of pricing and messaging to communicate this..
Corra also designed a digital style guide to define the iconography, fonts, type hierarchy, buttons, links, dropdowns, colors, etc. coordinating perfectly with the existing brand styling and design.
The goal of the project was to develop a new channel for creativity and connectivity, where RA’s online audience can create their own meaningful personalized pieces, like friendship bracelets, mother/daughter matching sets, gifts to commemorate special occasions, etc. Creating a space where friends and family on different sides of the country can collaborate together online.
Corra’s creative team wanted to give shoppers the creative freedom for the endless possibilities that Roxanne Assoulin can offer, without overwhelming them with too many choices, and overcomplicating the design.
Roxanne and her team noticed from their in-store interactions that there were two distinct types of shoppers: those who might be shopping for a gift and are unsure where to start, or intimidated by a totally “blank slate”—and those who are confident in their creative abilities and excited to start from scratch. Corra rose to the challenge of designing one experience for two very different user types. We provided bracelet templates that acted as starting points, and an on/off switch to toggle between colored or black and white—suiting those who want an existing colorway to guide them, or those who prefer to start from a blank outline and play without the rails up.
The mobile experience is designed specifically for user behavior on the small screen. Bidirectional scrolling allows shoppers to scroll left and right as if they’re swiping through an Instagram post with multiple images, providing a social media app-like experience. Bidirectional scrolling gives designers more space to work with on a mobile screen—meaning we’re able to include all the same essential details as the desktop version, without cluttering the screen.
As you can see from the emojis sprinkled throughout the site, Roxanne Assoulin’s brand is playful, fun, lighthearted, and approachable. When Corra was mapping out the user flow, we knew the experience needed supportive messaging to explain certain actions, such as moving up a price tier. We wanted these touchpoints to be on-brand moments of delight. Whether that’s confetti raining down the screen when the user adds their customized bracelet to their cart with icons of clinking glasses and copy that says, “Time to party! You’ve finished your bracelet!”.
Corra has continued to work with Roxanne Assoulin through our TotalCare program, and has been focused on overall site enhancements, and launching improvements to the custom configurator, such as a tutorial video explaining the process in further detail. We’re monitoring the newly launched custom configurator experience and look forward to updating this case study with more results once we have sufficient data.
Corra built an entirely custom configurator from scratch on the Shopify Plus platform. Our solutions strategists navigated unique business requirements to inform the development of key functionality, such as automatic price adjustments, dynamic sizing logic that determines the amount of chiclets per bracelet, and logic that allows users to override the chiclet shapes in the templates provided. Furthermore, RA’s internal team is now able to upload their own new chiclet SKUS in their Shopify Plus admin.
Our technology teams at Corra build features and functionalities in such a way that they’re reusable. Meaning, the highly complex logic that empowers Roxanne Assoulin’s customers to personalize products, now sits in our library of reusable components, and can be reused as a jumping off point to cut down on project timelines and costs for our clients.