A deconstruction reconstruction

One of my recent projects involved work for the ReStore, a place in Springfield where people can buy recycled home improvements like toilets, lighting, flooring and loads more...

The job was to re-vamp their page that speaks to their "deconstruction" services whereby they will come to your house and take it apart in a thoughtful way so that they can resell all the bits. There is a cool time lapse video that you can watch that shows the process.

I applied my magic first by turning them on to the FlowPlayer so that they could deliver their videos independent of YouTube. Then I built this cool playlist for them so that you can scroll through all the clips with some nice jQuery work. Things got a bit more complex when I added an "accordian" interface for their FAQs.

I had to use Adobe's Spry library to get an accordian to work on the same page as my scrolly playlist, but I think the result is a clean page that packs a lot of info into the fixed-width design that they already had.

I processed all the videos used, encoding them into the FLV format from MOV and I prepared some slideshows using iPhoto and iMovie. My biggest coup was compressing the feature video which was almost 1GB in its raw format, down to a 14MB FLV file. That is still a big file when using progressive download, but it still works well.

Soon enough I will get to work with a FMS to stream video into the player... I can't wait.