Bachata Fusion Strasbourg — refonte 2026

Trois directions.
Une seule à choisir.

Trois maquettes complètes de la page d'accueil, construites avec le vrai contenu de l'école : le planning 2026-2027, les vrais lieux, les vrais avis Google et les photos existantes. Ouvrez-les, faites défiler, comparez — puis dites-moi laquelle on développe.

Direction 1

Nuit

Cinématographique et premium. Fond noir violacé, photo plein écran, lumières de scène magenta. Le planning est traité comme une affiche de concert : « le fil de la semaine », heures en typo mono, chaque soir qui s'allume au survol.

Ton · haut de gamme, festival, désirable Typo · Bricolage Grotesque + Inter Tight Risque · moins lisible en plein jour sur mobile
Ouvrir la maquette

Direction 2

Méthode

Claire, chaleureuse, rassurante. Fond papier rosé, grande typo, photos en respiration. L'élément signature est « le parcours » : les quatre niveaux présentés comme un chemin avec des prérequis honnêtes — la réponse directe à « est-ce que j'en suis capable ? ».

Ton · sérieux, pédagogue, inclusif Typo · Schibsted Grotesk + Newsreader Risque · moins « soirée », plus « école »
Ouvrir la maquette

Direction 3

Rythme

Énergique et jeune, proche des réseaux sociaux. Dégradés saturés, typo très large, bandeau défilant. La signature est un compteur animé des huit temps de la bachata — il désamorce « je n'ai pas le rythme », l'objection numéro un des débutants.

Ton · vivant, social, décomplexé Typo · Anybody + Space Grotesk Risque · le plus marqué, vieillira plus vite
Ouvrir la maquette

Le point important

Kevin garde la main sur le site

C'est la contrainte qui décide de l'architecture, pas le design. WordPress a été choisi à l'époque pour ça, et ça reste un besoin réel : ajouter une soirée, changer un horaire, publier les photos de la Bachata Night du week-end.

La proposition : garder une interface d'administration simple, mais séparer l'édition du site public. Kevin écrit dans un back-office ; le site public est généré et servi en statique — donc rapide, et sans surface d'attaque PHP.

Concrètement, ce que Kevin pourra faire seul, sans moi :

  • Événements — créer une soirée, une date, une affiche, un lien billetterie
  • Planning — modifier un horaire, un lieu, ouvrir ou fermer un cours
  • Galeries photos — glisser-déposer les photos d'une soirée, elles sont redimensionnées automatiquement
  • Pages & articles — modifier les textes, publier un article
  • Profs & tarifs — mettre à jour l'équipe et les cotisations

La stack proposée

Front

Astro

Génère des pages statiques ultra-rapides, optimise les images automatiquement (WebP/AVIF, tailles multiples). Excellent pour le SEO local.

Back-office

Directus

Interface d'admin en français, bibliothèque de médias avec glisser-déposer, rôles utilisateurs. Kevin n'y voit jamais de code.

Données

PostgreSQL

Base de données du back-office, sauvegardée automatiquement.

Déploiement

Docker Compose

Un seul docker compose up -d sur le VPS. Reverse-proxy Caddy avec HTTPS automatique.

refonte/
├─ docker-compose.yml   # nginx (maquettes) — aujourd'hui
├─ site/                # les 3 maquettes statiques
│  ├─ nuit/  methode/  rythme/
│  └─ assets/img/       # photos optimisées (2 Mo au lieu de 7,6 Go)
└─ README.md            # migration + plan de déploiement

Ce que remplace la refonte

L'existant, en chiffres

  • 29 extensions WordPress — dont trois constructeurs de pages concurrents (Elementor, WPBakery, Betheme) qui se marchent dessus
  • 7,6 Go de médias — 2 663 fichiers, l'essentiel étant des vignettes régénérées en double
  • 4 573 révisions d'articles jamais purgées dans la base
  • 566 Mo de base de données pour 24 pages réellement publiées
  • PHP 7 et des extensions non maintenues — surface d'attaque et risque de casse à chaque mise à jour

Tout le contenu utile a été extrait et vérifié : les 24 pages publiées, les 14 galeries, les 10 avis Google, le planning complet, les coordonnées et les réseaux sociaux. Rien n'est perdu — les maquettes que vous voyez tournent déjà sur ces données réelles.

Les neuf « portfolios » de la base (Melony Fullerton, Lili Durham…) sont des données de démonstration du thème Betheme, jamais remplacées. Elles ne seront pas migrées.