Article tagué photo

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

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 :