#author("2026-05-21T09:46:16+09:00","default:member","member") #author("2026-05-21T10:27:35+09:00","default:member","member") *映画『沈黙の檻』公式サイト制作 架空のサスペンス映画のwebサイト制作 #image(main.jpg) -''中尾桃瀬'' -'''Keywords：映画, webサイト''' //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ 架空のサスペンス映画のwebサイト制作 ~ ***背景と目的 以前から映画業界に興味があり、webサイトの作り方も忘れつつあったので、 復習がてら作品として映画のサイトを作ってみたいと思った。 以前から映画業界に興味があったので、映画のサイトを作ってみたいと思った。 ~ ***コンセプト アニメーションをたくさん使った迫力のあるwebデザイン サスペンス映画にあった不気味に見えるアニメーションをたくさん使った迫力のあるwebデザイン ~ ***成果物の仕様 webサイト ~ ***制作ツール Visual Studio Code ~ ***プロジェクトの期間 三年前期 ~ ***まとめ &color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **調査 ***現状調査 アニメーションがたくさん使われた仕掛けのあるwebサイトが多い。 その映画の雰囲気にあった色やデザインにされている。 ~ ***先行事例 -[[映画サイト一覧>https://designnokoto.com/category/movie]] --[[秒速５センチメートル>https://5cm-movie.jp/]] ←シンプル、動画差し込みの参考 --[[なのに、千輝くんが甘すぎる。>https://movies.shochiku.co.jp/chigirakun-movie/]] ←かわいい --[[終点のあの子>https://endof-theline.com/]] ←シンプル、王道？ --[[炎上>https://enjou-movie.jp/]]←アニメーション、サイト構成参考 --[[佐藤さんと佐藤さん>https://www.sato-sato.com/]]←アニメーション参考 ~ ***技法・技術情報 特になし ~ ~ **プロジェクト管理 ***スケジュール -[[Excel>https://ksumail-my.sharepoint.com/:x:/g/personal/k24as021_st_kyusan-u_ac_jp/IQBXOn_CKUzgSpwV5Di-AJQWAeTPv9joGM1BXc3JeIGxA2M?e=l1mqpF]] #image(schedule.png) ~ ***ToDo -%%選考事例調査%% -%%サイトマップ制作%% -%%ワイヤーフレーム制作%% -webサイト制作 -ブラッシュアップ - - //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしないか」を考える}; //&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2026.05.07 ***中間審査 -コンセプトに合ったアニメーションを使う ***webサイト制作中 ~ ~ **2026.05.07 ***中間審査 ~ ~ **2026.04.30 ***ワイヤーフレーム制作 #image(wireframe.jpg,center,50%) ~ ~ **2026.04.23 ***サイトマップ制作 -入れる内容 --トップページ --ストーリー --キャスト --スタッフ、監督 --相関図 --ニュース --予告 ~ ***サイトマップ（Canvaで作成）↓ #image(sitemap.jpg) ~ ***映画の内容(GPT作成) -ジャンル➡️サスペンス（変える可能性有） -あらすじ #image(arasuzi.png) ~ -キャスト --主人公 神崎 遼（かんざき りょう）｜32歳｜フリーライター ---過去にある“誤報事件”で信用を失った元新聞記者 ---失踪事件を独自に追う ---真実を求めているが、「事実を歪めた過去」がある --ヒロイン 相沢 美咲（あいざわ みさき）｜28歳｜失踪者の妹 ---姉の失踪事件を追い続けている ---表向きは被害者家族だが、何かを隠している ---神崎に協力するが、時折不可解な言動 --刑事 黒田 恒一（くろだ こういち）｜45歳｜刑事 ---事件の担当刑事 ---神崎の過去を知っており、信用していない ---捜査情報を隠している様子 --失踪者 相沢 恒一（あいざわ けいこ）｜享年34歳（失踪時） ---美咲の姉 ---失踪前、ある施設に関わっていた ---日記の一部だけが見つかる --医師 瀬川 恒一（せがわ しゅん）｜40歳｜精神科医 ---失踪前の慶子の担当医 ---患者の守秘義務を理由に多くを語らない ---神崎に対して妙に協力的 --謎の男 「X」｜年齢不詳 ---監視カメラに何度も映り込む人物 ---複数の証言に登場するが正体不明 ---存在自体が曖昧 ~ ***次回やること -ワイヤーフレーム制作(Figma) ~ ~ **2026.04.16 ***制作イメージ -興味のあるジャンル▶️恋愛、青春、サスペンス -儚い、シンプル、無彩色、可愛い ~ ***制作例 -[[映画サイト一覧>https://designnokoto.com/category/movie]] --[[秒速５センチメートル>https://5cm-movie.jp/]] ←シンプル、動画差し込みの参考 --[[なのに、千輝くんが甘すぎる。>https://movies.shochiku.co.jp/chigirakun-movie/]] ←かわいい --[[終点のあの子>https://endof-theline.com/]] ←シンプル、王道？ --[[炎上>https://enjou-movie.jp/]]←アニメーション、サイト構成参考 --[[佐藤さんと佐藤さん>https://www.sato-sato.com/]]←アニメーション参考 ~ ***制作方法 -サイトに入れる画像、映像→AI ~ ***次回やること -サイトマップ、ワイヤーフレーム制作 ~ ~ **2026.04.09 ***テーマ案 -__架空の邦画Webサイト__◀️ｺﾚ -映画パンフレットの研究 -企業ロゴがもたらす効果 ~ ~