Hero Image
E-commerce

Olive & Piper

Olive & Piper wanted to offer customers an interactive way to design their own convertible earrings directly on their e-commerce store. Using Kickflip, we built a structured 2D configurator where users select a base stud, layer charms, and optionally add a drop — all with real-time visualization. The result is an intuitive customization experience that transforms a variation-heavy product into a guided, conversion-friendly flow.

Olive & Piper
Olive & Piper - Project Overview

Project Overview

Olive & Piper wanted to offer customers an interactive way to design their own convertible earrings directly on their e-commerce store. The goal was to create a structured 2D configurator that allows users to select a base stud, layer charms, and optionally add a drop — all while visualizing the final design in real time. Using Kickflip, we developed a seamless product builder that transforms a variation-heavy product into an intuitive customization experience.

Olive & Piper - Problem Statement

Problem Statement

Convertible earrings involve multiple interchangeable components, making it difficult to present all combinations clearly on a traditional product page. Customers needed a way to visualize how studs, charms, and drops would look together before purchasing. Additionally, pricing had to update dynamically based on selected components, while maintaining clean design alignment and stacking logic. The challenge was to simplify a modular jewelry system into a guided, visually accurate, and conversion-friendly interface.

Olive & Piper - Our Solution

Our Solution

  • Implemented a Kickflip 2D product configurator
  • Built a structured customization flow: select base stud, add up to multiple charms, optionally add a drop
  • Created layered 2D visual stacking logic for accurate alignment
  • Enabled real-time preview updates as components are added or removed
  • Integrated dynamic pricing based on selected elements
  • Configured conditional logic to control selection order and limits
  • Ensured smooth add-to-cart integration with selected components captured

Technologies Used

Kickflip 2D Product ConfiguratorLayered Visual StackingDynamic PricingAdd-to-Cart Integration

Key Features

  • Live 2D visual preview
  • Modular component stacking system
  • Multiple charm addition capability
  • Optional drop add-on
  • Dynamic price calculation
  • Structured and guided customization flow
  • Mobile-optimized performance

The Results

  • Improved customer visualization before checkout
  • Simplified a complex modular product system
  • Increased engagement through interactive design
  • Reduced confusion around interchangeable components
  • Delivered a scalable, easy-to-manage customization system

Project Gallery

Olive & Piper - Image 1
Olive & Piper - Image 2
Olive & Piper - Image 3