Revenir aux réalisations

StatsOMP

2023

Une création Webflow pour StatsOMP, plateforme de statistiques dédiée à l'Olympique de Marseille, aux couleurs du club, avec un CMS couplé à une base Airtable pour tenir cinq compétitions et des fiches joueurs détaillées saison par saison.

StatsOMP, realisation MuratDesigns
Voir le site en live
Voir le site
5
compétitions structurées
6
types de contenu couverts
2
systèmes de données connectés
Voir le site
v
voir
le site
StatsOMP, pleine 1
en bref

Le client

StatsOMP est une plateforme de statistiques dédiée à l'Olympique de Marseille, joueurs, entraîneurs, saisons.

Le besoin

Un design à la hauteur de la passion supporter, capable d'absorber un gros volume de données.

Ce qu'on a fait

Création Webflow aux couleurs du club, CMS connecté à Airtable pour les pages les plus complexes.

Le résultat

StatsOMP dispose d'une plateforme qui transforme la passion supporter en outil de référence.

StatsOMP
le point de départ

Un site de statistiques sportives doit porter une charge émotionnelle forte pour la communauté supporter tout en absorbant un volume de données qui dépasse un CMS standard, joueurs, saisons, compétitions. La solution combine Webflow pour les pages éditoriales et Airtable pour les données les plus complexes.

Un site de statistiques sportives affronte un défi rarement réuni ailleurs : porter une charge émotionnelle forte pour la communauté supporter tout en absorbant un volume de données qui dépasse largement ce qu'un CMS standard gère confortablement. Joueurs, entraîneurs, saisons, compétitions, matchs, chaque type de contenu réclame sa propre structure et ses propres liens croisés.

La solution s'est jouée dans le couplage de deux outils, Webflow pour les pages éditoriales et le design, Airtable pour la gestion des données les plus complexes. Cette architecture permet d'afficher des tableaux et des fiches qui dépassent les limites d'un CMS classique, tout en gardant une expérience visuelle cohérente et fluide pour le visiteur.

StatsOMP, pleine 2
ce qu'on a construit
Pictogramme point 1

Une identité visuelle aux couleurs du club marseillais

Bleu et blanc dominants, accents pensés comme une déclinaison de l'identité du club, photographies en lumière intense, le site assume immédiatement son ancrage. Une charte qui parle directement à la communauté supporter sans avoir besoin d'expliquer quoi que ce soit.

01/04
StatsOMP, construit 1
ce qu'on a construit
Pictogramme point 2

Un CMS Webflow couplé à une base Airtable pour la donnée

Webflow gère les pages éditoriales, Airtable gère les données dynamiques, statistiques par joueur, par saison, par compétition. Cette combinaison permet d'afficher des tableaux et fiches qui dépassent les limites du CMS Webflow standard, sans jamais casser la cohérence visuelle.

02/04
StatsOMP, construit 2
ce qu'on a construit
Pictogramme point 3

Des fiches joueurs détaillées saison après saison de carrière

Chaque joueur dispose d'une fiche dédiée avec ses statistiques par saison, son poste, ses performances en carrière. Une profondeur d'information pensée pour le supporter qui veut aller au-delà du résumé de match, avec des données organisées plutôt que noyées dans un long tableau.

03/04
StatsOMP, construit 3
ce qu'on a construit
Pictogramme point 4

Une navigation croisée entre joueurs, thèmes et compétitions

Joueurs, entraîneurs, matchs, compétitions, thèmes statistiques (buteurs, passeurs, tirs, penaltys, maillots) : chaque type de donnée dispose de sa structure dédiée, avec une navigation croisée qui permet de passer d'un joueur à ses compétitions, d'un thème à ses joueurs, sans jamais rompre le fil de la lecture.

04/04
StatsOMP, construit 4
ce qu'on a construit

05/05
StatsOMP, pleine 3
StatsOMP, pleine 4
les outils du projet
Notion

Notion

Le sitemap, les idées et les textes, posés à plat avant la maquette.

notion

Figma

Figma

Les maquettes, validées écran par écran avant le code.

figma

Webflow

Webflow

Le site, son CMS et sa mise en ligne.

webflow

Airtable

Airtable

Les données du site tenues à jour comme dans un tableur.

airtable

ce que ça a changé

StatsOMP transforme la passion supporter en outil de référence. L'identité aux couleurs du club fait vivre l'attachement émotionnel, et la navigation croisée entre joueurs, thèmes et compétitions ouvre une exploration rare sur un site sportif.

StatsOMP dispose désormais d'une plateforme qui transforme la passion supporter en outil de référence. L'identité aux couleurs du club fait vivre l'attachement émotionnel, le couplage Webflow et Airtable absorbe la complexité technique sans jamais la montrer, les fiches joueurs offrent une lecture fine saison après saison, et la navigation croisée entre joueurs, thèmes et compétitions ouvre une exploration rare sur un site sportif. Un site qui sert autant les passionnés que les curieux.

Voir le site
Mascotte MuratDesigns assise