山本彩花/情報デザイン演習IIA

My chara

創作キャラを使ったWebサイト

• Ayaka Yamamoto
• Keywords：webサイト、オリジナルキャラ、イラスト
• https://preview.studio.site/live/BXaxRnYzO7
  
  

相互評価 2023.05.15

プロトタイプ評価シート 皆様コメントありがとうございました。

概要

これは何？

自分で考えて描いたキャラを使ったWebサイトを制作

背景と目的

創作をしても見てもらえる機会が少ない。
自分の作品を見てもらいやすくする手段として、webサイトを通し見てもらえる機会、場所を増やす提案を行う。

成果物の仕様

webサイト

制作ツール

HTML、illustration、Procreate、スタジオ

プロジェクトの期間

2023.04.10 - 2023.07.10

プロジェクト管理

スケジュール

• スケジュール
  
  

ToDo

• 雰囲気や系統を決める
• キャラデザを決める
• サイトの構成を考える
• 素材制作(イラスト等)
• サイト制作
  
  
  
  
  
  

2023.06.26

サイト完成

2023.06.19

サイト制作
→立ち絵(サイト下部）

2023.06.12

サイト制作
→ミニキャラ（サイト上部）のアニメーション

キャラ画像サイズ調節

2023.06.05

html挫折
スタジオで制作中

2023.05.29

ワイヤーフレーム変更

2023.05.22

html作り始め

2023.05.15

キャララフ
キャラデザイン（随時追加）

2023.05.08

• ひとつのキャラを決めて複数パターンを作るのではなく、キャラを複数作る
• 画面の切り替えでキャラから人に(擬人化)
  
  
  
  

2023.05.01

ワイヤーフレーム

2023.04.24

• 雰囲気
  かわいい系、ゆるキャラ

• キャラデザ案
  ベースはカラスにしたい
  胴体が猫みたいに伸びそうな子
  色々な動きをさせやすそうな子

2023.04.17

現状調査｜テーマ内容

自分で考えて描いたキャラを使ったサイトページを制作

現状調査｜参考

ゆるキャラ系

• https://ketakuma.com

キャラクター系

• https://kaf-u.kamitsubaki.jp/
• https://whitetails.jp/

GIF、アニメーション系

• https://takearest1.github.io/peep/
  
  
  
  

2023.04.10

プロジェクトのテーマ候補

• 和風デザイン
• 若者に人気のありそうな場所、写真映え(推し活）
• フリーゲーム
• 大学周辺の猫出没スポット
• 色にまつわる様々なこと
• 和食の文化
• 平成と令和のボカロ
• ゲームに使用されているBGM
• レトロ、和風な道具
• 自分で考えた着物デザイン
• キャラの紹介サイト