Top

Cyclable vélo art de vivre

landing page
tutoriels vidéo

objectif(s)

Créer un modèle de page à l’édition facile, pour accueillir et rendre accessibles des tutoriels sur la pratique du vélo.

mon rôle

web design, développement

année

2019

velo rouge - par Dallas Kwok
landing page video Cyclable

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.

macbook

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