Yogaplay

Contexte

Le Tigre Yoga Play est un site et des applications de vidéo à la demande spécialisés dans le yoga et la méditation. Le service, proposant des centaines de cours dispensés par des experts reconnus, est considéré comme référent sur le marché français.

Mais sans expert design dédié, il était difficile pour l'équipe Le Tigre Yoga Play d'utiliser pleinement toute la diversité des templates Otto, l'outil SaaS de VOD Factory et d'apporter une identité graphique pour démarquer la plateforme.

C'est cette mission que j'ai proposée de relever, à travers un audit et une recommandation complète du site.

Approche UX

Audit & proposition de séquençage de la recommandation

J'ai commencé la mission par un audit exhaustif de la plateforme. En analysant l'ensemble des pages du service, j'ai su proposer au client différents chantiers d'interventions spécifiques, tels que la refonte du parcours utilisateur, l'évolution des éléments UI, ou encore la création ou l’appropriation des différents templates.

Un travail itératif

Pour chaque chantier d'intervention sélectionné par le client, j'ai présenté son travail sous forme d'atelier de restitution collaboratif. Les travaux réalisés sont destinés à évoluer au fur et à mesure du projet.

Direction Artistique

Objectif Design

Le Tigre Yoga Play est la plateforme SVOD du réseau de studios de yoga Le Tigre. Mon objectif était d’appliquer au mieux la direction artistique du Tigre sur la plateforme Yoga Play afin de créer une cohérence de l’identité visuelle entre les deux sites.

Évolution de la charte graphique

La typographie représente un élément majeur dans l'identité d'une marque. L'ajout d'une police Serif a permis non seulement de nuancer les titres de la plateforme, mais a également renforcé le lien entre les deux sites.

Crimson Text

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

La palette de couleurs a été actualisée afin d’être mieux adaptée à l’usage numérique et respectueuse de l’accessibilité. Elle comporte dorénavant 8 couleurs supplémentaires pour accentuer les couleurs principales, dynamiser les différents espaces d’animation sur la plateforme. L'iconographie a été créée en s’appuyant sur la charte du Tigre et les valeurs de la marque.

#6F443B

#B15F25

#7D3E50

#487D5D

#F57754

#F8BF08

#5E5873

#57958D

Refonte UI

Harmonisation de l'interface utilisateur

Les connaissances par l’équipe Design de l'outil Otto lui ont permis d'adapter au mieux les éléments UI dans le back-office. Comme par exemple, les boutons d'action qui évoluent pour rappeler ceux du site Le Tigre (couleurs, radius).

En refondant le choix et la mise en forme des lignes de métadonnées sous chaque contenu, on a facilité l’utilisation du service et le parcours utilisateur.

Templates graphiques

Création de template clef-en-main

Le carrousel est un outil indispensable pour animer sa plateforme. Nos designers ont proposé des templates facilement déclinables. Ici on a utilisé l’espace négatif pour disposer des éléments de la même manière que sur le site Le Tigre. Le fichier source est livré au client afin d’être autonome par la suite.