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

Descripción del proyecto

El sitio web oficial anterior de la Asociación de Rakugo fue construido con una arquitectura LAMP hace más de diez años. El sitio enfrentaba desafíos como la dificultad en las tareas de actualización y la interfaz poco amigable del panel de administración. Además, la velocidad de carga de las páginas era lenta, lo que generaba carga tanto para los usuarios como para el equipo operativo.

En este proyecto, llevamos a cabo una renovación integral rediseñando la estructura del sitio, con el objetivo de mejorar la experiencia del usuario y optimizar la eficiencia operativa.

Tecnologías utilizadas

Adoptamos Vercel como plataforma de alojamiento. Esto nos permitió aprovechar completamente las características de Next.js en la construcción del sitio. Además, implementamos microCMS como sistema de gestión de contenidos, proporcionando un entorno donde los no ingenieros pueden actualizar contenido de manera intuitiva.

Requisitos principales de desarrollo

Registro de programas de asiento fijo

Captura de pantalla del sitio de programas de asientos fijos. Los artistas se muestran en una lista.

Registro de salas de hoy

Captura de pantalla del sitio de hoy en la sala de espectáculos. Los artistas por hora se muestran en una lista.

Registro de artistas afiliados

Captura de pantalla del sitio de lista de artistas. También incluye función de búsqueda.
Captura de pantalla de la pantalla de detalle del artista. Muestra el perfil e historial de carrera.

Registro de información de eventos de rakugo

Captura de pantalla del sitio de información de rakugo. Muestra descripción general del evento, lugar, etc.

Mejoras implementadas con la migración a CMS

Los requisitos clave en esta renovación fueron el registro de programas de asiento fijo y el registro de salas de hoy.
Anteriormente, el sitio operaba duplicando programas de asiento fijo para crear las salas de hoy.
Dado que cambiar el flujo operativo requeriría tiempo de aprendizaje, decidimos diseñar el sistema manteniendo el mismo proceso operativo después de la renovación.

Diagrama general de duplicación del programa de castillo y creación del rakugo de hoy.

El mayor desafío al migrar a microCMS fue la existencia de lo que se llama «alternancia».
En las presentaciones de rakugo existe una sección llamada «alternancia» donde los artistas varían según el día. Dado que los artistas confirmados no se conocen hasta el día anterior, era necesario actualizar manualmente los artistas el día anterior al evento.
Como la estructura de datos también cambió parcialmente, decidimos crear la «API de programas de asiento fijo» y la «API de salas de hoy» en microCMS, pero surgieron desafíos operativos.
La interfaz de administración de microCMS no proporciona funciones para duplicar contenido entre diferentes API o integrar programas personalizados. En otras palabras, microCMS por sí solo no puede duplicar programas de asiento fijo para crear salas de hoy como se hacía en el flujo operativo anterior.

Aprovechando la flexibilidad de un headless CMS, desarrollamos una interfaz de administración personalizada para las salas de hoy. Al utilizar esta interfaz de administración, es posible registrar salas de hoy con los pasos mínimos necesarios.

Diagrama explicativo del panel de control desarrollado internamente

Sobre conformidad con accesibilidad web

Liberogic ha creado un checklist propio que cumple con WCAG 2.0 a 2.2 en los niveles de conformidad A a AAA, y se dedica a la creación de sitios web con accesibilidad web implementada.

Este proyecto se propuso cumplir con WCAG 2.2 nivel AA y realizó verificaciones exhaustivas en cada detalle. Se implementó un diseño que considera especialmente a usuarios mayores y aquellos que requieren servicios de accesibilidad, con atención a tamaños de fuente, contraste de colores y compatibilidad con navegación por teclado.

Como resultado, el sitio de la Asociación de Rakugo logró cumplir con WCAG 2.2 nivel AA y se convirtió en un sitio que una amplia gama de usuarios puede utilizar con confianza.

Resultados de la prueba de accesibilidad web

Finalmente

Gracias a este rediseño del sitio, la información sobre programas regulares y los salones de entretenimiento de hoy se ha transformado en un sitio que incluso los principiantes pueden revisar fácilmente. En el momento en que piensas «me gustaría intentarlo», tienes acceso inmediato a la información que necesitas.
Los salones de entretenimiento son, ante todo, una forma accesible de disfrutar de la cultura tradicional.

En los salones de entretenimiento, donde puedes disfrutar todo el día por solo unos miles de yenes, puedes saborear una variedad de actos desde la tarde hasta la noche. Más allá del rakugo, hay un abundante programa que cambia diariamente con comedia, narrativa épica, corte de papel y más. La emoción de preguntarte «¿qué tipo de acto encontraré hoy?» es algo único de los salones de entretenimiento.

En el centro de todo esto se encuentran los «programas regulares» que proporciona la Asociación de Rakugo.

Divididos en programas como «asiento superior», «asiento medio» y «asiento inferior», con artistas diferentes en cada ocasión, el programa regular ofrece la oportunidad de descubrir nuevos actos varias veces al mes. Esta es la razón por la que sigue cautivando a muchos aficionados del rakugo.

Además, el sistema de «rotación» de los salones de entretenimiento es otra diversión.
Los artistas cambian día a día, y la emoción en vivo de no saber quién aparecerá hasta el día mismo hace que los salones sean un espacio aún más especial.

Encontrar a tu artista favorito es excelente, pero también puedes disfrutar de nuevos encuentros con actos y artistas que no conocías. Los salones de entretenimiento son lugares que crean un tiempo especial en cada visita.
En el sitio rediseñado de la Asociación de Rakugo, puedes revisar fácilmente la información sobre los salones.
¿Por qué no visitas un salón en tu próximo descanso?
En un espacio lleno de risa y emoción, puedes disfrutar plenamente de la cultura tradicional japonesa.

Dirección
Ise, Shigeta
Estructura
Ise, Shigeta
Diseño UI
Naghashi
Marcado
Matsuzuka, Hirabayashi
Desarrollo frontend
Otsuka, Matsuzuka
Accesibilidad
Futamata
Nombre de la empresa / Nombre del servicio
Asociación General de Rakugo