Dans les coulisses de notre ouverture animée
Un cercle qui devient une lettre, un nom qui se décode, un logo qui s’envole : comment nous avons construit les premières secondes de notre site, et pourquoi elles restent légères.
Les premières secondes d’un site disent beaucoup. Nous voulions que la nôtre raconte notre métier en un seul geste : partir d’un trait simple et arriver à quelque chose de précis.
L’idée : un cercle qui devient une lettre
Au chargement, une grille de plan se trace, comme sur une table d’architecte. Un cercle se dessine au centre pendant que nos six métiers défilent dessous : stratégie, design, code, hébergement, sécurité, croissance. Puis le cercle devient le O final d’IZZO, les autres lettres apparaissent en passant par des signes de code, et le logo s’envole jusqu’à sa place, en haut à gauche.
Les règles que nous nous sommes fixées
- Une fois par visite. L’animation ne se rejoue pas à chaque page : la seconde fois, vous allez droit au contenu.
- Un bouton « Passer ». Personne n’est obligé d’attendre.
- Rien pour ceux qui ne veulent pas de mouvement. Si votre téléphone ou votre ordinateur demande de réduire les animations, le site s’affiche directement, sans rien perdre.
- Le contenu d’abord. Pendant l’animation, la page se charge en arrière-plan : on ne fait pas patienter, on occupe l’attente.
Ce que cela veut dire pour un site d’entreprise
Toutes les entreprises n’ont pas besoin d’une ouverture animée. Mais le même savoir-faire sert partout : un prix qui défile sur une page de tarifs, une carte qui s’incline sous la souris, un formulaire qui remercie par une petite gerbe de confettis. Bien dosé, le mouvement guide le regard et rend un site mémorable. Mal dosé, il fatigue. Tout le travail est dans le dosage.
À retenir
Une animation réussie se remarque à peine : elle donne du rythme, puis s’efface devant le contenu.