LogoMark.png

奈須本真椰/情報デザイン研究II のバックアップ(No.15)


夏のクール便 ー ひんやり瓶

訪れた人に夏を届けるWebサイト


main_03.jpg





概要


これは何?

イラスト×Webサイト:「夏」をモチーフに物語が展開していくWebサイト

背景と目的

近年、日本の夏が暑すぎることから、「夏」というものに対し嫌悪感を抱いている人も少なくないと感じる。私自身もすっきりとした涼しげなイメージのある想像上の夏に憧れを抱いている。
そのためサイト上のイラストを郵便物(=ひんやりした瓶)に見立て、Webサイトを訪れる人に届けることで、夏に対する嫌悪感を少しでも軽いものにしたいと考えた。サイト上で物語を展開させる際に、日記風で書き留めることでさらにリアリティを演出することが出来ると考えている。

コンセプト

まるで自分もそこにいるかのような、夏の一瞬の“涼しげな”空気感を鮮明に表現したイラストや、それを用いたWebサイトの作成
これらを郵便物(=ひんやりした瓶)に見立て、Webサイトを訪れる人に届ける
日記風に文章を書き留めることで、よりリアリティを演出させる
「暑い」という単語を使わずに夏の暑さを表現し、「涼しい」という単語を使わずに夏の涼しさを表現

成果物の仕様

イラストのサイズ:1024×768
GitHubを用いた、画面をスクロールすることで物語が展開していくWebサイト

制作ツール

スマホ(ibisPaint X)、PC(GitHub)

プロジェクトの期間

進行管理表←こちらから!

まとめ(中間発表時点)

テーマに沿ったWebサイトの基盤や、キャラクターデザイン、ストーリーの大まかな構成は決まったので、今後はストーリーに用いるイラストをさらに描いていく。また、より「夏らしさ」を表現するため、サイト全体のレイアウトなどもその都度更新する(例:ボタンを押すと夏の音が聞こえてくる演出や、動画が再生される演出、それぞれのイラストに「夏」のマークを取り入れ、探してもらう演出)。




調査


現状調査

先行事例


技法・技術情報


プロジェクト管理


スケジュール

進行管理表←こちらから!

ToDo





進捗記録




2021.11.17


Webサイトの試作

https://maya-des.github.io/cool_sample03/

今週の目標


2021.11.10


Webサイトの試作

https://maya-des.github.io/cool_sample02/

イラストの制作


story_01.jpg
story_02.jpg
story_03.jpg


story_04.jpg
story_05.jpg


試作(ラフ)

今週の目標


2021.10.27


Webサイトの試作

https://maya-des.github.io/cool_sample01/

sitemap_01.jpg


sitemap_02.jpg


今週の目標


2021.10.20


Webサイトの構成ラフ

Webサイトラフ1
Webサイトラフ2

今週の目標


2021.10.13


ストーリー構成の考案

ストーリー構成1
ストーリー構成2
ストーリー構成3
ストーリー構成4

キャラクターデザイン


character_design.jpg


メインビジュアルの変更


main_02.jpg


今週の目標


2021.10.6


メインビジュアルの作成


main_01.jpg


試作(ラフ)

今週の目標


2021.9.29


テーマの決定

調査

今週の目標


2021.9.22


概要(テーマのメモ)

調査

今週の目標


2021.9.15


概要(テーマのメモ)

使用するツール

調査

卒業研究に向けての長期的な目標

今週の目標