[French version Here]

[Update]
— Silen­zio wins an FWA Site of the day for Sep­tem­ber 16^th
— Silen­zio wins a DopeA­ward !
— Silen­zio wins a Paper­vi­sion Show­case Award !

Announ­cing Silenzio — www.silenzio.fr

We are so proud to present the new ver­sion of lea­ding movie adver­ti­sing agency Silen­zio Communication’s web site.

We have, for the occa­sion, gone all out.
It fea­tures a whole bunch of tech­no­lo­gi­cal feats, that we have lovin­gly craf­ted and imple­men­ted spe­cially for the occasion.

If we only men­tio­ned just a few :

SWFA­dress, that puts back the “back” & “for­ward” but­tons where they belong, and allows to use them to navi­gate the site. You can also book­mark every page, inclu­ding search results.

Paper­vi­sion 3D, that we tuned to the extreme, in order to pro­vide the per­for­mance we nee­ded to make idea exist (ani­mate more than 300 high qua­lity images simul­ta­neously within an 3D space, while also hand­ling phy­si­cal defor­ma­tions for each)

Remo­ting, to insure a swift and reliable loading

Flex, for a per­fect back-end (you won’t see this one)

CSS3D, for the iPhone ver­sion. We are quite proud of this one, since it may very well be the first pro­duc­tion site to use 3D css on an iPhone, pro­vi­ding a nice Cover­flow expe­rience for the movie posters.

We will detail this spe­ci­fic part in a blog post, check out for it !

Meanw­hile, you can see this work live on www.silenzio.fr/

And here are a few screen­shots, for good measure :

[English version Here]

Silenzio — www.silenzio.fr

Nous sommes fiers de vous pré­sen­ter la nou­velle ver­sion du site de l’une des plus grandes agences de publi­cité cinéma Fran­çaises, Silen­zio Communication.

Nous avons pour l’occasion sorti les habits d’apparat !
En effet, il com­porte toute une série de petites fier­tés tech­no­lo­giques que nous avons amou­reu­se­ment pré­pa­rées spé­cia­le­ment pour l’occasion.

Pour n’en citer que quelques-unes :

SWFA­dress, qui rend les bou­tons “retour” opé­ra­tion­nels, et l’intégralité des pages du site book­mar­kables, y com­pris la recherche.

Paper­vi­sion 3D, opti­misé à l’extrême pour sup­por­ter l’imposant besoin en res­sources du concept créa­tif pro­posé (ani­mer plus de 300 affiches en temps réel dans un espace 3D, tout en gérant les défor­ma­tions de chacune)

Remo­ting, pour assu­rer une per­for­mance de pre­mier plan au char­ge­ment du site

Flex, pour un back-end irréprochable

CSS3D, pour la ver­sion iPhone, et nous sommes fiers de pro­po­ser un site qui pour la pre­mière fois en pro­duc­tion, pro­pose une inter­face 3D à la Cover­flow, pré­sen­tant les affiches dans un mode ludique.

Nous détaille­rons d’ailleurs bien­tôt cette tech­no­lo­gie sur notre blog, reve­nez bientôt !

Vous pou­vez voir tout ce tra­vail en action sur www.silenzio.fr/

Voici quelques cap­tures d’écran :

Oui mais alors c’est quoi un Sen­sible ?
Pas la moindre idée. Ca res­semble un peu a une langue, mais avec des yeux et des p’tites pattes mignonnes.

Pour en apprendre un peu plus sur cette race de petits n’animaux, trô mignons, ren­dez vous sur le site du NSS : Neglected Sensibles Shelter : Save Your Sensible

Une démo qui pro­met tech­ni­que­ment : à par­tir d’une simple feuille de papier Mar­quée, l’ajout en temps réel d’un per­son­nage 3d au sein de VOTRE uni­vers réel…

On en enten­dra par­ler rapidement.

Ca fonc­tionne sur la base de cette tech­no­lo­gie :
ARToolkit

Un autre petit exemple de ce qui est possible :

Le superbe site de Jimmy, SoonTong, Jeff et Xin qui pré­sente leurs tra­vaux dans un uni­vers en 3D, avec une inter­face ori­gi­nale, le tout bai­gné d’une musique d’ambience bien sympathique.

Whitevoid, agence de créa­tion, a lancé ce site il y a bien 6 mois, tout le monde en a parlé, mais comme ce blog n’existait pas encore, il est nécés­saire de le mentionner.

Une inter­face superbe, pour un résul­tat évident.

Il est superbe, reprend un peu (beau­coup) le concept de Cover­Flow sur Mac, inventé par SteelS­kies, et rachete+popularisé par Apple dans iTunes

Cela donne enfin à Paper­vi­sion, un moteur 3D pour Flash, une uti­li­sa­tion dans le cadre d’un pro­jet design “Clas­sique” (Je veux dire par là un pro­jet ne cher­chant pas à mon­trer qu’il est en 3d).

Jusqu’a pré­sent tous les autres pro­jets etaient soit expé­ri­men­taux, soit vrai­ment “Fiers” de leur 3d, et s’en ser­vaient comme un argu­ment mar­ke­ting, au détri­ment de l’interet du site, ou de son design.

Dans ce site, l’utilisation de la 3d temps réel est dis­crete (on se pose la ques­tion un moment de savoir si c’est pré­cal­culé ou live), mais intel­li­gente…
elle met bien en avant le coté cata­logue du site.

On se rap­pelle du Mini Roof­stu­dio de EVB qui était un cata­logue éve­ne­men­tiel du même genre.