Back to main pageA virtual fitting room for a clothing store. Choose tops, bottoms and shoes, then see the whole outfit on a model in motion. Switch between pieces without stopping the footage.
Photos show each piece on its own. It is harder to see how a shirt pairs with a chosen skirt and how the whole outfit moves.
We wanted visitors to combine clothes on a model while keeping the look of a fashion shoot: the same person, lighting and backdrop.
We started with footage of the model in a base outfit. From it, we created variations of the same shot, changing one garment at a time.
The site combines these variations into the chosen outfit. Five tops, five bottoms and four shoe options make a hundred combinations. Visitors can change them without stopping the footage.
One model, a light backdrop and a collection in graphite, ecru and cherry.
A base take and eleven variations featuring individual pieces from the collection.
Synchronising motion, aligning footage and isolating garments.
Choosing clothes from hangers, browsing the collection and saving outfits.
The base footage and garment variations have different frame counts. We align their timing so the model and fabric move together throughout the shot.
Small shifts appear between generated variations. We correct them frame by frame to keep each garment in place.
We separate each garment and its shadow from the footage. Keeping the original fabric edges helps it sit naturally alongside the other pieces.
We layer the garments in a set order. Separately prepared sections preserve the relationship between a sleeve, a skirt and the model’s body.
Three rails of hangers: tops, bottoms and shoes. Drag a rail or step through it with the arrows. Favourite outfits go to saved looks.
The tunic and base shorts are similar in colour. Differences in brightness and the shadow along the hem help us separate them.
Parts of the cherry jacket and skin have similar brightness. Red alone cannot distinguish them, so we also account for differences in hue.
A hand can sit in front of a garment or partly disappear behind a frill. The layers account for this so each element stays in the right order.
The skirt ties extended beyond its outline and made it harder to combine with other pieces. We removed them before preparing the layer.
Visitors choose clothes and see them together on the model straight away. They can compare outfits in the same light and shot, then save their favourites.
Changing a garment does not interrupt the footage. Visitors can watch how the fabric moves while trying different combinations.
