Accompagner le client sur une recommandation UX/UI de sa plateforme.

Étude de cas Design - Janvier 2022

UI / UX

Direction artistique

Contexte

Le Tigre Yoga Play, site et applications de vidéo à la demande spécialisés dans le yoga et la méditation, est client OTTO depuis plus de 2 ans. 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, et d'apporter une identité graphique pour démarquer la plateforme.

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

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

Approche UX

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

Le travail a commencé par un audit exhaustif de la plateforme. En analysant l'ensemble des pages du service, notre équipe Design a 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, l'équipe Design a 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. L’objectif pour notre équipe Design é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.