担当範囲：デザイン/コーディング

Rejet様の完全新作シチュエーションCD「OVERNIGHTZ（オーバーナイツ）」の公式サイトを制作させていただきました。

虚構と現実が入れ替わる演出で、作品の世界観へ自然に入り込めるトップページに

このサイトは、OVERNIGHTZのテーマとなっている“虚構と現実”を体感できるよう、トップページで色調やロゴが変化する演出を最初に置いています。これにより、ユーザーが物語の空気に徐々に引き込まれていく導線をつくりました。

サイト自体がOVERNIGHTZの特別な世界観の入り口として機能するような演出の仕様を導入しつつ、「どのような物語に触れられるのか・キャラクターに出会えるのか」をすぐに理解できるように設計しています。

作品の情報を整理し、初見でも迷わず全体像がつかめる構成に

シチュエーションCDという特性上、「誰が・どんな状況で・どんな物語を進めるのか」を初めて訪れた人にも分かりやすく伝えることを意図しています。キャラクター情報や設定、物語の背景、CDの収録内容など、作品を理解するうえで必要な情報を整理し、関連ページへ迷わず進める導線を用意しました。

また、音声作品ならではの“聴く前の想像を広げる時間”を大切にし、世界観を理解しながらスムーズに購入・視聴準備まで進められるよう配慮しています。作品やキャラクターの魅力をオンライン上で丁寧に伝え、興味を持ったユーザーが次のステップへ進みやすい公式サイトとして設計しました。