Définition d’une bannière display HTML5 animée

Les bannières display se catégorisent sous 3 différents formats : Gif animé, HTML5 ou image statique (jpeg, gif, png). Dans la famille des bannières, la bannière display HTML5 est considérée comme la plus élaborée. A l’instar des autres bannières Gif ou statiques qui sont composées d’une suite d’images (comme une vidéo) ou d’une seule image statique, la bannière HTML5 est composée d’éléments vectoriels, HTML/CSS, d’animation CSS et javascipt, mais aussi d’images et de variables dynamiques. Le résultat visuel d’une bannière HTML5 est une animation fluide et en haute définition. Elle est en fait composée uniquement de code, ce qui la rend ultra légère, et avec de nombreuses possibiltés en terme de création et animation.

Création d’une bannière display HTML5 animée

Préliminaires de la création

L’étape initiale d’une création d’un display HTML5 est d’obtenir une source d’information quant aux conditions d’hébergement de cette publicité. Ces données nous indiquent des conditions de formatages de fichier. Certaines limites pourront influer la création.

La création graphique de la bannière display HTML5

En fonction du contexte de l’annonce, mais également de sa landing page, il convient d’adapter le style graphique d’une bannière display. Sans charte graphique, le graphiste en charge de votre projet vous soumettra une ou plusieurs propositions graphiques en fonction de vos souhaits.

L’animation de la bannière display HTML5

En fonction des informations préliminaires reçues, le motion designer utilisera soit Adobe Animate, soit Google WebDesigner, soit juste un peu de code, pour mettre en animation votre publicité selon vos souhaits. Les professionnels du studio d’animation sauront optimiser au mieux vos fichiers.