Cyclable vélo art de vivre
landing page
tutoriels vidéo
Créer un modèle de page à l’édition facile, pour accueillir et rendre accessibles des tutoriels sur la pratique du vélo.
web design, développement
2019
Expérience utilisateur
Cyclable est le premier réseau de magasins vélo art de vivre en France. Pour accompagner ses utilisateurs et clients, l'entreprise a produit une série de tutoriels vidéos.
La solution mise en oeuvre propose à l’utilisateur d’accéder au contenu via la vidéo ou sa retranscription. Un menu sous chaque vidéo permet d’avancer au chapitre souhaité.
Sur mobile, un sous-menu dédié permet de naviguer aisément dans la retranscription.
La version desktop tire partie de l’espace disponible afin de fluidifier la navigation entre retranscription et vidéo.
Côté back-office
Le template s’intègre aussi bien dans l’univers de la marque que dans l’environnement technique de son site web, en s’appuyant sur un maximum de ressources existantes.
Pour chaque vidéo, l’éditeur peut ajouter ou supprimer des chapitres, des CTA, et sélectionner des vidéos associées à proposer à l’utilisateur en renseignant une simple URL.
Les sous-menus, listes de chapitre et thumbnails sont générés à partir des informations de chapitre grâce à des champs personnalisés et au plug-in youtube-chapters.js
