落语协会网站改版

项目概述

落语协会原有的官方网站是十多年前构建的 LAMP 架构网站。它存在更新维护工作繁琐、后台管理界面不易使用等问题。此外,页面加载速度缓慢,给用户和运营方都带来了沉重负担。

本项目大幅革新了网站结构,旨在提升用户体验和运营效率,实施了全面改版。

使用的技术

采用 Vercel 作为托管平台。这使得能够充分发挥 Next.js 的功能进行网站构建。同时,在内容管理系统中采用了 microCMS,为非工程师创造了一个可直观更新内容的环境。

主要开发需求

定席节目登记

定期演出节目网站显示的截图。演员以列表形式显示。

今日寄席登记

今日寄席网站显示的截图。按时间显示演员列表。

所属艺人登记

艺人列表网站显示的截图。还包含搜索功能。
艺人详情页面的网站显示截图。展示个人资料和演艺经历。

落语会信息登记

落语会信息网站显示的截图。展示活动概况、场地等信息。

CMS化中采取的改进措施

本次改版中的关键需求是定席节目登记和今日寄席登记。
在传统网站上,我们通过复制定席节目来创建今日寄席的运营方式。
运营流程的改变需要学习成本,因此我们在改版后仍保持现有运营方式为前提进行了设计。

复制城堡遗址节目、创建今日寄席的概览图。

microCMS化带来的重大课题是被称为「交互」的节目框架。
落语公演中存在「交互」这样的框架,根据日期出演者会有变化。由于出演艺人直到前一天才能确定,需要在开演前一天手动更新出演者信息。
由于数据结构会有一定变化,我们决定在microCMS中创建「定席节目API」和「今日寄席API」,但这带来了运营层面的课题。
microCMS的管理界面不提供跨API复制内容或嵌入自定义程序等功能。换句话说,仅用microCMS无法实现之前运营流程中通过复制定席节目来创建今日寄席的方式。

为此,我们利用headless CMS的灵活性,为今日寄席开发了独立的管理界面。通过使用该管理界面,可以用最少步骤完成今日寄席的登记。

独立开发的管理界面说明图

Web无障碍访问支持

Liberogic按照WCAG 2.0至2.2、A至AAA级一致性水平,创建了独有的检查清单,致力于提供满足Web无障碍访问要求的网站制作服务。

该项目以 WCAG 2.2 AA 级合规为目标,进行了细致的检查。在字体大小、色彩对比度、键盘操作支持等方面,我们特别关注了年长用户和有无障碍需求的用户群体,采用了周全的设计方案。

最终,落语协会网站实现了 WCAG 2.2 AA 级别的合规性,成为了一个广泛用户群体都能够安心使用的网站。

网页无障碍检查结果

最后

通过此次网站改版,我们打造了一个即使是初学者也能轻松查看常规节目和今日演艺场信息的网站。当您产生"想去看一看"的念头那一刻,所需的信息就能立即获取。
演艺场正是这样一种可以随时随地去欣赏的传统文化。

只需花费数千日元,就能在传统落语小剧场度过整个白天。从午间到晚间,您可以欣赏各种各样的表演节目。除了落语,还有相声、讲谈、剪纸等表演,每天的节目安排都不同。"今天能看到什么样的演目呢?"这种期待感正是传统小剧场特有的魅力所在。

其中心内容是由落语协会提供的"定席番组"。

在按照"上席""中席""下席"等划分的节目中,每个时段都会有不同的艺人登场。这类常设节目让观众在一个月内多次有机会欣赏到全新的演目。这正是许多落语迷为之着迷的原因所在。

此外,寄席独有的"轮替"系统也是一大看点。
演员每天变换,直到演出当天才知道谁会登场的现场感,使寄席成为了一个更加特别的空间。

您不仅可以找到喜爱的相声演员,还可以享受发现未曾听闻的节目和与新相声演员的相遇。寄席是一个创造每一次特殊时刻的地方。
改革后焕新的落语协会网站让您可以轻松查看寄席的信息。
下次休息时何不去寄席走一遭呢。
在充满笑声和感动的空间里,您可以尽情享受日本传统文化。

指导
Ise, Shigeta
结构
Ise, Shigeta
UI 设计
长桥
标记
松塚、平林
前端实现
大塚、松塚
无障碍
二俣
公司名称·服务名称
一般社团法人落语协会