Plan de Refonte du Site ram05

En vert: fait

En magenta: à faire côté équipe ram05

🏗️ 1. Architecture de la Page d'accueil

L'agencement doit suivre cet ordre précis de haut en bas :

  1. Header
  2. Bandeau d'annonce (personnalisable/masquable)
  3. “À la une” (sélection éditoriale)
  4. “En Direct” (anciennement "En ce moment sur ram05")
  5. “Musique”
  6. “Dernièrement” (recherche par filtre, anciennement “Derniers podcasts”)
  7. Bandeau appel au don (Soutenir ram05 2€/mois)
  8. Footer

🛠️ 2. Détails par Section

Header

  • Outil de recherche :
    • Grossir l’icône loupe pour un accès plus rapide.
    • Mettre en place une recherche dynamique (résultats en temps réel dès les premiers caractères).
    • Élargir la recherche au corps des articles (pas seulement les titres).
  • Menu : Remplacer l'intitulé "Programmes" par "Grille" (site et appli).

Bandeau d'annonces

  • Gestion : Doit être modifiable par toute l'équipe avec des outils de mise en forme simples.
  • Affichage : Option de désactivation complète pour libérer l'espace s'il n'y a pas de message.

“À la une”

  • Contenu : Mélange d'articles et de podcasts.
  • Interface : Système Drag & Drop pour l'agencement visuel par la rédaction.
  • Configuration :
    • Affichage par défaut : 8 blocs (à confirmer).
    • Outil de recherche interne (du + récent au - récent ou par mot-clé) pour sélectionner les contenus à glisser.
    • Option "Super Une" : Possibilité de créer un bloc occupant deux emplacements pour les sujets majeurs.

“En Direct” (Anciennement “En ce moment sur ram05”)

  • Optimisation : Réduire l'espace vertical. Afficher uniquement le programme en cours et le suivant.
  • Design : Si une photo et un titre sont disponibles, adopter un affichage style "Radio France".
  • Navigation : accès à la grille des programmes par un bouton “Grille” (cf : bandeau de direct France inter ci-dessous)

“Musique”

  • Intégration d'un player spécifique pour le flux "ram05 100% musique".
  • Lien direct vers la playlist Spotify mensuelle.
  • Lien vers la page “C'était quoi ce son ?”

“Dernièrement” (Anciennement “Derniers podcasts”)

  • Concept : Flux antéchronologique de tous les contenus (articles + podcasts).
  • Filtres : Système de grille de filtres dynamique (inspiré de “Radio Dio).
  • Navigation : Utilisation d'un carrousel pour les étiquettes de filtres afin de garder la lisibilité.

Bandeau appel au don

  • Supprimer le bouton “Notre grille des programmes”

Footer

  • Modifications :
    • Ajouter Instagram et Spotify (“Retrouvez-vous sur”).
    • Supprimer l'espace auditeurs, l'adresse et le bouton "Soutenir" (déjà présent en section 7).
    • Placer les partenaires ici.