React.js Stylefinder Tool
Interactive prototype built with React.js where user can view a scrolling mood board or, in the other tab, customize an inspiration outfit.
Default view of the outfit maker
Mix and Match Outfitting Tool
This proof of concept is a tool for customizing an outfit by swapping out the individual pieces to create your own look.
The tiles below the tool, allow the user to select a different look.
New shirt is selected, replacing the original shirt in the outfit.
React modules retain outfit states
When the user selects an item in the center panel, a drawer slides out to the right. They can select a different item from the category and the main item array updates.
Front
Switching ‘Look’ images retains the previous selections.
It was important that the user doesn’t lose their custom outfits if they switch to a new Look, so the outfit array for each Look is stored until the reset button is clicked.