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
Odyssée Academy.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

Couverture (5).jpg
Site vitrine sur-mesure
Design en bento
Webflow
Agence social media

Création du site vitrine pour Equipage Agency : design en bento et image créative

Equipage Agency, agence de communication spécialisée en social media à Sélestat, souhaitait un site qui reflète son univers visuel original et sa maîtrise du contenu digital. Le projet mise sur un design en bento, des sections créatives et une mise en avant claire des services et réalisations. Le résultat : un site singulier, structuré et impactant, à l’image de l’agence.

En savoir plus
Couverture (1).jpg
Site vitrine original
Design animé
Airtable connecté
Catalogue textile

Création du site vitrine pour Kooleurs : design atypique et catalogue textile connecté

Kooleurs est un atelier de marquage textile qui souhaitait un site web à son image : créatif, fluide et différent des codes traditionnels du secteur. Ce site vitrine mise sur un design audacieux et une structure animée, tout en intégrant un catalogue textile entièrement connecté à Airtable pour gérer facilement des centaines de produits depuis un simple tableau. Un projet à la croisée du style et de l'efficacité.

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