この度、WOODLAND NOTES様が主催されるオペラの名作中の名作！
ラ・ボエーム【LaBohème】オペラ公開サイトを制作させていただきました。

この記事をご覧になられている皆様は
オペラや観劇をご覧になられたことはありますか？

• 劇団四季のミュージカル
• 友人の主催する劇
• コンサート
• ライブ
• 落語の寄席

それなりに経験したことはあれど
恥ずかしながら、一度もオペラを生で触れたことはありませんでした。
（オペラはのだめカンタービレの知識ぐらいです笑）

そんな私が始めることは

美しい歌声と歌から紡ぐストーリー。
切ない愛の物語。

楽しく陽気な若者の美しい恋を切り取るか、
切なく胸を打つ感動を切り取るか、

様々悩みましたが、今回ご出演されるキャストの皆様が
非常に妖艶で情緒的な演技を得意とされるため、全体を切なく胸を打つ場面で設計し、
MVの写真は4人の主役たちの【別れのシーン】を選定してます。

公演サイトとしてのUI

今回のサイトで叶えたいことは大きく3つに大別されます。
（細かく言うとたくさんありますが…！）

この叶えたいことから、設計とデザインを制作いたしました。

デザイン制作

前述の通り、「オペラ」というジャンルから情緒的で高級感があるデザインにしています。
劇場で見る形をサイトにも導入し、MVの四角い枠が追従する形を採用いたしました。
皆様をオペラの劇場へ誘います。

Intro画面とものがたり、footer上では雪を降らせ
「クリスマスのパリ」という劇中の季節感を表現しています。
寒く切ないだけにならないように、
マウスのカーソルがものがたりテキストの上にhoverした時に
照明が当たるような効果をおき、舞台感と雪の中の暖かさを演出いたしました。

スケジュールやポイントカラーにゴールドを採用。
特にスケジュールセクションでは背景にノイズを載せて、
実際の紙チケットのような質感を出しています。

巨匠プッチーニの最高傑作である【LaBohème】
このオペラサイトを制作させていただき光栄です！

主催の皆様、キャストの皆様と連携し制作

みなさんと大変貴重なご意見の交換や、
クリエイティブに対する真摯な議論を行いながら
全員がワンチームとして制作を進めていけたことに
弊社一同深くお礼申し上げます。
また、お写真撮影では本当にありがとうございました！

大変貴重な体験をさせていただき、
重ねてお礼申し上げます！