Website-Relaunch für die Japanische Rakugo-Gesellschaft

Projektübersicht

Die bisherige offizielle Website der Rakugo-Gesellschaft basierte auf einer LAMP-Architektur und war vor mehr als zehn Jahren entwickelt worden. Die Aktualisierung von Inhalten war aufwendig, und das Administrationsinterface war schwer zu bedienen. Darüber hinaus war die Ladegeschwindigkeit der Seiten niedrig, was sowohl die Nutzer als auch das Betreiberteam belastete.

In diesem Projekt wurde die Struktur der Website grundlegend überarbeitet. Ziel des Relaunches war es, das Nutzererlebnis zu verbessern und die betriebliche Effizienz zu steigern.

Eingesetzte Technologien

Als Hosting-Plattform wird Vercel eingesetzt. Dadurch war es möglich, die Website unter voller Nutzung der Funktionen von Next.js aufzubauen. Als Content-Management-System kommt microCMS zum Einsatz, das es auch Nicht-Entwicklern ermöglicht, Inhalte intuitiv zu aktualisieren.

Wesentliche Entwicklungsanforderungen

Registrierung der festen Programme

Screenshot der Website-Ansicht des regulären Programms. Die Auftretenden werden in einer Liste angezeigt.

Registrierung der Tagesprogramme

Screenshot der Website-Ansicht des heutigen Varieté-Programms. Die Auftretenden werden nach Uhrzeit in einer Liste angezeigt.

Registrierung der Künstler

Screenshot der Website-Ansicht der Künstlerliste. Eine Suchfunktion ist ebenfalls enthalten.
Screenshot der Website-Ansicht der Künstlerdetails. Profil und Karriereverlauf werden angezeigt.

Registrierung von Veranstaltungsinformationen für Rakugo-Vorstellungen

Screenshot der Website-Ansicht der Rakugo-Veranstaltungsinformationen. Zeigt Veranstaltungsübersicht, Veranstaltungsort und weitere Details.

Lösungen bei der Umstellung auf ein CMS

Die Anforderung, die sich bei dieser Neugestaltung als Herausforderung erwies, war die Registrierung der festen Programme (Teiji-Bangumi) sowie der Vorstellungen des Tages (Honjitsu no Yose).
Auf der bisherigen Website wurde die Vorstellung des Tages erstellt, indem das feste Programm dupliziert wurde.
Da eine Änderung des Betriebsablaufs eine Einarbeitungszeit erfordert, wurde das Design so entwickelt, dass der bestehende Betrieb auch nach der Neugestaltung beibehalten werden kann.

Übersichtsdiagramm: Das Programm „Shiroato“ wird dupliziert, um das heutige Varieté-Programm zu erstellen.

Bei der Umstellung auf microCMS stellte der sogenannte „Kougo“-Slot eine große Herausforderung dar.
Bei Rakugo-Vorstellungen gibt es einen Slot namens „Kougo“, in dem sich die Mitwirkenden je nach Tag ändern. Da die auftretenden Künstler erst am Vortag feststehen, müssen die Mitwirkenden vor Beginn manuell am Vortag aktualisiert werden.
Da sich auch die Datenstruktur etwas verändert, entschieden wir uns, in microCMS eine „API für feste Programme“ und eine „API für Vorstellungen des Tages“ zu erstellen. Dabei entstand jedoch ein betriebliches Problem.
Die Verwaltungsoberfläche von microCMS bietet keine Funktionen, um Inhalte zwischen verschiedenen APIs zu duplizieren oder eigene Programme einzubinden. Somit ist es mit microCMS allein nicht möglich, eine Vorstellung des Tages zu erstellen, indem das feste Programm dupliziert wird, wie es im bisherigen Betriebsablauf geschah.

Daher haben wir die Flexibilität des headless CMS genutzt und eine eigene Verwaltungsoberfläche für die Vorstellungen des Tages entwickelt. Mit dieser Verwaltungsoberfläche lässt sich eine Vorstellung des Tages mit einem Minimum an Schritten registrieren.

Erläuterungsdiagramm des selbst entwickelten Administrationsbereichs

Webbarrierefreiheit (Web Accessibility)

Liberogic hat eine eigene Prüfliste entwickelt, die auf die WCAG-Versionen 2.0 bis 2.2 sowie die Konformitätsstufen A bis AAA abgestimmt ist, und setzt diese bei der Erstellung barrierefreier Websites konsequent ein.

Das Projekt hatte das Ziel, die Konformität mit WCAG 2.2 auf Stufe AA zu erreichen, und wurde bis ins Detail geprüft. Besonders berücksichtigt wurden Schriftgrößen, Farbkontraste und Tastaturbedienbarkeit, um insbesondere ältere Nutzer und Menschen mit Barrierefreiheitsbedarf zu unterstützen.

Im Ergebnis erfüllt die Website der Rakugo-Vereinigung die Anforderungen der WCAG 2.2 auf Stufe AA und bietet einen Auftritt, den breite Nutzergruppen sicher verwenden können.

Ergebnisse der Prüfung auf Webbarrierefreiheit

Abschließend

Mit dem Relaunch der Website ist eine Seite entstanden, auf der sich die Informationen zu den regulären Programmen und den heutigen Vorstellungen der Yose auch für Einsteiger ganz einfach abrufen lassen. Genau die Informationen, die man in dem Moment braucht, in dem man denkt: "Da würde ich gern mal hingehen", stehen sofort bereit.
Die Yose ist vor allem eines: eine traditionelle Kultur, die man unkompliziert besuchen kann.

In der Yose, die für wenige tausend Yen einen ganzen Tag Unterhaltung bietet, erleben Sie vom Mittag bis in den Abend verschiedenste Darbietungen. Nicht nur Rakugo, sondern auch Manzai, Kōdan, Kirigami und mehr: Das Programm wechselt täglich und bietet jede Menge Abwechslung. Und das Gefühl, "Welche Darbietungen erwarten mich wohl heute?", ist ein typischer Reiz der Yose.

Im Mittelpunkt steht das "Teiseki-Programm" der Rakugo-Gesellschaft.

Das Teiseki-Programm ist in "Kamiseki", "Nakaseki" und "Shimoseki" unterteilt, wobei jeweils andere Künstler auftreten. Innerhalb eines Monats gibt es so immer wieder die Gelegenheit, neue Darbietungen zu erleben. Genau darin liegt der Grund, warum es viele Rakugo-Fans immer wieder begeistert.

Ein weiterer Reiz der Yose ist das typische "Kōgo"-System.
Die Auftretenden wechseln täglich, und man weiß bis zum Tag selbst nicht, wer auftritt. Dieses Live-Gefühl macht die Yose zu einem besonders einzigartigen Ort.

Ob man den eigenen Lieblingskünstler wiederentdeckt oder neue Darbietungen und Künstler kennenlernt: Die Yose bietet immer wieder neue Erlebnisse. Jeder Besuch wird zu einer besonderen Zeit.
Auf der neu gestalteten Website der Rakugo-Gesellschaft lassen sich die Yose-Informationen bequem abrufen.
Warum nicht beim nächsten freien Tag einmal die Yose besuchen?
In einer Atmosphäre voller Lachen und Berührung können Sie die japanische Tradition ganz in Ruhe genießen.

Direction
Ise, Shigeta
Aufbau
Ise, Shigeta
UI-Design
Nagahashi
Markup
Matsuzuka, Hirabayashi
Frontend-Entwicklung
Otsuka, Matsuzuka
Barrierefreiheit
Futamata
Firmen- und Dienstleistungsnamen
Rakugo Kyokai