i-data

Calendrier de l'Avent de Noël pour promotion du jour

Écran d'un calendrier du Guardian.

L'attente du réveillon avec une quinzaine d'exploitations variées du traditionnel calendrier.

i-image

Les photographies interactives de Daniel Brown

Écrans de Synaesthesia .

5 œuvres photographiques dont la manipulation bouscule le regard.

i-design

Synthèse visuelle pour approche d'un art pictural ou graphique

Écran de l'exposition sur Francis Bacon.

Offrir une vue d'ensemble pour donner à approfondir des œuvres au gré de son envie.

i-design

Trajet interactif pour jeu de parcours automobile

Écran de Escape The Map.

12 promotions originales de la voiture avec l'expérience ludique d'un parcours à faire.

i-data

Savoir collaboratif en mots-clés pour oeuvres picturales

Détail de l'interface.

Pour permettre aux internautes d'identifier le contenu de toiles de maîtres afin d'améliorer l'accès aux oeuvres.

i-design

L'apport de l'art numérique pour l'information en ligne

Écran d'une œuvre.

La touche exclusive que pourrait apporter l'art numérique en ligne avec l'exemple d'Angelo Plessas.

i-design

Lettres et typographie à ressort interactif

Écran d'un jeu de police.

15 sites de tests typographiques et de jeux de lettres.

i-data

Pictos love, affinités et parole d'icônes

Écran du site.

La signalétique iconique appliquée à la rencontre amoureuse

i-pédago

Commune de Paris : street art, journaux d'époque et QR code

Photo du site.

Approche multimédia et mise en scène urbaine pour intéresser à l'Histoire.

i-image

Soul-Patron, un voyage au Japon en web-documentaire

Écran du site.

Une dynamique interactive des plus pertinentes pour découvrir trois villes japonaises.

i-data

Civil War 150 ou quand l'infographie raconte l'Histoire

Écran du site.

Une belle réalisation de données chiffrées pour aborder la guerre de Sécession.

i-data

L'exploitation des données privées du député Vert Malte Spitz

Écran de l'animation.

Une animation qui sensibilise sur l'obligation de conservation des données personnelles faite aux opérateurs de téléphonie.

spot-motion

Animation de papier et de pages imprimées à faire lire

Écran de l'animation.

Des animations qui créent avec le papier pour donner vie aux mots des pages.

i-design

Earth Hour : les sites les plus créatifs et dynamiques

Étapes de l'interrupteur virtuel.

Panorama de l'inspiration mise en œuvre pour sensibiliser sur le web à cet événement aujourd'hui mondial.

i-image

Financement personnalisé pour le Rainbow Warrior de Greenpeace

Écran du site.

Des dons financiers ciblés sur les objets indispensables au fonctionnement d'un bateau militant.

i-pédago

Quiz d'histoire en reconstitution d'époque animée

Écran de l'animation.

Un traitement ludo-pédagogique immersif qui aborde une époque sur le fond et la forme.

spot-motion

Du gif animé pour un hommage au cinéma et aux cinéastes

Le gif animé.

Des répétitions en boucle sur des scènes de films dépassent le simple effet visuel.

i-design

Un clip musical en pièces de puzzle à jouer

Écran du clip-puzzle.

La reconstitution d'un clip découpé en morceaux pour promouvoir un single.

i-design

L'exemplarité des cartes de voeux interactives d'Arte

Trois écrans de l'animation.

L'évolution des cartes de voeux du site de la chaîne sur ces 5 dernières années.

i-pédago

Reconstitution virtuelle de la clandestinité d'Anne Frank

La chambre d'Anne Frank et l'interface des documents liés.

Une visite en 3D de la maison d'Anne Frank qui raconte l'Histoire.

i-design

Créativité gagnante pour la page qui défile à l'écran

Écran de l'animation.

Quand le déroulement de la page dévoile une intrigue graphique qui construit un récit.

spot-motion

Manhattan 4.33pm et Colney Island 11am, photo animée à rêve

Écran de l'animation.

30 secondes de film pour effet narratif ludique et imaginaire à partir de photographies animées.

i-data

Trouver le vrai du faux pour sensibiliser aux MST

Page d'accueil du site avec les connexions.

Un test de connaissances à double objectif qui valide la pertinence d'une prévention.

i-image

Du photo-réalisme interactif pour explorer un littoral classé

Une photographie avec l'animation de la mer.

Une expérience visuelle et sonore pour découvrir une île de la mer des Wadden, classée au patrimoine mondial de l'Unesco.

i-data

Le soutien musical d'un bon anniversaire militant

Page d'accueil d'envoi de musique.

Des artistes improvisent un Happy Birthday symbolique pour réconforter les malades du cancer.

i-image

Retouche photo de modèles : la tromperie qui déshumanise

Retouche du vente.

Une extrapolation de la photo originale vers la photo retouchée pour comparer le vrai du faux.

i-design

Graphisme sonore et musique à jouer

Écran d'une composition avec 3 instruments.

10 créations qui combinent jeux de musique et d'images à composer.

i-data

Apprendre du point de vue des visiteurs d'une exposition

Écran de la page d'accueil.

La mesure de la réception par le public du controversé crâne en diamants de Damien Hirst, For the Love of God.

i-image

Ville typographique à choix de police de caractère

Écran du décor.

Un décor adapté pour promouvoir l'achat de caractères typographiques.

i-image

Visualisation : superposer des images pour mieux comparer

Avant-après le Mur de Berlin.

12 exemples de ce jeu de dévoilement visuel qui exploite la mise en parallèle d'images pour informer.

i-data

Jeu de danse humoristique pour promotion de single

Écran du site.

Un clip musical qui fait d'un danseur kitsch à son effigie toute une animation.

i-data

Information politique : donner le goût de l'enjeu électoral

Quiz sur les 3 candidats : photo d'enfance à qui ?

L'exemplarité des articles interactifs du site du magazine Veja, à l'occasion des élections présidentielles brésiliennes.

i-image

Diaporama de photos panoramiques sur des villes oubliées

Mise en page du diaporama avec un paysage d'hiver.

Quand le défilement de photos intensifie le projet d'un photographe sur des petites villes délaissées du Canada.

i-data

Salaire de grands patrons pour jeux de comparaisons chiffrées

Un classement de dirigeants selon leur revenus.

La réalité chiffrée des revenus de grands patrons avec l'appui de l'infographie interactive.

i-pédago

Surprenante plongée dans la peinture de Claude Monet

La gare, expérience 11 du Voyage.

Le site de l'exposition Monet du Grand Palais n'hésite pas à jouer l'immersion picturale pour séduire, et c'est une réussite.

i-data

Visualisation de données : révéler les connexions

Le cercle de connexions pour George Clooney.

7 approches interactives qui informent avec l'exposition de liens unissant des personalités.

spot-motion

Inspiration graphique sur Alone Together par Chet Baker

Écran de l'animation.

Une animation audacieuse pour un hommage au trompettiste Chet Baker, aux boites de jazz et à leurs clients.

i-pédago

Révéler le génie oublié des objets du quotidien

Écran de l'accueil de la fermeture éclair.

Comment rendre très attractive et instructive une exposition sur des objets de tous les jours.

i-design

Univers poétique et délicat avec la poursuite de Lapin blanc

Écran du site. Chapitre 4.

Le terrier de Lapin blanc conduit vers un labyrinthe animé d'effets magiques qui mènent à une patiente sagesse.

i-pédago

Mémorial aux victimes du 11 septembre 2001

Page d'accueil de Lady Liberty.

Lady Liberty et Pentagon Memorial, deux symboles du souvenir aux victimes des attentats du 11 septembre.

i-data

Si c'était chez moi ou des données mondiales lisibles par tous

Page d'accueil du site.

Une approche narrative des données bien plus attractive que les multiples combinaisons d'un tableau de bord.

i-data

Un "Je surfe parce que" qui donne envie de surf

Page d'accueil du site.

Une participation promotionnelle qui va à l'essentiel pour le plaisir des surfers et des autres.

i-design

Hommage aux acteurs et aux cinéphiles pour TCM

Page d'accueil du site.

Comment rendre un bel hommage au cinéma avec la contrainte d'une grille de programmation.

i-image

Réserve virtuelle du WWF pour la protection du tigre

Page d'accueil du site.

Incitation visuelle et correspondance entre le but et les moyens.

i-image

Devenir star de football : une réussite révélatrice de l'époque

Accroche de la page d'accueil du site.

Une projection de l'internaute dans un conte signifiant un rêve de gloire facile et démesurée.

i-data

Amateurs-experts pour recueil de données scientifiques

Écran de l'interface.

Une exploitation des données qui encourage à s'investir pour faire progresser la science de la nature.

i-image

Déshabillage au bonheur des maillots de bain

Écran de l'interface.

Un curseur audacieux pour dévoiler les modèles d'un catalogue.

i-image

Un récit à épisodes pour l'éducation de jeunes indiennes

Écran de l'interface.

Quand la progression d'un film animé s'attache à la récolte de dons.

i-pédago

Une comparaison d'opinion par rapport aux textes légaux

Écran de l'interface.

Un moyen d'éclairer sur le contenu de la loi trop souvent méconnu.

i-design

Anciens décors de jeux vidéo actualisés

Écran de l'interface.

Une efficace démonstration d'animation par le coloriage sur des décors à la beauté énigmatique.

spot-motion

35mm pour 35 films à deviner

Écran du site.

Une animation qui enchaîne 35 films réduit à l'état de logo.

i-image

Panorama aérien pour le fjord de Geiranger en Norvège

Écran du site.

L'impact du panorama 360 pour restituer la magnificence d'un paysage.

i-data

Invitation alléchante pour l'hôtel Iberostar

Écran du site.

Une visite qui transforme l'internaute en un client privilégié et chouchouté.

i-image

Lier le son à la photo dans le contenu journalistique web

Écrans du site.

10 exemples de mise en forme originale du son et de l'image dans le traitement de l'information.

i-design

Du papier à l'écran : créativité requise pour BD interactive

Écran pour l'album Sol Carrelus.

Des créations originales exploitent les possibles de l'interactivité avec la BD souvent cantonnée à la simple transposition de la page imprimée.

i-pédago

Every day the same dream : dénoncer et militer par le jeu

Écran du jeu.

Un brillant exemple de l'impact que le jeu peut avoir pour dénoncer ou prendre conscience.

i-pédago

Du contenu web pour sensibiliser au défi écologique

Écrans de Making your town a better place.

11 exemples efficaces de sensibilisation et de mobilisation en matière environnementale.

i-pédago

Mise en scène virtuelle de la solidarité pour action attendue

Écran du site.

Six exemples pour devenir facilement l'acteur d'une action solidaire à la fois virtuelle et réelle.

spot-motion

Quand l'animation sensibilise aux causes citoyennes

Le code-barres pain.

Dix pub militantes illustrent l'impact de l'animation en matière de sensibilisation, avec humour, gravité ou inattendu à la clé.

spot-motion

Le clip littéraire et la bande-annonce pour faire lire

Écran d'une animation.

Des clips littéraires apparaissaient sur YouTube à l'occasion de la sortie de romans. Retour sur ces mises en images littéraires.

i-design

Des clips interactifs à regarder, jouer et écouter

Écran de The Never Ending Why par Placebo.

Six animations interactives musicales dont la créativité artistique et ludique force l'écoute.

i-pédago

Sur la Shoah et la politique antisémite nazie

La frise chronologique sur la politique antisémite des nazis.

Des animations pédagogiques exposent les actes ayant conduit à la politique d'extermination des juifs sous l'Allemagne hitlérienne.

i-design

Légende, frissons d'antan et nostalgie

The Devil's tramping ground.

Ombres de la nuit et des esprits pour un court récit interactif poétique.

i-data

Eternal Moonwalk, un bel hommage démocratique rendu à Michael Jackson

La page d'accueil d'Eternal Moonwalk.

Une mise en scène des plus réussies de vidéos amateurs s'essayant au pas de danse de Michael Jackson.

i-pédago

Approcher et découvrir la baleine pour la sauver

Écrans de Sens A Whale.

Cinq sites approchent de manière originale le mystérieux attrait de la baleine.

i-data

Pouvoir faire la Une du journal Voici

Résultat final et maquette.

Un outil pour faire la Une de Voici. Exemplaire de l'exploitation grandissante de nos faiblesses.

i-design

Audacieuses promotions pour marques automobiles

Écrans d'animations du site Audi.

Trois exemples de sites qui font preuve d'une étonnante imagination graphique et interactive, loin des clichés rabattus sur la voiture.

i-image

Angoisse et frayeur à l'Hôtel 626

Le couloir de l'hôtel.

Un sous jeu vidéo de type survival pour promouvoir Doritos avec le genre épouvante. Décevant mais prometteur.

i-design

Typographique et inspiration artistique à l'œuvre

L'interface de création.

Cet outil à dessin donnent à voir les réalisations des internautes de l'écran blanc au dessin final. Une mise en perspective étonnante du processus créatif.

i-design

Fascinants jeux d'interaction visuelle et sonore

Écran de String Skeleton.

15 réalisations nous font le metteur en scène d'une composition artistique à animer.

i-design

Impact visuel de la typographie et poids des mots

Wordle: Hamlet. Vers le visuel.

Des exemples de l'exploitation artistique de la typographie sur internet qui permet d'approcher autrement lecture et texte.

i-design

Nfctd : animation de gravures et jeu visuel surréaliste

Écrans de la première composition.

Une composition qui met en scène des gravures du 19e siècle et joue de l'interactivité pour questionner la composition graphique et les effets de ses métamorphoses.

i-pédago

Timeline : chronologies interactives pour raconter

Écran d'une timeline.

Cinq illustrations de cet outil interactif qui révèlent des potentiels insoupçonnés à méditer.

i-design

BD interactive : la créativité d'Hotel de Hoogerbrugge

Écran du Restaurant, scène 2, épisode 1 de Lift.

Sur la trame du savant fou, un récit à l'interaction explosive qui illustre l'inventivité de la BD conçue ex-nihilo pour l'interactivité.

i-image

Messages vidéos à personnaliser pour faire peur

Écrans de la vidéo.

Personnalisation de la vidéo avec 2 exemples réalisés pour la promotion américaine d'un film d'horreur. Effet garanti.

i-pédago

Mémoire et fonctionnement du cerveau

Écrans de l'animation Making Memory.

La performance pédagogique de l'animation interactive dans le domaine scientifique illustrée pour le fonctionnement de la mémoire.

i-design

Les imaginaires surréalistes de Vectorpark

Écrans de l'animation Park.

Une quiétude proche du cauchemar caractérise ces animations aux effets visuels et interactifs déroutants.

i-data

Les news interactives de la présidentielle américaine

Écran d'une visionneuse comparative.

La presse en ligne américaine a proposé une mise en forme audacieuse de l'information qui exige des contenus dignes de ce nom.

i-data

Ecologie : arbre virtuel pour plantation réelle

Visuel de l'arbre.

Ecotonoah est un arbre virtuel dont les branches s'enrichissent du nom des visiteurs qui expriment leur soutien à l'environnement. A chaque centaine de feuilles, un arbre est planté.

i-design

La typographique interactive de Yugo Nakamura

Écran d'une animation.

Ce designer interactif de renommée internationale explore depuis des années les moyens d'accrocher l'internaute. Ici avec des jeux de mots et de lettres dont le potentiel reste d'actualité.

i-design

Version interactive de BD : la réussite du Tueur

Des actions sur des lunettes, le viseur et un dossier.

L'adaptation interactive du Tueur donne à (re)découvrir l'autobiographie de ce tueur professionnel imaginé par Matz et Jacamon.

i-pédago

Un jeu pédagogique pour réussir ses photos

Le viseur.

Le jeu Cadrez-moi expose un principe à mettre en pratique avec un viseur virtuel à positionner au mieux. Une utilisation facile pour un apprentissage immédiat.

i-pédago

Mieux comprendre la géométrie avec la 3D

Écran du chapitre 2 et 5.

Neuf petits films pour visualiser et comprendre enfin l'abstraction de la géométrie grâce à la 3D. Certains sont accessibles aux littéraires :)

i-design

Les surprises interactives du parcours de M. Brown

Écrans de l'animation La ligne C.

De courtes animations interactives ébauchent 16 récits libres d'interprétation. Certaines sont d'une efficacité étonnante et valent le détour pour l'inventivité et la maîtrise dont elles font preuve.

spot-motion

Mad Men : formidable générique et exploitation exemplaire

Écran de l'animation.

Primé aux Emmy Awards pour ses qualités artistiques, ce générique relève aussi d'une communication réfléchie et réussie.

i-image

Les flâneries poétiques de Koji Nishida

Image extraite de l'animation Flower.

Étrange apaisement que ces courtes animations interactives de Koji Nishida. Des récits évocateurs de l'essence même de la vie. Courte pause et bouffée d'air pur...

i-data

Une icône de la crise financière et du malaise de la presse

Les 45 unes.

Un remarquable travail de comparaison de unes de journaux a révélé qu'une seule et même photographie avait été utilisée pour illustrer la crise financière. Comment et pourquoi une telle unanimité au regard des quantités d'autres photographies et illustrations possibles ?

i-design

Les sans issues hypnotiques de Rafaël Rozendaal

Image extraite de Big long now.

Scénario et interactivité minimalistes - une idée, une action - caractérisent les mini-sites percutants de cet artiste. Du pouvoir de la frustration étrangement familier...

i-data

Enquête de satisfaction interactive pour teeshirt

L'affichage d'un résultat.

Une présentation cumulant les réponses globales et individuelles d'une enquête grâce à un procédé graphique et interactif original.

i-design

Création publicitaire : trois sites à clics judicieux

Découvrir son profil astrologique.

La publicité n'a pas la cote sur le web et doit s'engager vers une créativité intégrant l'action de l'internaute et son pouvoir.

spot-motion

Observation au ralenti de l'éclair et de la foudre

Écran du spot.

En filmant des éclairs à très haute vitesse, Tom A. Warner donne à observer le phénomène de la foudre au ralenti. Et de se plonger dans la science sans même l'avoir voulu.

i-image

La soif des yeux : décoration de bars en visite virtuelle

Un coin du Cargo sentimental.

Il existe des cafés dans lesquels le plaisir des yeux et de l'esprit est comblé par la richesse d'un décor original. Pour preuve, ces trois visites virtuelles.

i-design

Graphibulation, promenons-nous dans nos rêves

La foule, écran du rêve reconstitué.

Un homme assoupi sous un ciel de bulles interactives qui révèlent des mises en scène exposant ce dont nombre de nos rêves sont faits. A découvrir comme un rêve.

i-pédago

Expliquer l'image par l'image

Extraits d'une animation.

Difficile d'expliquer avec des lignes ce qui s'est exprimé à travers une image. Mais qu'en est-il si la démonstration se fait par l'image ?

i-pédago

Photographe de guerre aujourd'hui

Trois courts extraits d'un interview du grand reporter de guerre Patrick Chauvel pour illustrer ce qui a changé. Une parole pleine d'expérience et d'humilité.

i-data

Mr. Picassohead et les dessinateurs oubliés

L'interface de dessin

La surprise de cet outil à dessin en ligne réside dans sa galerie. Plus de 700 000 portraits laissés par des internautes amateurs. Une richesse qui pourrait être mieux exploitée.

i-design

10mg ou l'impact de la promotion interactive

Ecran de l'animation : le lapin attend...

Un lapin en peluche, une première instruction et, un premier choc. Une expérience pour accrocher et marquer. Avec succès. A méditer.

i-image

Tester un maquillage sur sa photo

Un maquillage des yeux.

Comment améliorer son savoir-faire en matière de maquillage ? Avec un outil d'une remarquable précision et doté d'une gamme permettant de tester n'importe quel look.

i-image

D'un décor à l'autre : immersion 3D en pays d'Oz

Entrée du voyage.

Un décor 3D qu'un large zoom réduit en son centre pour découvrir un autre décor, puis un autre, et encore un... Une initiative promotionnelle à saluer pour son innovation.

i-pédago

Objets manquants dans la chambre des merveilles

La salle et l'accès au globe.

Ce jeu relève d'un principe connu : retrouver les objets manquants d'une pièce. La subtilité de la mise en scène réside dans l'harmonie trouvée entre un ludique qui retient et l'apprentissage d'un savoir qui instruit.

i-image

Eyes Wide Open sur la guerre d'Irak

Un gros plan dans la salle.

Une visite virtuelle panoramique choc et inattendue pour la campagne de l'AFSC sur les pertes humaines de la guerre d'Irak.

i-pédago

Camouflage Comics, une mémoire de la dictature argentine

Détail d'une la page d'accueil.

Une réalisation puissante qui illustre la complémentarité réussie du mot et de l'image. Et la difficulté d'oublier.

i-pédago

Sur un chantier : attention danger !

Ecran du jeu.

La pédagogie de ce jeu réside dans la répétition de l'événement qui s'avère d'une efficacité indéniable pour la mémorisation des dangers.

i-design

Design interactif haut de gamme : Jonathan Yuen

Ecran de la présentation sur Hiroshima.

La ballade est de trop courte durée tant la finesse du dessin, la délicatesse de l'animation, la fluidité du mouvement et des actions enchantent. Le talent est criant.

i-pédago

Envie de Léonard de Vinci

Ecran d'un jeu en cours.

Un site dans lequel texte, image et interactivité conduisent sans effort à l'intérêt. Une incitation d'aborder un contenu des plus réussies.

i-design

La typographie interactive trop négligée

Un effet de l'animation.

Ici les lettres s'animent par l'action de la souris. Curiosité de voir ce qui va se passer, surprise de l'effet produit et œuvre artistique.

spot-motion

La typographie animée en attente de sens

Écran d'une animation.

Des réalisations réussies qui dépassent le simple exercice de style pour offrir un sens aux lettres et aux mots mis en scène.

i-design

Quand l'animation interactive magnifie l'univers d'un cinéaste

Écran de l'animation.

Une création originale sur l'univers du cinéaste japonais Ozu qui est une des plus belles réussites du genre.

Share |

© 2008 - 2012, Sandrine Muller | DotClear | Creative Commons License |  ⥣