井上友雅/情報デザイン研究II

ふようナビ

ふよう学園窯業班を知ってもらうためのWebサイト制作
Keywords：Pukiwiki / AfterEffects

プロジェクトの概要

プロジェクトの説明

福岡市立ふよう学園の窯業の認知度を向上させるために動画・Webサイトを作る。

目的・主旨（何のために）

ふよう学園の支援員から「認知度が上がらない」というお話を聞き、サイトを確認したところ、認知度向上に繋がる可能性を見つけた。
Webサイト制作・動画制作によって認知度を向上しようと思った。

ターゲット（誰のために）

・ふよう学園職員
・一般ユーザー

制作物（最終的に何ができるか具体的に）

・動画
・Webサイト(開発：http://localhost:8888/)

プロジェクトで使用するツール

・PukiWiki
・AfterEffects

コンセプト

ずっと親しみやすく

進捗・記録

2020.1.8

最終プレゼン

2019.12.18

2019.12.11

BGMと素材のイメージが揃っていない部分があったので、素材の順番を変え、さらに短い尺になるように調整した。

2019.12.4

素材の速度を遅くして調整した。

2019.11.27

映像は色味を調整し、BGMと合うようにした。
映像に距離感が無いのと、使用している素材が似ていて単調なので残りの時間で調整していく。
映像の速度を見直す。
テキストを日本語にして｢ふよう学園｣のロゴを見直す。

2019.11.20

動画が曲と合うように色味を調整して、曲のテンポに合っていない部分を合わせていく。

2019.11.13

途中経過

フリーBGMを使用する。

2019.10.30

中間報告
・最終的に学園に使用してもらうサイトのサーバーをどうするのか(PHP対応するのか)確認する。
・「進捗・記録」を更新するときに「書き言葉」を意識する。

2019.10.29

　撮影を行った。木曜日にもう一度行う。

2019.10.23

　撮影が来週の火曜日に決まった。

2019.10.18

　施設長と打ち合わせをした。
・ページ下部に載せている「参考動画のイメージと干支の可愛らしいイメージが合うのかが気になる」と意見をもらった。参考動画のイメージに寄せながらも干支のイメージを保つラインを探る。
・濃い青色がシンボルに使われているが、サイトの色の指定は特に無いと聞いた。

2019.10.18

　施設長との打ち合わせが21日に決まったので企画書を作った。
映像の顔出しやその他細かいことを話し合う。

2019.10.16

　映像はサイトにメインで載せます。細かい工程は別ページまたはメインページの中間部から下部にまとめようと思う。
　映像の案を描いてみました。かっこよい映像にしようとしたが、だんだんと工程を説明するだけになってきた。練り直しをする。(下図参照)
尺は1分~1.5分程度を考えています。
　スタートが遅かったので来週中には現地で撮影を終了させたい(させる)。

• 参考動画
  
  
  野の花学園紹介動画
  
  

2019.10.1

• 「何を一番伝えたいか」「最終的にどうしたいか」を明確にしてサイトの軸を決めていく。その上でサイトのレイアウト・雰囲気、それに合う写真または動画の構成・配置を決めていく。
  時間も限られるため、早期に決めたい。
  
  

2019.9.24

• ふよう学園のWebサイトを見たところ、改善できる点があった。
  PukiWikiで作成することにより、随時更新ができる環境を整えられることを知り、この方向で進めようと思う。
  
  

2019.9.23

• 障害者施設の窯業について職員の方に聞いて課題を探している。
  売り上げと認知度が低いことが分かった。
  解決策を探している段階。
  
  
  
  

ToDo

• 支援員の方と話し、何をサイトの主軸にするかを決める。
• サイトのワイヤーフレームを決める。
• 動画の流れ(字コンテ・絵コンテ)を決める。
• 撮影を行う。
  
  
  野の花学園のロゴマーク(#1c2c5c)の色を主に使用する。
  
  
  
  
  福岡市立ふよう学園関連サイト
  https://www.nonohana.or.jp/fuyou_top.html
  http://tokimekiweb.com/blog/fuyou/
  
  
  参考サイト
  http://social-artist-village.org
  http://www.grapass.net/2015/