LogoMark.png

奈須本真椰/情報デザイン研究II

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

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


main_03.jpg





概要


これは何?

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

背景と目的

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

コンセプト

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

成果物の仕様

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

制作ツール

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

プロジェクトの期間

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

まとめ

サイト内にオープニングアニメーションや効果音などを取り入れることで、「夏らしさ」を表現し、より世界観を演出することが出来ると分かった。また特定のアイテムを探してもらい、特典画像が見られるシステムを導入することで、ただイラストを用いるだけよりも、見る人を飽きさせないWebサイトを制作することが出来たと感じる。
これから卒業研究などで自身の作品の世界観を表現する際に活かしていきたい。




調査


現状調査

先行事例


技法・技術情報


プロジェクト管理


スケジュール

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

ToDo





進捗記録




2021.12.22


Webサイトの作成

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

イラストの作成


story_19.jpg
story_20.jpg
story_21.jpg


story_22.jpg
story_23.jpg


特典イラストの作成


sp_right.jpg



2021.12.15


Webサイトの作成

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

イラストの作成


story_15.jpg
story_16.jpg


story_18.jpg
story_17.jpg


今週の目標


2021.12.08


Webサイトの作成

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

イラストの作成


gallery_09.jpg
gallery_10.jpg
gallery_11.jpg


gallery_12.jpg
gallery_13.jpg
gallery_14.jpg


プレゼンを通して見つかった改善点

今週の目標


2021.12.01


Webサイトの試作

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

今週の目標


2021.11.24


イラストの作成


gallery_06.jpg
gallery_07.jpg
gallery_08.jpg


今週の目標


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


概要(テーマのメモ)

使用するツール

調査

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

今週の目標




PAGES

GUIDE

添付ファイル: filestory_23.jpg 23件 [詳細] filestory_22.jpg 22件 [詳細] filestory_21.jpg 20件 [詳細] filestory_20.jpg 21件 [詳細] filestory_19.jpg 21件 [詳細] filesp_right.jpg 20件 [詳細] filestory_18.jpg 22件 [詳細] filestory_17.jpg 18件 [詳細] filestory_16.jpg 17件 [詳細] filestory_15.jpg 20件 [詳細] filegallery_14.jpg 23件 [詳細] filegallery_13.jpg 23件 [詳細] filegallery_12.jpg 18件 [詳細] filegallery_11.jpg 23件 [詳細] filegallery_10.jpg 24件 [詳細] filegallery_09.jpg 22件 [詳細] filegallery_08.jpg 26件 [詳細] filegallery_07.jpg 29件 [詳細] filegallery_06.jpg 27件 [詳細] filestory_05.jpg 26件 [詳細] filestory_04.jpg 24件 [詳細] filestory_03.jpg 25件 [詳細] filestory_02.jpg 22件 [詳細] filestory_01.jpg 22件 [詳細] filesitemap_02.jpg 23件 [詳細] filesitemap_01.jpg 21件 [詳細] fileroom_sketch.jpg 24件 [詳細] filemain_03.jpg 21件 [詳細] filesite_sketch03.jpg 24件 [詳細] filesite_sketch02.jpg 26件 [詳細] filesky.jpg 22件 [詳細] filecharacter_design.jpg 31件 [詳細] filemain_02.jpg 36件 [詳細] filemain_01.jpg 35件 [詳細]
Last-modified: 2022-01-17 (月) 00:54:29