まだ完成していない物語に、
“参加できる入口”をつくる。 DANCAL様

「作品紹介サイト」ではなく、
プロジェクトの入口に。

制作前のヒアリングでは、 メインビジュアルだけでなく、 プロジェクトの背景、 ストーリー、 最新情報、 ネームの公開、 資料ダウンロード、 SNS、 参加フォームなど、 必要な要素を一つずつ整理しました。

作品について知って終わるのではなく、 「もっと読みたい」 「応援したい」 「何か関わりたい」 と思った人が、 そのまま次の行動へ進める構造を意識しています。

世界観の熱量を、
スマートフォンの中に収める。

InstagramやYouTube、Xなど、 SNSからアクセスするユーザーを想定し、 スマートフォンでの見え方を特に重視しました。

キャラクターの表情やロゴが 画面の中で埋もれないよう、 PCとスマートフォンで メインビジュアルの見せ方を調整。

スマートフォンでは複数のビジュアルを スライドショー形式で見せるなど、 端末ごとの見え方に合わせて 細かな調整を行っています。

大きなタイトル、 キャラクター、 オレンジと黒を軸とした配色によって、 アクセスした瞬間に DANCALの世界へ入れる ファーストビューを目指しました。

世界観を見せる場所と、
漫画を読む場所を分ける。

第1話から第3話までのストーリーは、 スマートフォン上でそのまま 縦に読み進められる構成にしています。

当初はサイト全体と同じ クリーム色やドット表現を使っていましたが、 漫画ページについては、 より読みやすくするため背景を白へ変更しました。

ページによって異なっていた画像サイズも 表示幅を揃え、 PCでは画面中央に配置することで、 作品そのものに集中できる閲覧環境へ 調整しています。

サイト全体では強く世界観を見せながら、 「読む場所」ではデザインを引く。 コンテンツごとに役割を切り替える設計です。

見る人を、
一緒につくる人へ。

このサイトでは、 完成した作品を一方的に見せるだけではなく、 プロジェクトへ関わるための 参加フォームも設計しました。

DANCALは、 最初から完成されたIPとして 公開するプロジェクトではありません。

だからこそ、 外から届く意見や応援、 新しい関わり方を受け止められる入口をつくり、 「見る側」と「つくる側」の境界を 少し開くことを意識しました。

Web制作を通して、
曖昧だった企画の輪郭をつくる。

この案件では、 最初からすべての仕様やコンテンツが 決まっていたわけではありません。

「どんな内容を掲載するのか」 「参加フォームをどうするのか」 「どんな素材が必要なのか」 といった部分から話し合い、 ラフサイトを実際に見てもらいながら 少しずつ形を決めていきました。

サイト制作を進める過程そのものが、 DANCALという企画について 改めて考える機会にもなっています。

Webサイトを 「決まった情報を載せる場所」としてではなく、 プロジェクトの方向性を考え、 外へ伝えられる形にするための デザインツールとして扱った案件です。