Renouvellement du site Web de l'Association Rakugo du Japon

Aperçu du projet

Le site officiel précédent de l'Association Rakugo était construit sur une architecture LAMP datant de plus de 10 ans. Le site présentait plusieurs défis : des mises à jour fastidieuses, une interface d'administration peu conviviale, et des temps de chargement lents, ce qui créait une charge pour les utilisateurs et les administrateurs.

Ce projet visait à restructurer complètement le site, en améliorant l'expérience utilisateur et en optimisant l'efficacité opérationnelle.

Technologies utilisées

Nous avons adopté Vercel comme plateforme d'hébergement, ce qui a permis de tirer pleinement parti des capacités de Next.js. Pour la gestion du contenu, nous avons intégré microCMS, offrant aux non-ingénieurs un environnement intuitif pour mettre à jour le contenu.

Principales exigences de développement

Enregistrement des programmes réguliers

Capture d'écran du site affichant les programmes de séance régulière. Les artistes sont affichés dans une liste.

Enregistrement des spectacles du jour

Capture d'écran du site affichant la séance du jour. Les artistes sont affichés par créneau horaire dans une liste.

Enregistrement des artistes affiliés

Capture d'écran du site avec la liste des artistes. Comprend également une fonction de recherche.
Capture d'écran de la page de détails de l'artiste. Affiche le profil et l'historique professionnel.

Enregistrement des informations de spectacle

Capture d'écran du site d'information sur les spectacles de rakugo. Affiche un aperçu des événements, des salles, etc.

Points d'innovation lors de la transition vers le CMS

L'enregistrement des programmes réguliers et des spectacles du jour constituaient les exigences critiques de cette refonte.
Sur l'ancien site, nous créions les spectacles du jour en dupliquant les programmes réguliers.
Comme un changement du flux opérationnel aurait nécessité une courbe d'apprentissage, nous avons conçu le nouveau système en conservant les processus existants.

Diagramme de présentation montrant la duplication du programme des ruines du château et la création du programme de rakugo d'aujourd'hui.

La transition vers microCMS a soulevé un défi majeur : l'existence de cadres appelés « kôgo » (alternance).
Les spectacles de rakugo incluent des créneaux « kôgo » où les interprètes changent selon le jour. Comme les artistes confirmés ne sont connus que la veille, nous devions mettre à jour manuellement les interprètes la veille de la représentation.
Comme la structure des données changeait légèrement, nous avons créé une « API programme régulier » et une « API spectacle du jour » dans microCMS, mais cela a créé des problèmes opérationnels.
L'interface d'administration de microCMS ne propose pas de fonctionnalités pour dupliquer du contenu entre différentes API ou intégrer des programmes personnalisés. En d'autres termes, microCMS seul ne permettait pas de reproduire l'ancien flux de duplication des programmes réguliers pour créer les spectacles du jour.

Nous avons exploité la flexibilité du headless CMS en développant une interface d'administration personnalisée pour les spectacles du jour. Cette interface permet d'enregistrer les spectacles du jour avec les étapes minimales nécessaires.

Diagramme explicatif du tableau de bord de gestion développé en interne

À propos de la conformité en matière d'accessibilité web

Liberogic crée ses propres listes de contrôle conformes aux normes WCAG 2.0 à 2.2 et aux niveaux de conformité A à AAA, et s'engage dans la création de sites accessibles sur le web.

Ce projet s'est fixé comme objectif la conformité au niveau AA de la norme WCAG 2.2, avec des vérifications effectuées jusqu'aux moindres détails. La conception tient compte des utilisateurs âgés et de ceux ayant besoin de services d'accessibilité du web, en s'attachant particulièrement à la taille des polices, au contraste des couleurs et à la compatibilité avec la navigation au clavier.

Le site de l'Association Rakugo a finalement atteint la conformité au niveau AA de la norme WCAG 2.2 et offre une plateforme fiable et accessible à un large éventail d'utilisateurs.

Résultats de l'audit d'accessibilité du web

Enfin

Grâce à cette refonte du site, les informations sur les programmes réguliers et les représentations du jour sont devenues faciles à consulter, même pour les débutants. L'instant où vous vous dites « j'aimerais bien essayer », vous trouvez immédiatement les informations dont vous avez besoin.
Les salles de spectacle sont avant tout une forme de culture traditionnelle que l'on peut apprécier sans entraves.

Pour quelques milliers de yens, vous pouvez profiter d'une journée entière à la salle de spectacle, en savourant divers numéros de midi à minuit. Au-delà du rakugo seul, vous trouverez des spectacles variés : comédies, contes épiques, découpages de papier, et des programmes qui changent quotidiennement. Ce frisson d'anticipation – « Quel numéro découvrirai-je aujourd'hui ? » – est l'une des charmes uniques de ces salles.

Au cœur de cela se trouvent les « programmes réguliers » offerts par l'Association Rakugo.

Divisés en programmes tels que « Upper Session », « Middle Session » et « Lower Session », où des artistes différents se produisent à chaque fois, les programmes réguliers offrent l'occasion de découvrir de nouveaux numéros plusieurs fois par mois. C'est précisément la raison qui fascine tant les fans de rakugo.

De plus, le système « d'alternance » unique aux salles de spectacle est aussi une source de plaisir.
Les artistes changent quotidiennement et vous ne savez pas qui se produira jusqu'au jour même – cette atmosphère live rend ces salles d'autant plus spéciales.

Vous pouvez bien sûr découvrir vos artistes préférés, mais aussi profiter de rencontres inattendues avec des numéros et des artistes inconnus. La salle de spectacle est un lieu qui crée des moments spéciaux à chaque fois.
Sur le site récemment rénové de l'Association Rakugo, vous pouvez consulter facilement les informations sur les salles de spectacle.
Pourquoi ne pas vous y rendre lors de votre prochain congé ?
Vous pourrez savourer pleinement la culture traditionnelle japonaise dans un espace rempli de rires et d'émotion.

Direction
Ise, Shigeta
Structure
Ise, Shigeta
Design UI
Nagahashi
Balisage
Matsuzuka, Hirabayashi
Développement front-end
Otsuka, Matsuzuka
Accessibilité
Futamata
Nom de l'entreprise / Nom du service
Japan Rakugo Association