L’effet « waouh »,
dès la première seconde.
Un en-tête qui bouge, un objet qu’on fait tourner, une scène qui se déroule au fil de la page : vos visiteurs s’arrêtent, jouent, et se souviennent de votre site. S’ajoute à n’importe quel site, léger et pensé pour le téléphone.
Le fond qui bouge derrière ce texte est déjà un exemple.
On oublie un site de plus.
On se souvient d’un site qui bouge.
Vos futurs clients comparent plusieurs sites en quelques minutes, souvent sur leur téléphone. La plupart se ressemblent. Une animation bien choisie fait la différence dès les premières secondes :
- On s’arrête. Le mouvement attire l’œil avant même la lecture du premier titre.
- On joue, donc on reste. Le visiteur qui attrape le drapeau ou fait tourner l’objet découvre la suite de la page au lieu de repartir.
- On vous prend au sérieux. Une finition soignée montre le soin que vous mettez dans votre propre travail.
- On en parle. « Tu as vu leur site ? » : un effet réussi se montre à quelqu’un d’autre.
L’animation reste au service du message : elle attire le regard vers votre offre, sans la cacher.
Touchez, tirez, faites tourner.
Ces exemples fonctionnent vraiment, à la souris comme au doigt. Pour votre site, je les règle aux couleurs de votre marque, avec votre logo ou votre produit.
Spectaculaire, mais léger
et respectueux.
Une animation qui ralentit la page ou fatigue les yeux fait plus de tort que de bien. Chaque effet que je pose respecte ces règles :
- Léger. Un en-tête animé pèse quelques kilo-octets, moins qu’une photo. Un objet 3D est plus lourd : il ne se charge que lorsque le visiteur arrive dessus.
- Il s’arrête quand on ne le regarde pas : dès qu’il sort de l’écran ou que l’onglet passe en arrière-plan. La batterie du téléphone est épargnée.
- Il respecte les réglages du visiteur. Celui qui a demandé à son appareil de « réduire les animations » voit une image fixe.
- Votre texte reste lisible. L’effet s’efface derrière vos titres et vos boutons, contraste vérifié.
- Testé avant la mise en ligne sur ordinateur, sur téléphone Android et sur iPhone, y compris sur un appareil lent.
Un supplément,
chiffré avant de commencer.
L’animation s’ajoute à n’importe quel pack, et aussi à un site que j’ai déjà livré. Rien n’est imposé : tout le monde ne veut pas d’un site qui bouge, et c’est très bien ainsi.
Ce qu’on me demande
le plus souvent.
Est-ce que ça ralentit mon site ?
Non, c’est même la première chose que je vérifie. Un en-tête animé pèse quelques kilo-octets et se met en pause dès qu’il sort de l’écran. Pour un objet 3D, plus lourd, le chargement n’a lieu que lorsque le visiteur arrive à sa hauteur : le haut de la page s’affiche aussi vite qu’avant.
Et sur téléphone ?
Tout est pensé d’abord pour le téléphone : l’effet se manipule au doigt sans empêcher de faire défiler la page, et je le teste sur Android et sur iPhone, y compris sur un appareil ancien. S’il peine, l’animation se simplifie d’elle-même plutôt que de saccader.
Mon logo peut-il flotter sur le drapeau ?
Oui, c’est tout l’intérêt : votre emblème, vos couleurs. Il me faut simplement votre logo dans une bonne qualité.
Faut-il un modèle 3D de mon produit ?
Si votre fabricant ou votre graphiste en a un, je l’utilise. Sinon, je construis moi-même un objet simple, comme le tabouret ci-dessus. Pour un objet très détaillé, il faut un modèle réalisé à partir de votre pièce : je vous le dis clairement dans le devis.
Peut-on l’ajouter à mon site actuel ?
Si c’est moi qui ai réalisé votre site, oui, sans le refaire. Pour un site réalisé ailleurs, je regarde d’abord comment il est construit avant de vous proposer un prix.
Et si votre site était celui
dont on se souvient ?
Premier échange gratuit et sans engagement. Réponse sous 48 h.