Exemple – Réaliser un CV interactif

Définitions

Nous avons réalisé un CV interactif qui décrit le cursus, les expériences et les compétences d’une personne.
Vous pouvez aller voir le projet sur sa page de publication.

La page Média manager

Dans un premier temps, nous avons uploadé les images nécessaires à la conception graphique de ce CV à savoir : une image de fond et deux triangles pour les flèches de navigation vers le haut et vers le bas.

Exemple - Réaliser un CV interactif

La page Editor

Sur la timeline, on peux voir tout en haut les pistes principales, celles de :

  • l’image de fond
  • l’entête avec le nom et la fonction
  • les boutons play et pause

Elles s’étendent toutes sur toute la longueur de la séquence.

Exemple - Réaliser un CV interactif

Les pistes suivantes définissent ensuite les différents écrans d’animation de chaque portion de de ce CV interactif. Tout est réalisé à base d’articles différenciés grâce au Style.

Exemple - Réaliser un CV interactif

Enfin, nous avons ajouté des boutons de navigation sous forme d’image, ils nous permettront d’aller en avant ou en arrière sur la timeline. A chaque étape de présentation il est nécessaire de prévoir de nouveaux boutons car ils ont une action différente. Le premier bouton « suivant » a l’action « goto 11s », le deuxième bouton a l’action « goto 17s ».

Exemple - Réaliser un CV interactif

Voici une capture de l’évènement sur le premier bouton « suivant ».

Exemple - Réaliser un CV interactif

La page Projet

Pour ce projet, nous avons glissé notre séquence dans le Storybuilder, et nous avons coché la case Autoplay et la case Plein écran.

Exemple - Réaliser un CV interactif

Le projet est maintenant publié, nous pouvons le partager ou l’intégrer dans votre site grâce aux différents du types d’exportation disponibles. Dans cette page par exemple, nous avons choisi d’inséré cette création à l’aide d’une iframe.
Pour en savoir plus sur l’utilisation de ces codes d’exportation, vous pouvez consulter cet article.