日本落語協會 官網改版

專案概述

過去的日本落語協會官方網站是一個十多年前以 LAMP 架構建立的網站。網站面臨著更新作業繁瑣、管理介面操作困難等問題。此外頁面加載速度也相當緩慢,對使用者和營運團隊都造成了負擔。

本項目對網站結構進行了全面革新,旨在提升使用者體驗並改善營運效率。

使用的技術

採用 Vercel 作為託管平台。這使得能夠充分發揮 Next.js 的功能來構建網站。同時在內容管理系統方面採用了 microCMS,為非工程師也能直覺地更新內容提供了便利的環境。

主要開發需求

固定節目的登記

定期表演節目網站顯示的截圖。以列表形式顯示出演者。

今日寄席的登記

今日寄席網站顯示的截圖。按時間段列表顯示出演者。

所屬藝人的登記

藝人列表網站顯示的截圖。還提供搜尋功能。
藝人詳細頁面的網站顯示截圖。顯示個人檔案和演藝經歷。

落語會資訊的登記

落語會資訊網站顯示的螢幕截圖。展示活動概要、會場等資訊。

CMS化過程中採取的改進措施

此次更新的課題是固定節目的登記與今日寄席的登記。
傳統網站的運營方式是透過複製固定節目來建立今日寄席。
由於改變運營流程會產生學習成本,我們以保持既有運營方式為前提進行設計。

複製城跡節目,建立今日寄席的概要圖。

microCMS化過程中面臨的重大課題是稱為「交互」的框架結構。
落語公演根據日期有不同出演者的「交互」框架。由於出演的藝人在前一天才能確定,需要在開演前一天手動更新出演者。
由於資料結構也有所變更,我們決定在microCMS中建立「定席節目API」與「今日寄席API」,但在此過程中遭遇了運營課題。
microCMS的管理介面並未提供在不同API之間複製內容或嵌入自訂程式的功能。換言之,單靠microCMS無法實現過去的運營流程——複製固定節目來建立今日寄席。

因此,我們充分利用headless CMS的靈活性,為今日寄席開發了獨立的管理介面。透過這個管理介面,可以用最少的步驟完成今日寄席的登記。

自主開發管理後台的說明圖

關於Web Accessibility對應

Liberogic針對WCAG 2.0〜2.2、符合等級A〜AAA建立了獨立的檢查清單,致力於提供具備Web Accessibility對應的網站製作服務。

本專案以達成 WCAG 2.2 AA 等級為目標,並進行了詳細的檢查。字型大小、色彩對比、鍵盤操作支援等方面都經過仔細考量,特別針對高齡使用者及需要無障礙服務的人士進行了友善的設計。

結果是落語協會網站成功達成 WCAG 2.2 AA 等級認証,成為讓廣泛使用者都能安心使用的網站。

網頁無障礙檢查結果

最後

透過這次網站改版,常設劇院節目和當日寄席資訊變得初心者也能輕鬆查看。當你產生「想試試看」的念頭時,所需資訊就能立即取得。
寄席作為傳統文化,最大的優勢就是可以輕鬆前往欣賞。

只需數千日圓就能在寄席享受一整天的娛樂,從白天到晚間都能欣賞各式各樣的節目。除了落語,還有漫才、講談、紙切等表演,每天都有不同的節目單。「今天會遇見什麼樣的節目呢?」這種期待感也是寄席獨特的魅力。

其中的核心就是落語協會提供的「常設劇院節目」。

在分為「上席」「中席」「下席」等節目單位的常設劇院節目中,每期都會有不同的藝人登場,讓你有機會在一個月內多次欣賞新的節目。這正是吸引眾多落語迷的原因所在。

此外,寄席獨有的「交替」系統也是樂趣所在。
演出者日日更替,直到當天才知道誰會登場的現場感,讓寄席成為更加特別的空間。

不僅能找到喜愛的藝人,還能發現未曾接觸的節目和藝人,享受全新的相遇。寄席是一個每次都能創造特別時刻的地方。
經過改版的落語協會網站,讓你可以輕鬆查看寄席資訊。
何不在下一個休假日前往寄席呢?
在充滿笑聲與感動的空間中,盡情享受日本傳統文化。

指導
伊勢、繁田
結構
伊勢、繁田
UI 設計
長橋
標記
松塚、平林
前端實作
大塚、松塚
無障礙
二俣
公司名稱・服務名稱
日本落語協會