なぜ劇場のサイトをカレンダーで構成しないのですか？

文化・舞台芸術

Acte 2 Théâtre

1つのホールに5つの事業。情報設計こそがプロジェクトのすべてでした。

Kayzen WebがVercelのアドレスで公開しているデモ版です。正式なドメインはクライアントに帰属します。

https://acte2theatre.vercel.app/

出発点

Acte 2 Théâtreは、リヨン9区ヴェーズ（Vaise）地区にある地域密着型の劇場です。子ども向けの公演、大人向けの演劇、学校向けの上演、ワークショップを行い、外部への貸し出しもしています。

5つの活動に、5つの客層。家族連れ、大人の観客、教員、ワークショップの受講生、イベント主催者。それぞれが異なる情報を探しており、時系列で構成されたサイトでは、全員を迷わせてしまいます。

カレンダーではなく、客層ごとに構成しました。各活動に専用の入り口、言葉遣い、予約の導線があります。カレンダーもありますが、主要な構造ではなく、横断的なビューという位置づけです。

自己申告ではなく、計測値

本番環境のサイトのLighthouseスコアです。数値はそのまま公開しています。低いスコアがあれば、その原因と改善計画を下に記載しており、伏せることはしません。

PageSpeed

100

デザイン・アートディレクション

客層ごとの入り口
家族連れ、大人、学校、ワークショップ、貸し出し。訪問者は一目で自分に当てはまるものがわかります。5つが混在したカレンダーでは、自分で仕分けなければなりません。
学校向けを真剣に扱う
教員が探しているのは、教材資料、対象学年、上演時間、団体料金です。これらの情報には専用のページがあります。ほかの場所に置けば、一般の観客にとって邪魔になっていたでしょう。
ホールの貸し出しを商品として
収容人数、技術設備、料金、空き状況。定期的な収入源でありながら、ほぼ常にお問い合わせページの下のほうに追いやられているものです。

見出し用書体

Outfit 700

本文用書体

Inter 400

あえて現代的にし、「演劇的」にはしていません。劇場の主な観客は子どもたちであり、重々しすぎる雰囲気は家族連れを遠ざけていたでしょう。

エンジニアリング

外部委託のチケット販売、オンデマンドで読み込み
チケット販売のモジュールは、クリックしたときにだけ読み込まれます。サードパーティのウィジェットを全ページに置けば、一時的なアクションのためにサイト全体が重くなっていたでしょう。
型付きの上演スケジュール
公演、日程、対象、料金、上演時間を共通のデータファイルで管理しています。5つの入り口も横断的なカレンダーも、すべてそこから生成されます。

SEO対策

客層ごとにひとつのクエリ群
「子ども向け公演リヨン」「劇場ヴェーズ」「校外学習演劇リヨン」「公演会場貸し出しリヨン9区」。どれも、単一のページでは応えられなかったでしょう。
EventとPlaceのマークアップ
各公演は、劇場とその収容人数、アクセスを記述したPlaceのノードに紐付いたEventです。

サイト構成