new media design & communication

Silenzio in the sky with diamonds

[French version Here]

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

Announ­cing Silenzio — http://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 http://www.silenzio.fr/

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

Array

Array

Array

Array

Silenzio in the sky with diamonds

[English version Here]

Silenzio — http://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 http://www.silenzio.fr/

Voici quelques cap­tures d’écran :

Array

Array

Array

Array


Read More →

Prowl for iPhone — Growl Push notifcations, Ninja style

[A l’attention des lec­teurs fran­co­phones] Ce post sera en Anglais, car il est sus­cep­tible d’intéresser un lec­to­rat international.

Yes­ter­day, we’ve been playing with a newly relea­sed appli­ca­tion for 3.0 Push-enabled iPhones. The name is Prowl, it’s Growl for your iPhone, And it’s a game chan­ger.
It allows us to receive as push noti­fi­ca­tions our selec­tion of mes­sage from twit­ter, mail, omni­fo­cus, and real­time ser­ver alerts from our hos­ted ser­vers (apache, memory and such alerts)

A bit of background

Growl is a widely used Mac OS X back­ground ser­vice, that you can ins­tall and confi­gure to dis­play small noti­fi­ca­tion bubbles in a cor­ner of your screen whe­ne­ver some­thing hap­pens. You can be noti­fied of new mails, twit­ter noti­fi­ca­tions, new wifi net­works net­work beco­ming avai­lable, a tor­rent down­load being com­ple­ted…
In short, and thanks to many application's built-in support, command-line access, or extras, almost any­thing you would want to be noti­fied unob­tru­si­vely about.
intellij_growl.png

What Prowl offers you now is the pos­si­bi­lity to push any of these Growl noti­fi­ca­tion from your desk­top as a push noti­fi­ca­tion to your iPhone. As you can ima­gine, the ways you can use it are many, and are not limi­ted to desk­top noti­fi­ca­tions thanks to a few extras we’ll des­cribe here. (Pic­ture from Prowl web­site)
prowl1.jpg

How to Setup

Here is what we have setup so far, to keep the ser­vice both rele­vant and useful.

First, create an account on Prowl's registration page, and then download the app on the AppStore. Launch it once to enter your user­name and password.

You will then need to ins­tall the desk­top part of Prowl, that exists as a growl plu­gin on Prowl's installation page

You could now setup Growl to dis­play any noti­fi­ca­tion using Prowl, but we think that would be a mis­take.
Growl can be chatty, and you don’t want every single noti­fi­ca­tion pushed to your phone.

In the Growl pre­fe­rence pane, under Appli­ca­tions, you will find a list of every appli­ca­tion that has sent some noti­fi­ca­tion to growl in the past. Choose the appli­ca­tions you would like to be noti­fied of, and click Confi­gure…
aperture growl.jpg

You can either for­ward all noti­fi­ca­tion, by going to Appli­ca­tion Set­ting, and choo­sing Dis­play Style: Prowl, or go into even more detail by going into Noti­fi­ca­tions, and choo­sing what events to be Dis­played as Prowl.

Now, go to Dis­play Options, and confi­gure Prowl with the user­name and pass­word you’ve cho­sen on Prowl’s site.

You can also choose refine what to dis­play, and if you want to also dis­play Prowl noti­fi­ca­tion on your desk­top in this page.
displayStyle.jpg

You should be all setup for Prowl now, click Pre­view, and test…

Sensible Usage

— Twit­ter.
You don’t want to receive noti­fi­ca­tions every time a new update from the people you fol­low is avai­lable. Chances are you are more inter­es­ted by men­tions and direct mes­sages. That’s cool, because In Tweetie, our desk­top client of choice, you are offe­red a fine setup allo­wing, you to be noti­fied with just the type of events you’re inter­es­ted in :

tweetie notifications.jpg

And if you use mul­tiple accounts, you can even fine tune noti­fi­ca­tions for each of them.

— Omni­fo­cus
Omni­fo­cus for iPhone does not have Push noti­fi­ca­tions yet, but it does include Growl noti­fi­ca­tions for Due items, and that’s all we need for this setup.

— Ser­ver Moni­to­ring
Here we used a rather convo­lu­ted setup to ans­wer all of our needs.

First what we need to do is open up Growl’s pre­fe­rence pane again, and go to Net­work.
there you will acti­vate “Lis­ten for inco­ming noti­fi­ca­tions”, and “Allow remote appli­ca­tion regis­tra­tion” and choose a pass­word you’ll put also in your script.
growlnetwork.jpg

Open up on your Growl server’s fire­wall the fol­lo­wing ports:
TCP 23052 and UDP 9887, only for your server’s IP.

Yes we know that’s not quite secure yet, but we’re refi­ning that also.

Then, on each of our Linux Hos­ted ser­vers, we ins­tal­led a ruby gem, "ruby-growl"

We then wrote a very simple noti­fi­ca­tion script, shown just here :

#!/bin/env ruby
require 'rubygems'
require 'ruby-growl'
 
growl_server = YOUR_GROWL_SERVER_HOSTNAME
growl_password = YOUR_GROWL_SERVER_PASSWORD
source = ARGV[0]
title = ARGV[1]
message = ARGV[2]
 
g = Growl.new growl_server, "Server monitoring", [source], nil, growl_password
g.notify source, title, message

It’s quite quick and dirty, but it gets the job done, we’ll add veri­fi­ca­tion and sanity checks in the coming days :)

Now you have to regis­ter the appli­ca­tion to Growl, by using it at least once. name the file you crea­ted on your ser­ver notification.rb for example, and call it :

chmod +x notification.rb
./notification.rb "Apache monitor" "This is a test for apache monitor" "This is the message's content"

Test. The mes­sage should be dis­played on your desk­top. ain’t that cool.

Now, do not for­get then to go back to Growl’s pre­fe­rence pane, in the Appli­ca­tions Tab and setup this newly crea­ted appli­ca­tion (should be named “Ser­ver moni­to­ring” as per the id given in the script)
Set it up with the “Prowl” dis­play Style.

Test again. You should receive the noti­fi­ca­tion. ain’t that even cooler.

An alter­na­tive would be to directly notify Prowl, using a script they’ve developed and made available, prow.pl.

But that would not dis­play a noti­fi­ca­tion on your desk­top machine, as we want to, so that is a no go for us. The point in this setup is to have the server’s alerts dis­played both on our iPhones, and all our macs.

That’s only the tip of the ice­berg, and we only have used this ama­zing app for a day.
We will add more use cases as we think of them (or as you tell us your ideas !)


Read More →

Macbook Blanche-Neige

Une idée cool pour habiller un macbook…

Array

Array

LübeckerJung Via Design You Trust.


Read More →

Office Pod

Un concept super sympa pour tous ceux qui vivent en dehors des grandes villes,

Un Bureau auto­nome, à pla­cer au fond du jardin.

Bon évi­dem­ment, il faut accep­ter de ne pas bos­ser quand il pleut, ou 6 mois par an entre Octobre et Mars (au mini­mum), sinon le voyage vers la machine a café peut rapi­de­ment deve­nir désagréable.

Mais pour ceux qui bossent seule­ment l’été, à la cam­pagne, dans un jar­din, de 9 à 11h et de 16 à 18h, dans le sud, c’est un super concept.

A vendre tout de suite sur OfficePod

Array

Array

Array


Read More →

Si tu pompe assez fort, t'auras l'air d'un coureur...

Les der­nières ver­sions de la “nou­velle” inter­face de Win­dows 7 (qui est la nou­velle inter­face de Vista, qui était lui même la nou­velle inter­face de XP, qui était la nou­velle inter­face de Win­dows 95 etc… Ca nous rajeu­nit pas tout cela…)

Pre­mier abord : Ca sent le toner de pho­to­co­pieuse a 10 kilomètres.

En même temps, ca fait 10 ans qu’ils cherchent à inno­ver et qu’ils n’y arrivent pas, chez Micro­soft, donc a la fin, ils doivent en avoir eu assez, et s’être dit : on va faire comme d’habitude, on va recopier…

L’exemple en image :

Array


Read More →

Badges Arcade retro

Badges faits à par­tir de bou­tons de bornes d’arcade vintage.

Ca va vous rap­pel­ler des sou­ve­nirs de street fighter…

chez Supermandolini

Array


Read More →

La voix de son maître

Bon,
La crise, connait pas, trop d’argent sur le compte, déja donné beau­coup aux bonnes oeuvres.
Vous ne savez plus quoi faire ? voici pour vous don­ner des idées un dock iPhone/iPod. Beau. Cool. Cher.

Charles & Marie, 600$

Array

Array

Array


Read More →

CamSpace, et les manettes virtuelles

CamSpace est une société inno­vante qui pro­pose aux Gamers et Casual Gamers (c’est a dire à peu près tout le monde), d’utiliser les Web­cam de leurs ordi­na­teurs pour ajou­ter un nou­veau type de contrôle pour les jeux Flash et autres.

En gros, vous pre­nez n’importe quel objet, ou membre de votre corps, vous le faites “recon­naitre” par la caméra, en le plaçant devant le carré affi­ché à l’écran, et celui-ci devient détecté comme le serait une manette de Wii.

La tech­no­lo­gie n’apparaitra donc pas nou­velle aux plus tech­no­philes d’entre vous (se rap­pel­ler de l’EyeToy de Sony, pour Plays­ta­tion par exemple).

La grande nou­veauté vient du sup­port de Flash, et de l’ouverture de facto à une audience quasi universelle.

En regar­dant la vidéo ci des­sous, on ima­gine très bien le poten­tiel de ce genre de mini-games, en réseau ou pas.

Le sup­port du Mac n’est pas encore implé­menté, mais cela ne devrait tarder.

En bref, un concept pro­met­teur, une implé­men­ta­tion encore jeune.


Read More →

iPhoto 09

Une leçon de sim­pli­cité et d’évidence :

Prendre fonc­tion­na­li­tés exis­tant déja ailleurs, dans d’autres logi­ciels
(Face­book, Picasa, Fli­ckr, etc…) mais unique­ment uti­li­sées par les Power-Users (Géo Loca­li­sa­tion, Recon­nais­sance Faciale).
Com­bi­ner avec des Fonc­tion­na­li­tés uti­li­sés par les uti­li­sa­teurs (Tag­ging de pho­tos Face­book, et une optique réso­lu­ment grand public), et com­bi­ner tout cela pour four­nir de nou­velles manières de navi­guer et explo­rer les dizaines de mil­liers de pho­tos que nous possédons.

Nous dis­po­sons main­te­nant d’une inter­face grand public pour trou­ver auto­ma­tique­ment toutes les pho­tos prises à la fête à Neu­Neu, ou encore toutes celles ou l’on voit la tête de Tata Janine.
En plus de cela, les infos ren­trées par vos amis sur Face­book par exemple, seront récu­pé­rées par iPhoto pour amé­lio­rer la base de iPhoto

Array

L’innovation n’est pas d’inventer, mais de rendre accessible.

La Page Démo de iPhoto


Read More →

Before & After


  • Before & After

  • Archives

  • Contact

Recent Posts

February 28th 2010
Category: Uncategorized
Tags :

No Comments

Loc.alize.us

http://loc.alize.us
Design & UI is a lit­tle cheesy, but it ans­wers a real need : a good & simple flickr/google maps mashup.

January 12th 2010
Category: Uncategorized
Tags :

No Comments

Protéger et Servir

December 24th 2009
Category: Music, Video
Tags : , ,

No Comments

Du bon son qui tape, par HECQ

HECQ (A.K.A) Ben Lukas Boy­sen, sound desi­gner + com­po­si­teur de qua­lité, nous pré­sente Spheres Of Fury, co-produit avec Exil­lion.
La réa­li­sa­tion est du non moins fameux Chris­to­pher Hewitt, (ancien­ne­ment Dstrukt), avec Tim Brown.
Bien bruyant et énervé comme on aime.

December 19th 2009
Category: Uncategorized
Tags :

No Comments

Alice+Tim+Johnny = Wonderland

November 7th 2009
Category: Uncategorized
Tags :

No Comments

The Mill — Showreel 2010

Pour encore une nou­velle année, The Mill a repoussé les limites dans de nom­breuses créa­tions de qua­lité. Voici leur Sho­wReel 2010, résu­mant suc­cin­te­ment leurs tra­vaux en 2009
The Mill

November 2nd 2009
Category: Marketing
Tags : ,

No Comments

Advertising in 2009

Tout est dit.
via Michael Lebowitz

October 28th 2009
Category: Uncategorized
Tags :

No Comments

Pixar & Dreamworks

via tweetie

October 27th 2009
Category: Uncategorized
Tags :

No Comments

Going to work

via tweetie

October 26th 2009
Category: Advertising
Tags : ,

No Comments

Omax, lentilles Grand-angle

Client: Omax
Agency: Publi­cis India
Exe­cu­tive Crea­tive Direc­tor: Emma­nuel Uppu­turu
Crea­tive Direc­tor: Anin­dya banerjee
Crea­tive Group Head/ Art Direc­tor: Ray­lin Valles
Copy­wri­ter: Emma­nuel Uppu­turu
Coun­try: India
(via DesignLenta)

October 26th 2009
Category: Funny, Video
Tags : , ,

No Comments

Pixar vs CollegeHumor

Devi­nez qui gagne…

(via Now­here Else)