The old site needed a refresh, but also needed to be repurposed to capture people’s imaginations. There’s an obvious comparison to Pinterest that can be made with all the great photos and the Lookbook, but the management of content elements with Packery/Masonry really makes this site work.
The fun part was sorting out a changing grid with breakpoints at 1200, 1000, 800, 600, 400 and 320 pixels wide and creating content blocks that would always fit eveny inside those widths. I settled on a base content width of 200px wide and 150px high.
Add to that lots of other responsive content elements, on the Foundation framework, and you have the new Habitat by Resene website.