March 2nd, 2008 . by polyGeek
StellaArtois.com has launched a cool new site to promote their beer. They went way beyond creating a great looking site by using interactive video to tell a story that the user can participate in.
The user watches video and then has to interact to achieve some result before going on. In most cases I had to try more than a few times to get it right. Which is fun and makes it a game like experience. The setting sun was particularly challenging until I thought diagonally, hint-hint.
The following is an interview with the design/development team that put the site together.
1-What applications did you use to create the site and which were your
favorites? Conversely, which applications were the most challenging to use?
Since the site consists of a lot of filmed material much of this work has been done on film, in 3D and in Adobe AfterEffects.Then it is put together and made interactive in Flash with design made in Illustrator and Photoshop. The filmed material was compressed in Sorensen Squeeze.
I guess that all members of the team working with the site had their own challenges but the most challenging application for me personally is also my favourite Flash. I guess thats no surprise since I’m the Flash developer.
2-What was the biggest technical hurdle to overcome?
The balance between filesize and videoquality is always an issue.
But for the “le Courage” site I would say the flash players performance on slower computers. In some cases we would have multiple layers of video, some with blending effects and at the same time 20 moving objects controlled by the users input. We had to work a lot on the optimization to make it flow nicely.
The planning of the filming and/interactive parts in le Courage was a great challenge as well as the post production of the filmed material. To get the right mix of reality and fantasy and to make the filmed material blend in with the different Flash objects without sacrificing the “cinematic values”.
3-If you were starting over from scratch on this project is there
anything you would do differently?
No, this is the perfect project. But of course if we had built it now we probably would have looked at the possibility to build it in AS3 for Flash player 9. That would have solved a lot of issues with performance making it possible to add some of the effects we would have liked to add. Such as using larger video without losing quality and speed and more moving objects.
4-What was your beverage of choice for get-togethers after work at the
local pub?
Stella-Artois in our office since the local pub doesn’t serve it.
5-Is there anything in the site that you added that you are particularly
proud of that you would like people to know about?
I would say the whole experience, how the many parts of the site all works together to create a great atmosphere. And how it’s all focused on the perfect glass of Stella Artois.
6-Was the brewmasters young apprentice hurt when falling of the end of the
world?
No, that was all visual effects, the hen is also OK.
You can also read an interview with the creators at the StellaArtoisBlog.com: part 1, part 2.