LEVOLOR > WINDOW SHADES & BLINDS CONFIGURATOR

The Visual Design

Styles

LV-Typography01
LV-Typography02
LV-Palette

The New Layout

Faux Wood Blinds

Jump-In and Go

Redesigned with clear separations for users to jump in, start using, and navigate with ease.

Configurator-Stepper

STEPPER

Configurator-Visualizer

VISUALIZER

Configurator-Panel

CONFIGURAITON PANEL

CustomizeColor

Encourage Experimentation

We wanted this configuration process to be fun and easy to try out different look and feel. 

Roman Shades
Banded Shades
Natural Shades
Faux Wood Blinds

Introduce New Functionalities

At the same time, we wanted the new configurator to include features that add value and ease of use to the entire experience.

educational-modal

EDUCATION

Informational modal help to explain the available options and their benefits so the consumers can make a more inform decision. 

ERROR RECOVERY

A feature stakeholders have long desired, it helps both consumers and the business by ensuring the manufacturing team receives an accurate order with matching parts. This process guides consumers to reselect an option from a previous step to ensure alignment with their current choice.

error-recovery
Account-Modal-1
Save Modal
Share Modal

SAVING & SHARING

The buying journey is typically long while consumers do their research. We introduced ways to save and organize their designs into projects as well as sharing for feedback.

Build Confidence 
Through Transparency

Knowing the price of the order was top of mind for the consumers we spoke to. Consumers can expand the Estimated Total tray at any time to view all the options they've selected thus far and their cost.

When they've reached the last step, the Estimated Total changes to an Add to Cart button.

EstimatedTotal.1

KEEPING TRACK

While not yet complete, consumers can see how much their configuration is costing and can tailor their options as needed. 

AddtoCart.1

REVIEW & ORDER

This key step allows consumers to verify their custom order before purchase, preventing any surprises or changes later if they unintentionally selected something.

Mobile Designs

Multiple-Options

MULTIPLE OPTIONS

Mobile-Navigation

NAVIGATION

Mobile-Esimated-Total

ESTIMATED TOTAL

Optimized for Mobile

The entire experience was reimaged for mobile and adapted to a smaller viewport. All functionalities and features were kept across devices.

Mobile-Color-Swatches

COLOR SWATCHES

Mobile-Modal

MODALS

Mobile-Order-Summary

ORDER SUMMARY

Visualizer for Smaller Screens

In order for the visualizer to not take up too much room, consumers who want to use it can expand and use the visualizer in a separate environemnt from the selection process.

Viz

VISUALIZER

Viz-Palette

COLOR PALETTE MENU

Viz-Options

OPTION MENU

JUMP AHEAD

LV-Research

Research & Discovery

LV-My-Process

My Design Process

© 2025 All rights reserved.