Site de statistiques sportives
Design aux couleurs de l’OM
Webflow + Airtable
UX orientée data

Création du site StatsOMP : plateforme de statistiques dédiée à l’Olympique de Marseille

StatsOMP est une plateforme entièrement consacrée aux statistiques de l’Olympique de Marseille. Le site permet de consulter les données détaillées des joueurs, entraîneurs et saisons du club. Il a été conçu avec un design fort aux couleurs de l’OM, et connecté à Airtable pour gérer les pages les plus complexes. Le projet mêle design émotionnel et logique de données, dans une expérience claire, fluide et personnalisable.

Client :
StatsOMP
Type :
Site vitrine
Localisation :
Marseille, France
StatsOMP.jpg
<div style="position: relative; padding-bottom: 56.25%; height: 0;"> <iframe src="https://www.loom.com/embed/9253ec5a69d749bb82f0725c33f4d790?sid=bcf8c84d-0c56-4411-8215-33d3eae28f89&muted=true&hide_share=true&hideEmbedTopBar=true&hide_title=true&hide_owner=true&hide_speed=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"> </iframe> </div>
No items found.

Objectifs du projet

L’idée était de créer une plateforme unique, capable de rassembler toutes les statistiques liées à l’OM, dans une interface à la fois vibrante, immersive et lisible.

  • Proposer un site complet sur les statistiques de l’OM (joueurs, coachs, saisons)
  • Créer un design impactant aux couleurs du club
  • Offrir une navigation fluide malgré un fort volume de données
  • Relier certaines pages à Airtable pour sortir des limites de Webflow
  • Permettre une mise à jour dynamique des statistiques

Outils utilisés pour le projet

Attributes
Webflow
Figma

Les étapes du projet StatsOMP

Étape 01

Maquettes Desktop & Mobile sur Figma

Le design a été pensé pour faire vibrer les supporters de l’OM : couleurs du club, ambiance visuelle dynamique, blocs structurés pour une lisibilité maximale des données. Chaque page a été conçue pour allier passion et précision.

Étape 01

Maquettes Desktop & Mobile sur Figma

Le design a été pensé pour faire vibrer les supporters de l’OM : couleurs du club, ambiance visuelle dynamique, blocs structurés pour une lisibilité maximale des données. Chaque page a été conçue pour allier passion et précision.

Étape 02

Développement du site sur Webflow

L’ensemble du site a été développé sur Webflow, avec l’intégration d’un CMS structuré pour les joueurs, les saisons, les compétitions, etc. L’objectif était de rendre les stats facilement accessibles tout en conservant une grande clarté de navigation.

Étape 03

Mise à jour et extension via Airtable

Pour permettre l’affichage en temps réel de certaines données complexes (notamment les statistiques des joueurs), une connexion avec Airtable a été mise en place. Cela permet de contourner les limites du CMS Webflow et de personnaliser les affichages selon les compétitions, les saisons ou les joueurs.

Étape 04

Étape 05

Ce projet vous inspire ? Soutenez mon travail en un clic 🙌

Chaque projet est le fruit d’un vrai engagement. Si ce travail vous parle, vous inspire, ou si vous trouvez qu’il mérite d’être vu, n’hésitez pas à le partager autour de vous.
👉 Un simple clic peut vraiment m’aider à continuer à faire ce que j’aime : créer des sites uniques pour des marques ambitieuses ❤

Pages.jpg
Monsieur Patapouf.jpg

Vous avez un projet web ? Parlons-en simplement

Que vous ayez besoin d’un site vitrine, d’une boutique en ligne, d’une nouvelle identité visuelle ou de solutions pour automatiser votre activité, je vous accompagne avec des prestations sur-mesure, pensées pour vos objectifs. Discutons-en simplement, sans engagement.

Que comprend la création d’un site vitrine comme celui-ci ?

  • Site dédié aux données sportives de l’Olympique de Marseille
  • Design Figma inspiré des codes graphiques de l’OM
  • Développement Webflow avec CMS dynamique
  • Connexion Airtable pour affichage en temps réel sur les pages complexes
  • Navigation fluide malgré un gros volume de data
  • Expérience mêlant passion du club et fiabilité des stats
Demander un devis en 1min
StatsOMP.jpg

D’autres sites réalisés récemment

Cogeren.jpg
Site vitrine institutionnel
Environnement & énergie

Création du site vitrine pour COGEREN : bureau d’études en environnement & développement durable

COGEREN est un bureau d’études spécialisé en environnement et énergie, avec plus de 10 ans d’expérience. L’objectif du site était de valoriser leurs expertises à travers un design moderne, institutionnel et structuré, tout en mettant en avant leurs prestations (études d’impact, stratégie durable, suivi des performances) et leurs réalisations concrètes.

En savoir plus
Couverture (5).jpg
Site vitrine sur-mesure
Webflow
Airtable connecté
Fiches visites dynamiques

Création du site pour Paris Antoinette : visites guidées à Paris et gestion simplifiée des fiches

Paris Antoinette est une plateforme de balades guidées à Paris, pensée pour offrir une expérience fluide aux visiteurs... et à ceux qui la gèrent ! L'ancien site manquait de logique et de souplesse, obligeant à dupliquer manuellement chaque visite. Cette refonte a permis de créer un site joyeux, moderne et beaucoup plus performant, avec un back-office simplifié grâce à la connexion Airtable – pour gérer facilement les fiches Visite sans doublons.

En savoir plus

Pourquoi un site vitrine est essentiel aujourd’hui ?

En 2025, un site vitrine est bien plus qu’une carte de visite. C’est un outil de communication actif qui permet à votre entreprise d’exister en ligne, d’être trouvée sur Google, et de transformer un simple visiteur en client. Mon approche consiste à créer des sites vitrines sur-mesure, pensés pour mettre en valeur vos services tout en facilitant la prise de contact.

Demander un devis en 1min
StatsOMP.jpg