Aller au contenu
Elouan BoisseauDéveloppeur web

Étude de cas · Refonte

Arena Padel Niort

Refonte du site WordPress d’un complexe de padel niortais : un site rapide, une identité « noir & or » et une administration pour que le club gère ses contenus seul.

Type
Refonte
Secteur
Sport & loisirs
Réalisation
Octobre 2026
Statut
Démo en ligne
arena-padel-three.vercel.app
Page d’accueil du site Arena Padel Niort : le titre « Votre prochain match vous attend » sur la photo d’un joueur

Le contexte

Arena Padel Niort réunit 8 terrains de padel homologués sur deux établissements, à Chauray et à Bessines, avec des salles de Quiz Room et un club-house, Le Salon.

Le club dispose d’un site WordPress. J’en ai réalisé une refonte complète en Next.js : mêmes informations, nouvelle identité, et un espace d’administration pour que l’équipe soit autonome.

Les objectifs

  • Moderniser l’image du club avec une identité tirée de son logo
  • Offrir une navigation rapide et agréable, en particulier sur mobile
  • Permettre au club de mettre à jour ses informations sans développeur
  • Préserver le référencement acquis par l’ancien site

Réalisation

Ce que j’ai réalisé

  • Identité « noir & or »

    Une palette tirée des lauriers dorés du logo, trois typographies (Cinzel, Montserrat, Inter) et les photos du club mises en valeur.

  • Pages repensées

    Accueil, cours, tournois & événements, infos pratiques, galerie et shop : une navigation claire, sur mobile comme sur ordinateur, avec un accès direct à la réservation en ligne du club.

  • Administration sur mesure

    Coordonnées, horaires, tarifs, événements, albums photos, shop : le club modifie tout depuis un espace protégé par mot de passe, sans toucher au code.

  • Photos optimisées

    Les photos envoyées depuis l’administration, même depuis un téléphone, sont redimensionnées, converties et débarrassées de leurs métadonnées, position GPS comprise.

  • Informations toujours à jour

    Les événements passés disparaissent seuls de l’agenda, et un badge « Ouvert / Fermé » suit les horaires saisis par le club.

  • Référencement

    Métadonnées par page, plan du site, données structurées (établissements, horaires, événements) et redirections des anciennes adresses WordPress.

En images

Le site en images

Captures de la démo en ligne, sur ordinateur et sur mobile.

  • arena-padel-three.vercel.app
    Page « Les cours de padel » : titre, présentation des cours et boutons « Voir les tarifs » et téléphone
    Les cours de padel
  • arena-padel-three.vercel.app
    Page « Tournois & événements » : titre et boutons « Comment participer » et « Télécharger l’app »
    Tournois & événements
  • arena-padel-three.vercel.app
    Page « Galerie » : photo de groupe d’un tournoi en arrière-plan et accès aux albums
    Galerie photos
Accueil du site sur mobile : titre, boutons de réservation et menu
Accueil sur mobile
Page « Informations pratiques » sur mobile : horaires, bouton de réservation et contact
Infos pratiques sur mobile
arena-padel-three.vercel.app
Page d’accueil complète : survolez la capture pour la faire défiler.

Mesures

Qualité mesurée

Performance, accessibilité et référencement : les scores de la page d’accueil de la démo.

Performance (ordinateur)
99/100
Performance (mobile)
81/100
Accessibilité
100/100
SEO
100/100

Scores Lighthouse 12 sur 100, mesurés en laboratoire le 4 octobre 2026.

Technologies utilisées

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS
  • Vercel

Et vous ?

Un projet similaire ?

Refonte d’un site existant ou création : parlons-en lors d’un appel découverte gratuit de 30 minutes.