Anims flash

Comtesse du Barry, animation flash et habillage pour les fêtes

Je ne m’occupe pas assez de ce blog, donc voici un peu de contenu lié à mon actualité pro.

Mes autres projets étant des participations à des projets encore en développement ou soumis à une certaine discrétion, je vous propose de découvrir ci dessous une petite partie de mon travail de ce mois-ci.

La Comtesse du Barry, la célèbre maison de produits gastronomiques  située à Gimont  dans le Gers m’a demandé de réaliser deux petites prestations graphiques.

Première demande, un habillage thématique  » fêtes de fin d’années » pour le site Internet  http://www.comtessedubarry.com/

J’ai donc réalisé un habillage du bandeau de navigation et trame de fond en cristaux de neige bleutés.

Thématique fêtes de fin d'année pour Comtesse du barry
Mon objectif a été de proposer un design conciliant sobriété et festivité sans perturber la navigation ou interférer avec la visibilité des produits et spécialités de la maison.

En complément à cet habillage, m’a été demandé une animation flash reprise sur les chaines Luxe et Cuisine du « Journal des femmes » afin de présenter une nouvelle spécialité : Le Diamant Rosé ,spécialité incluant foie gras de canard fermier du Sud Ouest, truffe et champagne rosé).
Rarement une animation flash m’aura autant fait saliver. :-)

Vous pouvez découvrir cette animation en cliquant sur l’image ci-dessous.

comtesse du barry sur l'internaute

Campagne diffusée en rotation aléatoire par une régie publicitaire sur les sites suivants :

http://www.linternaute.com/femmes/luxe/

http://www.linternaute.com/femmes/cuisine/

Ces deux créations sont à ce jour en ligne et le resteront durant la période des fêtes de fin d’année 2010 et ont été un vrai plaisir à réaliser, Merci aux équipes Marketing et Communication de la Comtesse du Barry.

Moteur de présentation 3D de produits en flash

Pour Maison et Confort.com en plus de gérer le design global j’ai pu expérimenter et développer des outils d’aide à la vente ou facilitant le choix de l’internaute.
de nombreux didacticiels , simulateur de couleurs et autres.

Parmi ceux-ci j’ai retrouvé mon « rotatif 3D » , je dis « mon » rotatif parce que j’en suis le concepteur et que j’en ai réalisé une bonne grosse part mais Sébastien qui nous a rejoint a vraiment apporté à son développement surtout pour les versions dynamiques, Sébastien est également un graphiste qui code tout comme moi, (ce qui est différent d’un développeur qui fait du graphisme) :) .

Je me dois de préciser que la notion de 3D est totalement biaisée car il ne s’agit aucunement de réelle 3D, ici point de  modélisation, de mapping et autres amusements :)
L’effet de 3D perçu ne l’est que par trucage et repose sur un système de photographie rotative développé en interne.

Principe de fonctionnement du module rotatif

Principe de fonctionnement du module rotatif

Présentation.
À la grande différence d’un achat en magasin, l’internaute est loin de l’article et de ce fait privé de toute sensation de toucher du produit, ( ou même du confort d’assise dans le cas d’un canapé), j’ai donc proposé à mr Layani de développer ce type de modules afin de valoriser la qualité des produits avec un peu d’interactivité.

Principe de fonctionnement

sur la fiche de présentation d’un article, dans le cas présent ce sont des canapés mais ce moteur a été implémenté avec réussite pour d’autres typologies de produits.

Une animation flash récupère le nom du canapé et va chercher les visuels adaptés
(ceux ci ne sont chargés chez l’internaute que lors de l’action sur bouton, afin d’éviter d’alourdir la fiche produit inutilement.)


Utilisation :

L’interface permet de faire pivoter ou d’activer des fonctionnalités des articles  image par image façon stop-motion.

l’interaction n’est pas obligatoire, laissant à l’internaute pressé qui le souhaite profiter d’une animation automatique façon diaporama rotatif.

Exemples :

Exemple d'un canapé club
Exemple d'un canapé en microfibre lilas

Universal Music.fr, Laurent Voulzy, Merzhin (Flash et Actionscript)

En fouillant dans les vieux disques durs de mon vieux G4 400 AGP de 1999, qui fonctionne encore d’ailleurs et que je n’arrive pas à jeter car je m’y suis attaché, le comble pour quelqu’un qui ne voulait pas bosser sous Mac à l’époque.. :)
Et bien au milieu de ces 2 fois 10 Go d’espace disque, J’ai recroisé des images de projets que j’avais totalement oubliés :)

Tout d’abord deux projets auxquels je n’ai participé que peu : le site web flash du groupe Merzhin pour la sortie de leur Album » Pleine Lune »
et
Laurent Voulzy pour le site lié à la sortie de l’album « Avril »

Merzhin Album Pleine lune et Laurent Voulzy Avril

Le plus gros du dev’ flash de ces sites avait été fait par François Jacquier un autre pratiquant de flash que moi chez Babel et plus orienté code que moi.

Parallèlement j’ai fait pas mal de petites choses sur les sites « Balance le son » et « Universal music »

ce dernier site était hallucinant, le design avait été fait par Gédéon je crois, quand au développement il s’est fait chez Babel en coldfusion ainsi qu’une bonne partie du flash.

Projets Universal Music et Balance le son

Projets Universal Music et Balance le son

Quelques autres projets réalisés à babel@stal

Van Cleef & Arpels parfums (Webdesign flash)

Van Cleef & Arpels parfums

Réalisation d’un mini site flash pour les parfums de la maison de joaillerie Van Cleef & Arpels

(Projet hélas non finalisé pour des raisons autres que graphiques)

Direction Artistique : Jérome Meunier/P.Pijollet

Babel@Stal 2001

L’animation ci-dessous est une version de travail non aboutie et qui conserve encore quelque bugs ici et là, et que je ne me vois pas corriger aujourd’hui :)

le système de navigation repose sur les 3 carrés colorés en bas de l’animation et veuillez bien sélectionner le francais :)

( Note: suite à plusieurs remarques et questions, non non je confirme bien que le bouton papillon « Partir à zanzibar »en bas a droite ne fonctionne pas :)

This movie requires Flash Player 9