I was searching for an website built from HTML for my Web Production class. I didn't even know where to look until I somehow recalled H&M Dressing Room. I'd discovered this probably two years ago and had SO much fun playing dress up on the models (it's like playing with Barbies for grown-up girls). Here's an outfit I spontaneously put together as a demonstration for my class blog's entry. Check it out and you'll be instantly addicted!
Here's my analysis of why the interactive website is so great:
Visitors can choose from a variety of backgrounds and models. They can browse a vast number of of H&M items, including underwear, tops, pants, skirts, dresses, coats, tights, shoes, jewelry and purses. To put an item on the model, the user simply clicks on it. She just clicks again to undo. She can pick a different color of the piece of clothing or a different way to wear it on the model.
The interaction allows users to imagine how clothes would look on a real person. It demonstrates the effect of layering different items of clothing. The model figure can be viewed from the front as well as from behind. After creating a satisfactory outfit, users can publish it into an image file and post it on other media. The price of each item is conveniently displayed next to it, which highlights H&M low-price positioning.
The dressing room is a very fun website for customers. It looks sleek, modern and pretty. It's like a virtual version of playing with dolls as little kids. It's also a great advertising for H&M products. Once customers see how good an item could look, they're more likely to go to the store and try it on (H&M US currently doesn't sell its clothes online).