retour

Keolis

Webdoc pour l'intranet de Keolis

1 /

client : Keolis

année : 2013

catégorie•s : web • design • html

Graphic design
HTML & CSS

Vidéo de 30 secondes, sans audio.

Démo d'un webdoc pour Keolis.
DÉBUT VIDEO

  • de 0 à 3 secondes : Léger scroll vers la bas pour voir le document dans son intégralité. Il s'agit d'un document web interactif pour présenter aux collaborateurs du Sytral/Keolis le bilan du projet d'entreprise 2010-2012 sous forme de vidéos. Ce document prend la forme graphique de 5 lignes de tram, bus, métro du réseau de transport en commun lyonnais sur lesquelles sont placés des arrêts. Le clic sur l'un des arrêts ouvre une fenêtre avec un lecteur vidéo. Lors de la lecture un masque noir avec opacité se place au-dessus du document intial.
    Clic sur un cartouche en amont des lignes intitulés « Intro ». Ouverture et lecture de la vidéo dans une fenêtre dédiée. Lecture de quelques secondes puis fermeture de la fenêtre.
  • de 3 à 22 secondes : Survol de quelques arrêts, une balise « title » affiche le titre de la vidéo qui sera jouée. Clic sur « le hangar» de la 1e ligne intitulée « Déployer une relation de service ». Lecture de quelques secondes de la vidéo puis fermeture via l'icône x
  • de 22 à 30 secondes : Retour sur l'interface graphique avec les lignes de transport et clic sur le dernier arrêt de la ligne 5 dont l'intitulé est « Se déployer durablement ». Lecture de quelques secondes de la vidéo puis fermeture selon les règles en place. Retour sur l'interface graphique.

FIN VIDÉO

En collaboration avec la Brèche Studio