Neeft

Projet client - Stage

Structurer l’écosystème esport dans une plateforme cohérente et évolutive.

Tags

#Design System #Product design

  • + de 380 joueurs inscrits (2026)

  • Mon rôle : UX/UI Designer en collaboration avec un développeur front-end

  • Retours positifs des utilisateurs et des parties prenantes

Les maquettes présentées correspondent aux propositions réalisées durant mon stage.
La plateforme a depuis évolué.

Comment transformer une plateforme de mise en relation en écosystème esport ?

À mon arrivée chez NEEFT, la plateforme permettait essentiellement :

  • La recherche d’équipes

  • La recherche de joueurs

L’ambition était de centraliser recrutement, coaching, contrats, calendrier, contenu et monétisation au sein d’un même environnement.

Le DÉFI : Structurer la complexité sans perdre en clarté.

Le véritable enjeu

Après analyse des usages, j’ai constaté que le problème n’était pas le manque de fonctionnalités, mais le manque de structure.

Les utilisateurs n’ont pas besoin de “plus”, ils ont besoin de :

  • Comprendre où ils se situent dans la plateforme

  • Savoir ce qui relève de leur rôle

  • Naviguer sans confusion entre les différentes logiques (recrutement, gestion, coaching…)

Mon rôle n’était pas d’ajouter des pages, mais de structurer la plateforme en un système cohérent.

4 points clés pour construire l’écosystème

1. Clarifier les rôles et les expériences selon les rôles

1. Clarifier les rôles et les expériences selon les rôles

La plateforme a été structurée autour de rôles distincts : joueurs, équipes, coachs et recruteurs. Chaque profil dispose d’un dashboard et d’un parcours adaptés à ses besoins.

Chaque utilisateur accède directement aux fonctionnalités qui correspondent à son rôle.

La plateforme a été structurée autour de rôles distincts : joueurs, équipes, coachs et recruteurs. Chaque profil dispose d’un dashboard et d’un parcours adaptés à ses besoins.

Chaque utilisateur accède directement aux fonctionnalités qui correspondent à son rôle.

2. Structurer la gestion d'équipe

2. Structurer la gestion d'équipe

La gestion des équipes a été réorganisée autour de sections claires : membres, contrats, recrutement et calendrier. Cette structure permet de mieux distinguer les différentes dimensions de la gestion d’un roster.

Les équipes peuvent gérer leurs joueurs et leurs activités dans un environnement plus lisible.

La gestion des équipes a été réorganisée autour de sections claires : membres, contrats, recrutement et calendrier. Cette structure permet de mieux distinguer les différentes dimensions de la gestion d’un roster.

Les équipes peuvent gérer leurs joueurs et leurs activités dans un environnement plus lisible.

3. Transformer le recrutement en véritable workflow

3. Transformer le recrutement en véritable workflow

Le recrutement a été repensé comme un système structuré : les offres sont liées aux rosters et les candidatures suivent des statuts clairs.

Les équipes peuvent suivre et organiser leurs candidatures plus efficacement.

Le recrutement a été repensé comme un système structuré : les offres sont liées aux rosters et les candidatures suivent des statuts clairs.

Les équipes peuvent suivre et organiser leurs candidatures plus efficacement.

4. Intégrer les modules premium dans l’écosystème

4. Intégrer les modules premium dans l’écosystème

Les fonctionnalités d’abonnement et d’e-commerce ont été conçues pour s’intégrer naturellement dans l’environnement existant de la plateforme.

Les services premium deviennent accessibles sans perturber la navigation principale.

Les fonctionnalités d’abonnement et d’e-commerce ont été conçues pour s’intégrer naturellement dans l’environnement existant de la plateforme.

Les services premium deviennent accessibles sans perturber la navigation principale.

Structurer avant d’habiller

Mon travail consistait à clarifier l’architecture des nouvelles fonctionnalités avant leur intégration :

  1. 1. Analyse de l’existant

  2. 2. Définition des rôles & parcours

  3. 3. Structuration des fonctionnalités

  4. 4. Maquettes haute fidélité (Figma)

  5. 5. Feedback communauté (Discord)

  6. 6. Collaboration développeur

À noter : J’ai travaillé principalement sur la conception UX/UI et le maquettage haute fidélité sur Figma. L’intégration technique était assurée par le fondateur et développeur de la plateforme.

Un langage visuel unifié

Avec plus de vingt écrans conçus (dashboard, messagerie, e-shop, profils, gestion d’équipe, abonnement, templates email…), la cohérence devenait stratégique.

J’ai travaillé sur :

  • Un système de composants modulaires

  • Des états visuels clairs (actif, en attente, refusé…)

  • Une hiérarchie typographique stable

  • Des patterns réutilisables

Cela a permis de maintenir une unité visuelle malgré la diversité des fonctionnalités.

Apprentissages

Ce projet m’a appris à :

  • Designer un produit multi-rôles complexe

  • Transformer la complexité en clarté.

  • Travailler à l’échelle d’un écosystème

  • Penser structure avant esthétique

Create a free website with Framer, the website builder loved by startups, designers and agencies.