Environments for Living

Web

 
masco-0-home
masco-1-tour
masco-2-tour-kitchen
masco-7-tour-kitchen-faucets-featured-delta
masco-10-tour-bedroom
masco-12-tour-bathroom
masco-14-tour-rear
masco-13-tour-bathroom-moisture
masco-15-construction
masco-16-construction-frame
masco-17-construction-air
masco-20-construction-finish
previous arrow
next arrow

Environments for Living® is designed to promote “living green” and to connect homebuyers to the builders who know how to construct energy-efficient homes. The website was launched in conjunction with January’s International Builders’ Show (IBS) 2009 in Las Vegas for MASCO.

This virtual home was a replica of the 2,200-square-foot home featured at IBS. The site adopted an unconventional home tour metaphor allowing people to fly from room to room. At every stage, there were markers full of helpful information on how to minimize an environmental footprint. The home used the same CAD files used to construct the real house. The featured materials and surfaces were also identical to and scanned from actual products.

As an engineer, the main challenge for this project was striking the right balance between heavy video content and maintaining minimal load time. Seamless user experience is crucial for creating a home-tour analogy. Since Flash Adaptive Streaming was not available until Flash Player 10.1 (released in 2010), I implemented a bandwidth tester so that higher resolution content could be served when available.

My Responsibilities

  • Developed proof of concept
  • Assisted with user flow and interaction design
  • Worked closely with a graphic designer to craft seamless animation and attain necessary assets
  • Implemented and supervised the implementation

Award