Animations classiques (AOS)
WebAcappella a longtemps proposé les animations d’apparition via WOW.js. Désormais, vous pouvez choisir d’utiliser la librairie AOS (Animate On Scroll) directement dans les Propriétés du projet. AOS offre des effets d’apparition modernes, fluides et faciles à régler, sans écrire de code.
Activer AOS dans le projet
- Ouvrez votre projet WebAcappella.
- Rendez-vous dans Propriétés du projet → Animations.
Appliquer un effet d’apparition à un composant
- Sélectionnez un composant (texte, image, bouton, bloc, etc.).
- Ouvrez le panneau Animation à l’apparition.
- Choisissez un type d’effet (ex. : fondu, glissement, zoom, rotation légère).
Bonnes pratiques
- Moins, c’est mieux Limitez-vous à quelques effets cohérents (ex. : fondu + légère translation).
- Priorité au contenu L’effet doit servir la compréhension (mettre en avant un titre, un CTA, une étape clé).
- Performance Évitez d’animer trop d’éléments simultanément, surtout sur mobile.
- Cohérence visuelle Harmonisez durées, délais et types d’effets à l’échelle du site.
- Accessibilité / Confort Préférez des effets courts et modérés, agréables à l’œil et non intrusifs.
- Compatibilité navigateur Certains effets peuvent apparaître différemment selon les navigateurs (notamment Safari). Testez vos pages sur plusieurs appareils.
Cas d’usage recommandés
- Titres de section : léger fondu + glissement vertical discret.
- Blocs visuels (cartes, vignettes) : zoom très léger à l’apparition.
- CTA (boutons d’action) : fondu propre et rapide pour rester réactif.
- Listes d’éléments : apparition en cascade (petits délais successifs).
Migration depuis WOW.js
- Les anciens projets configurés avec WOW.js restent fonctionnels.
- Pour profiter d’AOS : 1. Activez AOS dans les Propriétés du projet. 2. Repassez sur vos composants clés et réappliquez les effets d’apparition. 3. Alignez les durées et délais pour garantir l’homogénéité visuelle.
Rappel marketing
Des animations bien choisies renforcent la mise en valeur de vos messages (promotion, nouveauté, preuve sociale) et guident l’attention. L’abus d’effets détourne du contenu, fatigue l’utilisateur et peut nuire à la perception de qualité et de rapidité.