Le Projet

Team Vitality est depuis 2013 l’équipe e-sport leader en France et en Europe, portée par des athlètes de talent, des ambassadeurs et des millions de fans. Avec pour objectif de valoriser ses 9 équipes et le développement de ses activités, Team Vitality a confié la refonte de son site institutionnel à Digital Ping Pong.

L’enjeu pour la marque était de disposer d’un site web :
• multilingue pour accompagner son développement à l’international
• permettant de faire le pont avec son site e-commerce
• flexible et s’adaptant facilement à la croissance et à la diversification des de l’entreprise
• capable de récupérer des flux de données issus de diverses sources
• mettant en valeur les activités de l’entreprise en BtoB et BtoC
• favorisant la captation de leads

Dans cette optique, nous avons accompagné Team Vitality dans la réalisation de ce projet, depuis l’expression de besoin jusqu’à la mise en ligne de son site web.

Visitez le site de ? Team Vitality ?

 

Savoir-faire

  • Conseils
  • UX / UI Design

Technologies

  • Wordpress
  • Api rest

Le cadrage du projet

Nous avons collaboré de manière étroite avec l’équipe Team Vitality dès l’expression de besoin, en structurant des étapes clé.

Nous avons en premier lieu rédigé un product backlog complet :
• priorisation des features par score
• chiffrage des features par poids
• stabilisation du périmètre du projet en définissant les features par version

Nous avons ensuite réalisé des schémas de workflows utilisateur et de données.

Enfin, nous avons stabilisé une arborescence en prenant en compte le SEO.

Features

Le site comporte des features complexes qui ont chacune fait l’objet d’une étude approfondie de la part de notre équipe, en amont de la phase de conception, afin d’en évaluer la faisabilité, les contraintes, la compatibilité avec le choix technique, et les freins éventuels dans la conception des interfaces.

Parmi ces features :
• connexion à l’API Abios pour la mise à jour des informations joueurs, matchs à venir et résultats de matchs
import en masse des biographies des joueurs en plusieurs langues via un fichier .csv
• connexion à shopify et remontée automatique de catégories de produits spécifiques selon les types de pages
• connexion des formulaires BtoB à l’application utilisée par les business développeurs de Team Vitality

  • Un univers et une identité forte

  • Des matchs selon les jeux les plus connus

  • Un lieu unique pour les joueurs

  • Suivez vos joueurs favoris

Méthodologie UX/UI

Une fois que l’équipe a convergé vers un scope fonctionnel réalisable dans les délais et le budget imparti, nous avons démarré la phase UX.
Nourris par les sources chiffrées dont nous disposions, notre expertise et nos recherches UX, nous avons réalisé les wireframes selon la méthode itérative. Des reviews des wireframes régulières avec l’équipe de développement ont également permis de déjouer des complexités cachées et de garder une maîtrise permanente du projet.

La couche graphique (UI design), devait s’inscrire dans une forme d’hamonie visuelle avec le site e-commerce existant, ainsi les blocs produits et la navigation sont restés dans le même esprit.
Par ailleurs l’ensemble des composants et templates ont été réalisés ad hoc selon la méthodologie atomic design.
Afin d’offrir une flexibilité maximale à l’équipe en charge de l’animation du site web, nous avons créé une large variété de composants, ainsi, ils sont en mesure de construire des pages au gré des besoins, en ajoutant simplement des lames personnalisables en back office.

Optimisation SEO & RGPD

L’ancienne plateforme de Team Vitality avait des lacunes en termes de SEO, l’objectif était donc de mener une étude pour évaluer les opportunités à exploiter dans un domaine de plus en plus concurrentiel.
Nous avons guidé Team Vitality dans le choix des termes à valoriser, la mise en place d’une stratégie de maillage interne, la rédéaction des balises Title, l’optimisation des performances liées aux viduels et vidéos, la gestion des redirections et des pages 404 suite à un changement d’équipe par exemple.

Nous avons également mis en place une stratégie RGPD afin que le site soit 100% RGPD compliant et respectueux de la vie privée des utilisateurs.