Legrand India collaborated with EvolutionCo to make product customization more accessible and interactive for customers by developing a DIY Configurator. This tool allows users to tailor electrical switches to their preferences by selecting and combining components while receiving real-time visual feedback.
Strategic
Transformation
THE CHALLENGE
Customers lacked an intuitive path to personalise switches, facing complex finish combinations and no instant visual previews. This caused drop-offs, confusion, and low conversion for a broad product catalogue requiring seamless real-time rendering and purchase integration.
THE GOAL
Enable customers to effortlessly design, preview, and purchase custom switches with a guided, real-time configurator. Deliver instant visual feedback, seamless BOQ/quote generation, and direct eShop conversion to increase engagement, ownership, and conversion rates while preserving premium brand experience.
OUR APPROACH
Built a step-by-step wizard combining dynamic selection, real-time previews, and guided recommendations. Integrated BOQ generation with save/share and eShop linkage. Optimised asset handling, performance, and UX to reduce choice overload and improve configuration completion rates.
THE OUTCOME
Delivered an intuitive DIY configurator that will increase engagement and conversions, reduce drop-offs, and enable ownership through save/share and instant previews. Seamless BOQ-to-eShop flow and robust data sync bolstered Legrand’s innovative brand positioning.
Research & Strategy
We analysed user paths, pain points, and technical limitations across product SKUs, asset pipelines, and purchase flows. Insights prioritised key decision moments, data needs for BOQ, and performance constraints to design a frictionless, conversion-focused configurator.
- User research & behaviour mapping
- Technical feasibility: assets & rendering
- BOQ & eShop integration planning
- Performance & accessibility constraints
Creative Ideation & Concepts
We ideated guided wizard flows, real-time preview engines, and modular UI patterns to reduce cognitive load. Concepts included recommendation rules, finish-pairing logic, save/share workflows, and instant BOQ snapshots to streamline decision-making for varying user expertise levels
- Co-creation workshops & storyboards
- Real-time preview engine
- Recommendation and pairing logic
- Save, share, and quote workflows
- BOQ snapshot & eShop linking
Prototype & Validation
Built interactive prototypes from low-fi to high-fi with real-time preview simulations. Conducted usability tests to refine selection scaffolding, preview accuracy, and save/quote flows. Iterations reduced abandonment and validated the visual fidelity and clarity of configurator steps.
- Low-to-high fidelity prototypes
- Usability testing & feedback loops
- Validation of BOQ & share flows
Visual Design & System
Developed a modular UI kit aligning with Legrand’s brand: componentized switch renderers, finish swatches, hotspot interactions, and compact toolbars for mobile. Visual rules ensured clarity across previews, thumbnails, and product cards for a cohesive, premium experience.
- Brand-aligned component library
- High-fidelity switch renderers
- Finish swatches & thumbnails
- Motion states & micro-interactions
- Accessibility-focused visual rules-
Develop & Deploy
Engineered a performant configurator: real-time rendering engine, PIM sync, BOQ calculation, and eShop integration. Implemented CDN caching, asset pipelines, analytics, and robust QA. Deployment included monitoring, rollback plans, and ongoing optimisation for reliability and scale.
- Rendering engine & API services
- PIM & eShop integration
- QA, security & cross-device testing
- Deployment, monitoring & support
Award
Winning Agency
Quality is the common thread in everything we do. It’s not something we say, it’s something we’ve been recognized for. And we proudly hold these awards as a reminder of how the way you do things matters.
Related
Transformation Stories
Jio World Center | NMACC
Axis Bank | Credit Card
GIB | API Banking
Send a Message
Contact Us
