Animations Flash pour le site d’Isabelle Lépinay

J’ai profité de l’occasion d’une mise à jour du site pour dynamiser deux pages au moyen de nouvelles animations. Comme toujours, plutôt que de récupérer des codes sur internet, je crée ces animations intégralement afin de garantir leur originalité : mon commanditaire est assuré d’avoir une création sur mesure, et qu’on ne verra nulle part ailleurs sur le web.

La page d’accueil (www.isabelle-lepinay.com), totalement refondue graphiquement, présente désormais deux animations : l’une, discrète, agrémente le nom « Lépinay » d’un effet vaporeux élégant. L’autre anime le menu, d’une façon originale : lorsqu’on place la souris sur l’un des trois liens, les deux autres glissent vers la droite, se mettant en retrait derrière l’accordéon. Les observateurs remarqueront l’effet d’animation rotatif discret des puces, qui apporte une touche de sophistication au menu.

Page d’accueil du site

La page orchestre (www.isabelle-lepinay.com/orchestre.html) est tout entière une animation : lorsqu’on arrive sur la page, une introduction présente le logo de façon animée, éclairant sa signification (j’ai déjà parlé ici de la création du logo, voir l’article correspondant).

Une fois l’animation introductive terminée, un effet de transition original fait apparaître la page orchestre. L’effet de transition est bien sûr lui aussi une création, je l’ai conçu en partant de l’idée des boutons accordéon associée à celle d’une boule à facettes.

Page Orchestre avec logo animé en introduction
et effet de transition personnalisé vers la page

Pour que l’expérience du visiteur soit la plus fluide possible, j’ai codé la page pour gérer au mieux la situation quelle que soit la vitesse de connexion. Ainsi, pendant que l’introduction (animation du logo) s’exécute, la page se charge. Lorsque l’introduction est finie, si le chargement de la page l’est aussi l’effet de transition commence immédiatement. Si le chargement n’est pas tout à fait fini, un message d’attente s’affiche et l’effet de transition est suspendu, pour ne démarrer qu’une fois le chargement terminé.

La partie la plus riche du site reste la section « L’accordéoniste » : pratiquement chaque page présente une animation originale.

Publicité