As usual, I'm running a little behind with the blog entries. I've been busy in the past month(s), but it was well worth it; on April 21st the site I've been working on for Puma has won the FWA SOTD award. For this project firstborn teamed up with droga5 and created an interactive video experience in which the user can weigh the new Puma shoe against everyday objects. Our goal was simply to show (not tell) in a funny and interesting way how light the shoe is. I was the Lead Developer for this project, but was also involved in the video shoot (for example experimenting with different shooting and "stitching" styles in the very beginning of the project). Next to the main site I also developed the teaser site and the "Pullback" banner execution - you can see both in the case study in firstborn's portfolio.

Related Links:
http://lift.puma.com
http://www.firstbornmultimedia.com/#/our-portfolio/1056/case-study/




5 Responses to “Puma Lift”

  1. Isocase:

    Very nice site! Where you the lead developer on this site or was there someone else overseeing your work?


  2. Jens:

    Yes, I was the lead (and sole) developer on this project. Glad you like it. Thanks.


  3. markus jäger:

    hey jens! wollte mich mal melden! bin nun auch fertig mit dem studium. echt krasses zeug machst du. bin ja schwer beeindruckt.

    also!

    alles liebe

    markus


  4. Dennis:

    Hi - any chance you would release the class you are using. Or could you give some pointers on how you know when to change the image. Are you checking on the top left/top right ypos??

    I found http://www.rubenswieringa.com/code/as3/flex/DistortImage/source/ distort class which works almost the same way.

    Good blog by the way - any new stuff on the way ??

    /Dennis


  5. Jens:

    Hey Dennis, first of all thanks for the comment. I’ve been pretty busy lately, but I’m working hard on reviving this blog… New stuff should be one the way soonish…

    I think your question is about the teaser site, where the girl flips over the card she’s holding? In that case, I track the edges of the card in After Effects, from where you can export an XML with the x/y position of the tracked markers. I map the points from that XML to the points of the distorted image and that’s basically it… I think I’ll write a little tutorial entry about this, when I find some time…


Leave a Reply