Welcome to the portfolio of NYC based Senior Interactive Developer Jens Fischer.
Please feel free to contact me for all inquiries.
Firstborn teamed up with agency Droga5 to create a whimsical - and sometimes scandalous - interactive video experience that demonstrates one very important quality of Puma’s latest athletic shoe... its lightness.

A big part of the initial strategy for this project was the idea of seamless video. Through an early prototype that I created, we found that we could gain the seamlessness the video needed visually and technically by stitching short video clips together into sequences. We went for a cinematic 'hard cut' style of video shooting/editing after analyzing the prototype and that played right into the 'easy-going lo-fi' flair of the project. It's a great example for how an early prototype can help influence design esthetics to prevent problems in the late game and get the most out of a project.

It was necessary to create a queue to manage what we knew would be a multitude of video sequences. Through the early prototype I was able to finetune the video loading process, narrow down the optimal video compression for this project and determine how the sequences would be stitched together in the XML that would control the video control. As the user navigates the site, the queue adapts, so that the videos that will most likely be displayed next are always prioritized in the queue.

Now that the site has been offline for a while, I'd like to let you in on a little secret. Once you go through the whole experience, you get one last option where you can try
to take off the girl's bra by entering a code in a short given timespan. The timespan is so short, that it's virtually impossible to succeed - and it's meant to be that way.
One day we recieved a mail, by an
upset site visitor, who told us that he tried for over half an hour to solve this difficult task and even sent along of video recording of him finally pulling it off on time, complaining that the
girl in fact would never take off her last piece of clothing... That hilarious email alone was worth putting in this easter egg!

While we were getting started on the actual website, I put up a little teaser page that made use of a combination of Flash and After Effects motion tracking.
The TV spot and product photos of the shoe were being mapped on cardboard, which was being held and flipped over by the girl who would also play the main role on the full website.
Related Link: Launch a demo of the tracked cardboard in a new window
Related Link: Launch a video recording of the teaser site in a new window

As part of the overall campaign I also developed one of the banner executions for the site. For this particular concept, with a file size of only 40 kb,
the shoe is floating in the air like a balloon and the user can pull down the shoelace to experience the shoe's lightness.
Related Link: Launch Banner in a new window