LogoMark.png

宮副咲葉/情報デザイン研究I

大自然でおやすみなさい

若者に自然で疲れを癒すことを伝えるWebサイト制作

sss03.png


概要

これは何?

若者に自然で疲れを癒すことを伝えるWebサイト制作。これを見ることで心と身体を癒すのに自然がおすすめだということを伝えると同時に少しでも環境問題への興味も持ってもらうきっかけになるサイト作り

背景と目的

背景:若者の自然離れ 

現代の10代〜20代の多くは中学生までにスマートフォンを持ち始め連絡はもちろんゲームやSNSなどを使用しています。息抜きにスマホを使う場合もあるが毎日携帯ばかりを見ているとゲームのしすぎもあれば人間関係の話題などが離れなかったりと疲れが少しずつ溜まり元々は楽しむものであったものがストレスの原因となってしまう可能性が。そんな時は「デジタルデトックス※1」としてよく山や海など自然に触れることが大切だとよく聞きますが、その自然に触れることが年々減少しているといわれています。若者の自然と触れ合う経験が減ると健康や生活の質を害するだけではなく、自然に対する興味や関心、保全意識を大きく衰退させます。そこには負の連鎖(悪循環)が存在し、現状のままでは社会の自然離れが今後もより一層と進んでいく恐れがあることが判明しています。※1 SNSやスマホ、コンピューターといったデジタル機器の使用を自発的にひかえていくこと、またその期間のことを指します。

目的:Webサイトを使用し若者に自然に興味を持ってもらう 

自然は人にどのような影響を与えるのかを学びながらWebサイトでGIF画像やイラストを使い、自然と触れる魅力をわかりやすくまとめたサイトを制作します。このサイトを見て携帯から一度離れ自然と触れ合い日頃の疲れを癒すと共に少しでも環境問題への興味も持ってもらうきっかけになればいいなと思いこの研究に取り組もうと考えました。

コンセプト

成果物の仕様

制作ツール

Illustrator
Visual Studio Code

プロジェクトの期間

プロジェクトの期間|2023.04.11 - 2023.12.24(通年)

まとめ

この研究を通して、自然はなぜ人にいい影響をもたらすのか、どんな癒し方があるのか元々興味のあったことを知ることができ、Webサイトも初めての経験だったため多くのことを学びました。制作過程で先行事例をもとに通常の文字が羅列したサイトではなくより興味を持ってもらうため、楽しんでみてもらうために動くイラストや顔をつけることでより分かりやすく見る効果が出たのではないかと思います。知識も技術力もさらに向上できるようにこれからも学んでいきたいです。



調査

現状調査

生物多様性に関する世論調査
自然がいいのはなんとなくではない!
自然環境が人の生活に与える影響
人と自然の論文集
加速する現代社会の「自然離れ」
日本の若者の環境意識は高いのか
Z世代のスマホに関する意識調査
若者のSNS疲れはなぜ起きるのか?

先行事例

技法・技術情報




プロジェクト管理

スケジュール

スケジュール

ToDo

現状調査
掲載内容をリストアップ・調査
サイトマップ
ワイヤーフレーム
イラスト
Webサイト





進捗記録




2023.07.11

2023.07.04

2023.06.27

2023.06.20

2023.06.13

2023.06.06

サイトマップ

site.jpg

ワイヤーフレーム

ワイヤーフレーム.jpg
ワイヤーフレーム2.jpg


2023.05.30

掲載内容変更

20代〜30代向け→10代〜20代に変更。自然離れに着目

2023.05.23

2023.05.16

掲載内容追加

サイトマップを考える


2023.05.09

掲載内容

2023.05.02

Webサイト調べ・テーマ展開方法

2023.04.25

テーマ変更と参考文献

2023.04.18

テーマ候補

2023.04.11

参考にした先輩の資料


PAGES

GUIDE

添付ファイル: filepage3.jpg 30件 [詳細] filepage2.jpg 32件 [詳細] filepage1.jpg 30件 [詳細] fileスマホ依存2.png 29件 [詳細] fileスマホ依存.png 32件 [詳細] fileWeb用イラスト2.jpg 30件 [詳細] fileWeb用イラスト.jpg 34件 [詳細] file1-74.png 27件 [詳細] fileワイヤーフレーム2.jpg 31件 [詳細] fileワイヤーフレーム.jpg 35件 [詳細] filesite.jpg 29件 [詳細] fileサイトマップ.jpg 35件 [詳細] filesss03.png 36件 [詳細]
Last-modified: 2023-07-18 (火) 16:02:00