Re:code(仮)
一日を記録できるWEBサイトのお話
メインビジュアル、あるいは
プロジェクトの最新の状態を視覚的に掲載
概要
これは何?
背景と目的
- 背景1: WEBサイトの可能性を知る、技術向上
- 私はWEBデザイナーに就きたいと思っている。そのため、WEBサイト制作に触れ、どんな技術があって、どんな可能性があるのかを知り、自分の力としたい。
- 背景2: 普段本を読まない人が『文章』に触れる足掛かりに
- 私は文章が好きで、よく漫画や小説を読む。しかし、最近は文章に触れる人が少なくなったように感じる。そのため、普段本を読まない人が文章に触れる足掛かりになるように、音やアニメーション、絵などを使って紙媒体より触れやすいWEBサイトという媒体を使って、発信していきたい。
コンセプト
- 選択肢やクリックするものなど、面白い仕掛けなどを入れ込む
- スクロールやクリックなどで読み手側が干渉できるなど、紙ではなくWEBサイトであることを活かす
- その場にあった音やアニメーションを使い、臨場感を出す
- 実際に主人公目線になることで、生きているその時々が大切だということを感じてもらいたい
成果物の仕様
制作ツール
- Windows11
- サクラエディタ
- CLIP STUDIO PAINT PRO
- Illustrator
プロジェクトの期間
まとめ
調査
現状調査
- 割合などは後程
- 中学生を対象にした読書調査の中で挙がった本を読まない理由
先行事例
技法・技術情報
プロジェクト管理
スケジュール
ToDo
- スケジュール制作
- ストーリ決め
- サイトマップ、ワイヤーフレーム作成
テーマ決定
進捗記録
2023.05.23
- スクロールをして画面内に対象が来るとアニメーションが開始するトリガーを設定中
- ワイヤーフレーム(仮)作成
2023.05.16
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上でお試しプレイができるようにする
- サイトオリジナルシナリオを作る(ゲーム形式/その後とか)