agencyzebra réalise le mini-site de châtillon pour Bouygues Immobilier (proprietaireachatillon.com)

juin 14, 2008

Je suis fier d’avoir fini un mini-site techniquement pas évident. visitez le mini-site propriétaire à chatillon Les textes à droite sont de type HTML/CSS pour permettre un bon référencement, tandis que le header, la zone d’image et le footer sont réalisés sous flash pour + de dynamisme. J’ai également réalisé un CD-ROM de présentation 100% Flash que Bouygues Immobilier distribuera à ses clients potentiel. Ce CD-ROM présente la ville de Châtillon ainsi que les programmes CAP CAPITALE et LE LIBERTÉ.


Critique de site Flash : www.realpix.it

mars 26, 2008

Flash website

Dans ma quête pour trouver des sites webs qui sortent de l’ordinaire je vous présente realpix.it.

Cette entreprise italienne effectue des prévisualisations avant travaux de carrelage, et a sut tirer profit des capacités de Flash pour créer un site web efficace et à la navigation originale.

D’une manière générale, les temps de chargement des images sont hélas tres longs pour la plupart des modems, et ce renforcé par le fait qu’il faut charger deux images d’une traite pour voir l’effet before/after.

Il me semble aussi que leurs photos n’ont pas été optimisées pour le web, ils ont sans doute voulu montrer toutes les nuances et les détails de leurs réalisation, au détriment du temps de chargement.

Une bonne optimistaion peut réduire de 75% le poids d’une image sans trop détériorer la qualité.

Le site realpix.it utilise également un menu click-droit personnalisé avec la possibilité de passer en mode plein écran, que je recommande pour profiter pleinement des animations.

Le style est épuré au maximum, sobre et classe avec utilistion d’une typo pixel, tres au gout du jour sur l’internet (bitmap font).

La plupart de l’écran laisse place à un menu d’images qui ne respecte pas la grille de thumbnails que l’on trouve trop souvent… là les images sont alignées par categorie les unes derrieres les autres, et se déplacent avec de tres belles translation en 3D.

On peut s’interroger sur l’utilité d’avoir les images les + lointaines , mais 1 premier click les amenent au premier plan, tandis que le second click nous permet de decouvrir la prévisualisation à partir de photos, et ce de manière dynamique grace à un effet Flash tout simple.

Au niveau du son, là encore ce n’est pas fait pour optimiser le téléchargement : ce n’est pas une boucle d’une dizaine de secondes comme nous avons utilisé sur le site de agencyzebra, mais une chanson entière.

Ceci a pour conséquence un téléchargement beaucoup plus conséquent, de 20Ko pour la boucle sur agencyzebra.com , nous passons certainement à quelques Mo…

De plus, cette chanson (de Morsheeba il me semble) porte un copyright et je doute que mes nouveaux amis chez Realpix.it se soit légalement approprié cette chanson…

Enfin, la musique ne peut pas etre tournée off à 100% (le son diminue, mais pas jusqu’a 0db).

on aime:

-la sobriété du design

-la navigation par photo en 3D

-l’effet Masque de Flash qui présente les before/after

-La qualité des images

-la chanson choisie

on aime moins:

-Les temps de chargement

-Le piratage de la chanson choisie

VERDICT : 8/10

Voici un site sobre, très au goût du jour qui inspire tant par ses réussites que par ses erreurs. Une très belle utilisation des possibilités de Flash est hélas handicapée par le manque d’optimisation des images et une intégration douteuse d’une chanson à copyright.

Si vous souhaitez un site similaire mais mieux contactez moi


les cuisines IKEA et une superbe utilisation de Flash

mars 20, 2008

Voici deux mini-sites très impressionants réalisés sous Flash pour présenter les cuisines IKEA:

http://demo.fb.se/e/ikea/dreamkitchen/site/default.html

et

http://demo.fb.se/e/ikea/dreamkitchen2/site/default.html

Jettez-y un oeil si vous ne les connaissez pas déjà…

Les éléments qui nous impressionnent sont:

-l’intégration des différentes musiques pour créer les ambiances des cuisines

-l’utilisation d’objets en 3D au centre de l’image

-les transitions entre les cuisines

-enfin, les caractères et persos au centre des animations.

Si vous vous demandez comment Ikea s’y est prit, j’ai la réponse:

Ils ont construit un studio circulaire avec les cuisines montées et les acteurs/modèles au centre restent immobiles pendant que la caméra effectue un 360 sur des rails.

Ensuite en post-prod ils ont gommé les lumières et rajouté un faux-plafond grace au logiciel de 3D Maya, et ajouté quelques objets en 3D au milieu de l’image qui tournent au même rythme que la caméra pour imiter l’effet “bullet-time” des films Matrix.

Ensuite ils ont tout fait passer à la moulinette Flash, ajouté les musiques et inclu une fonction qui pause la vidéo lorsque la souris est inactive, puis joue ou rewind la vidéo en fonction de où la souris clique.

J’ai hâte de travailler sur un projet similaire et d’utiliser mon artiste 3D et mes connaissances Flash pour produire un résultat encore plus convaincant pour une fraction du coût des sites Ikea, sans construire de studio circulaire mais en effectuant les décors en 3d et en incluant des photos de personnages.

Contactez-moi si vous êtes intéressés par un site similaire