L’agence web COTEO a réalisé une animation en HTML5 à l’occasion des vœux 2015 de l’OFDT

La problématique

Réalisation d’une carte de voeux animée lisible sur mobile

  • Conception de l’animation (compatible avec le caractère institutionnel de l’OFDT)
  • Réalisation de l’animation
  • Format : 985 × 300 pixels (l’animation prendrait la place du carrousel sur le site)
  • Durée : 15 / 20 secondes
  • Animation compatible avec IE 10 minimum, Firefox, Chrome et Safari
  • Animation lisible sur mobile et idéalement par des clients de messagerie électronique standards (Outlook, Thunderbird) et sur les webmails les plus populaires (Gmail, Yahoo…)

Notre réponse

Réalisation d’une animation en HTML5

Les animations Flash ne permettant pas d’assurer une compatibilité maximale sur les terminaux mobiles notamment, nous nous sommes orientés vers l’utilisation du HTML5 pour la réalisation de cette animation.

En plus de permettre de très agréables animations visuelles, la technologie utilisée nous a permis de rendre l’animation “responsive” et donc parfaitement consultable sur les différents device, tout comme le site internet en RWD.

Des boutons de pause et reprise de la lecture ont été ajoutés, ainsi qu’un bouton permettant de couper le son de l’animation.

Voir l’animation HTML5

Animation avec les vœux

Visible sur une page dédiée de l’OFDT, cette version remplacera le carrousel de la page d’accueil le temps des fêtes.

Animation sans les vœux

Permettant une présentation des activités de l’OFDT en dehors de la période des fêtes, une version sans les vœux a également été réalisée.

PACCOU
Alexandre
Chef de projet web