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é

Chemise à rabats

Affiche de gala d’accordéon

Très certainement une des meilleures accordéonistes de France, avec un niveau d’exigences musicales et créatives qui se font de plus en plus rares. Graphiquement, l’exercice de style consistait à trouver une approche qui ne heurte pas les habitudes du public concerné, sans pour autant produire quelque chose de trop moche, autant dire une gageure !

Heureusement, le beau portrait du photographe Denis Lambert me permettait de faire le choix d’une sobriété maximum : après retouches colorimétriques et détourage, il était possible de donner une impression festive grâce au choix du fond, des discrets effets « paillettes » et du lettrage, sans sacrifier à la mise en valeur du charme du sujet.

Même si l’affiche ne vous emballe pas (c’est un peu normal si vous n’êtes pas amateur de l’instrument), jetez quand même un œil sur le site d’Isabelle à www.isabelle-lepinay.com : la réalisation m’en a été confiée, un gros travail d’illustration et d’animations y a été réalisé pour rendre chaque page différente des autres.