Renovación del sitio web de la Asociación Rakugo Kyokai

Resumen del proyecto

El sitio web oficial anterior de la Asociación de Rakugo se había construido sobre una configuración LAMP hace más de diez años. Presentaba problemas como la carga de trabajo necesaria para las actualizaciones y la dificultad de uso del panel de administración. Además, la velocidad de carga de las páginas era lenta, lo que suponía una carga tanto para los usuarios como para quienes gestionaban el sitio.

En este proyecto, se rediseñó por completo la estructura del sitio con el objetivo de mejorar la experiencia de usuario y la eficiencia operativa.

Tecnologías utilizadas

Se eligió Vercel como plataforma de alojamiento, lo que permitió aprovechar al máximo las funciones de Next.js en la construcción del sitio. Asimismo, se adoptó microCMS como sistema de gestión de contenidos, creando un entorno en el que incluso personas sin conocimientos técnicos pueden actualizar el contenido de forma intuitiva.

Principales requisitos de desarrollo

Registro de programas de sesiones fijas

Captura de la vista del sitio de programas de sesiones fijas. Muestra una lista de los artistas participantes.

Registro de las sesiones del día

Captura de la vista del sitio de las funciones de hoy. Muestra una lista de los artistas participantes por horario.

Registro de artistas afiliados

Captura de la vista del sitio de la lista de artistas. Incluye función de búsqueda.
Captura de la vista del sitio de detalles del artista. Muestra el perfil y la trayectoria artística.

Registro de información de funciones de rakugo

Captura de la vista del sitio de información de eventos de rakugo. Muestra el resumen del evento, el lugar y otros detalles.

Soluciones adoptadas en la migración a CMS

Los requisitos que supusieron un reto en esta renovación fueron el registro de los programas de funciones regulares y el registro de las funciones del día.
En el sitio anterior, las funciones del día se creaban duplicando los programas de funciones regulares.
Dado que cambiar el flujo operativo requiere un periodo de adaptación, el diseño se planteó manteniendo las operaciones existentes incluso después de la renovación.

Diagrama que muestra cómo se duplica el programa de Shiroato para crear el programa de Honjitsu no Yose.

Al migrar a microCMS, un reto importante fue la existencia de la franja denominada "kogo".
En las funciones de rakugo, existe una franja llamada "kogo" en la que los intérpretes cambian según el día. Como los artistas que actúan no se confirman hasta el día anterior, los intérpretes deben actualizarse manualmente la víspera de la función.
Como la estructura de los datos también cambia en cierta medida, decidimos crear una "API de programas de funciones regulares" y una "API de funciones del día" con microCMS, pero esto generó un problema operativo.
El panel de administración de microCMS no ofrece funciones para duplicar contenido entre distintas API ni para incorporar programas personalizados. Por tanto, microCMS por sí solo no permite crear las funciones del día duplicando los programas de funciones regulares, como se hacía en el flujo operativo anterior.

Por ello, aprovechando la flexibilidad del CMS headless, desarrollamos un panel de administración propio para las funciones del día. Gracias a este panel, el registro de las funciones del día puede completarse con el mínimo de pasos necesarios.

Diagrama explicativo del panel de administración desarrollado a medida.

Sobre los servicios de accesibilidad web

En Liberogic hemos creado una lista de verificación propia que abarca WCAG 2.0 a 2.2, con niveles de conformidad de A a AAA, y desarrollamos sitios web conforme a dichos criterios de accesibilidad web.

Este proyecto tuvo como objetivo alcanzar el nivel AA de conformidad con WCAG 2.2, y se realizaron comprobaciones minuciosas. Se diseñó teniendo especialmente en cuenta a las personas mayores y a quienes necesitan accesibilidad, con atención al tamaño de la fuente, al contraste de color y al soporte de la operación mediante teclado, entre otros aspectos.

Como resultado, el sitio de la Asociación de Rakugo cumple el nivel AA de WCAG 2.2 y se ha convertido en un sitio que un público amplio puede utilizar con tranquilidad.

Resultados de la auditoría de accesibilidad web

Por último

Con la renovación del sitio, la información sobre los programas regulares de yose y los espectáculos del día se ha transformado en un sitio que cualquier persona, incluso sin experiencia, puede consultar fácilmente. La información que necesitas en el momento en que piensas "me gustaría ir a ver uno" está al alcance de tu mano.
Ante todo, el yose es una tradición cultural a la que puedes asistir con total libertad.

En los yose, por unos pocos miles de yenes puedes disfrutar de todo el día, desde el mediodía hasta la noche, de una gran variedad de números. No solo hay rakugo, sino también manzai, kōdan, kirigami y mucho más, con un programa que cambia cada día. La emoción de preguntarte "¿qué actuación me encontraré hoy?" es uno de los grandes atractivos propios del yose.

En el centro de todo ello se encuentran los "programas regulares de yose" que ofrece la Asociación de Rakugo.

Divididos en programas como "jōseki", "nakaseki" y "geseki", los programas regulares de yose presentan distintos artistas en cada función, lo que ofrece la oportunidad de descubrir nuevos números varias veces al mes. Esta es la razón por la que tanto aficionados al rakugo se sienten cautivados.

Además, otro de los atractivos del yose es su sistema de "kōgo".
Los intérpretes cambian cada día y no se sabe quién actuará hasta el mismo día, una sensación de directo que hace del yose un espacio aún más especial.

Ya sea que encuentres a tu artista favorito o descubras números y artistas que no conocías, cada visita es un momento especial. El yose es un lugar que crea tiempo especial en cada ocasión.
El sitio renovado de la Asociación de Rakugo facilita consultar la información sobre el yose.
Te invitamos a visitar un yose en tu próximo día libre.
Disfruta a fondo de la tradición cultural japonesa en un espacio lleno de risas y emoción.

Dirección
Ise, Shigeta
Estructura
Ise, Shigeta
Diseño UI
Nagahashi
Marcado
Matsuzuka, Hirabayashi
Desarrollo frontend
Otsuka, Matsutsuka
Accesibilidad
Futamata
Nombre de la empresa y del servicio
Rakugo Kyokai