Re:cord
もしも、1日を記録できるWEBサイトがあったら
概要
これは何?
背景と目的
- 背景1: WEBサイトで行える演出の可能性の探究
- 様々な演出(アニメーションや音楽、クリック、仕掛けなど)を如何に組み合わせることで、新しいものやその場面の臨場感などを表現できるかを試す。そして、ゲームや映像、グラフィックのような楽しめるコンテンツとして確立させたい。
- 背景2: 本サイトを読んだ人に新しい読書体験の提供
- 読者に分岐を選択させるなど、WEBサイトだからこそできる演出がある。そのように他の媒体では味わえないような読書を体験してもらいたい。
コンセプト
- 選択肢やクリックするものなど、面白い仕掛けなどを入れ込む
- スクロールやクリックなどで読み手側が干渉できるなど、紙ではなくWEBサイトであることを活かす
- その場にあった音やアニメーションを使い、臨場感を出す
- 実際に主人公目線になることで、生きているその時々が大切だということを感じてもらいたい
- 所謂日記みたいなイメージの為全体のデザインは日記帳をモチーフに
成果物の仕様
制作ツール
- Windows11
- サクラエディタ
- ibisPaint X
- Illustrator
プロジェクトの期間
まとめ
- 一つのアニメーションを設置するのにかなり時間がかかった
- ページごとにサイズが違ったり、色を仮置きにしているところがあるので、統一させる
- 今後、どう演出するかを字コンテなどでまとめておく
調査
現状調査
- 割合などは後程
- 中学生を対象にした読書調査の中で挙がった本を読まない理由
先行事例
技法・技術情報
プロジェクト管理
スケジュール
スケジュール
ToDo
- 効果音の挿入
- 挿絵の作成、挿入
メインビジュアルの作成
ロゴの作成
ストーリ決め
サイトマップ、ワイヤーフレーム作成
テーマ決定
スケジュール制作
進捗記録
2023.06.20
- ロゴをヘッダーに挿入
- タイトルビジュアル作成、挿入
- UI作成、設置
- プロローグ画面のシステム変更
2023.06.13
- ページごとにタイトルビジュアルのサンプルを設置
- タイトルビジュアルのアニメーション(ページめくり)を模索、設置
- 挿入絵サンプルをそれぞれの場所に設置
- 字コンテ制作
- ロゴ制作
2023.06.06
- テキストアニメーション(typewriter)を全文に設置
- ABOUTページを作成、文章作成
- フォント挿入
- アニメーションの例探し
2023.05.30
- スクロールをして画面内に対象が来るとアニメーションが開始するトリガーを設置
- 背景に罫線を設置(cssで作成)
- プロローグページを作成
- メインビジュアル作成
2023.05.23
- スクロールをして画面内に対象が来るとアニメーションが開始するトリガーを設定中
- テキストアニメーション(typewriter)を一部に設置
- ワイヤーフレーム(仮)作成
2023.05.16
- お試しでHTMLを組む
- 全ページを繋げてそれぞれに飛べるようにするところまで
- サイトマップ作成
2023.05.09
2023.05.02
WEBサイトと紙の比較
- WEBサイト
- 良い点
- 演出がつけられる
- ハードルが低い
- 誰でも無料で見れる
- 目だけで追うより内容が入りやすい
- 選択肢など読み手次第でストーリーを変えれる
- 悪い点
- 紙
- 良い点
- 実際に紙を捲る感覚を楽しめる
- 文章に集中できる
- 好きなペースで読める
- 悪い点
- ストーリー内容
2023.04.25
ターゲット
ストーリーテーマ決め
-ネットリテラシーについて
-睡眠不足の人の日々
-植物成長日記(夏休みの観察日記的な)
-小学生の夏休みの絵日記
-植物成長日記ホラー版(夏休みの観察日記的な)
2023.04.18
技術
案まとめ
- ゲームラボで作ったゲームのWEBサイトを作る
- 創作VTuberグループの紹介サイトを作る
案追加
- 創作VTuberグループの紹介サイトを作る
- オリジナルでVtuberグループを作ってそれを紹介するサイトを作る
- キャラ本人が投稿したかのような記事を投稿
- 二次創作のガイドラインの重要さやマナーなどを伝えられたら・・・
2023.04.11
コンセプト
- ただのWEBサイトではないものを作りたい
- 何かができるWEBサイトを作りたい
- WEBサイトであることを活かしたい
- HTMLを使う
案出し
- WEBサイト上で物語を展開する
- 小説みたいに文章を主に使いながら挿絵や映像、音楽などを挟む
- 実際に操作してもらう(例えば送信ボタンを押させるとか)
- 例えば日付毎にページを分けて、読んだらページが増えていくとか
- 隠し要素とかちょっと謎を挟んだりとか読むだけでなく体験してもらいたい
- テーマは誹謗中傷や無断転載
- ゲームラボで作ったゲームのWEBサイトを作る
- 文章、イラスト、PVで伝える
- WEB上でお試しプレイができるようにする
- サイトオリジナルシナリオを作る(ゲーム形式/その後とか)