風呂敷で防災!



制作にあたって

制作意図
今回は「サバイバルのためのデザイン」という課題だったので、防災に役立つ知識を紹介できるウェブサイトを作成した。 防災に関するサイトを作ろうと考えたときに、いろいろなアイデアを考えてみた。その中で、市販のものを紹介するだけでは面白みが足りないので、身近にあるもので工夫をして災害時に役立つ情報を紹介しようと考えた。 そこでこの課題では風呂敷を活用した防災グッズの作り方を説明するサイトを作った。 風呂敷の防災に関する使い方を知ってもらうだけでなく、日本の伝統である古き良き風呂敷について興味を持ってもらうことを目的としてこのサイトを作成した。



ターゲットユーザー

このウェブサイトを作るにあたり、中高生等の学生をターゲットとして作成した。若い層にとって風呂敷というのがあまり身近な存在ではない。 そんな世代の人たちにこそ、風呂敷の便利さを知ってもらい、災害時に役立ててもらい、普段の生活でもしようして欲しいと考えた。 また、学生などの若い人たちは災害が起きたときに幼児や高齢者を守る役目がある。もしもの時にすぐに応急処置ができるようになってもらうために若い人々をターゲットとした。





自己学習成果

この課題を通して今までのデザインの学習を生かすことができたと考える。まず、htmlやcssについてである。去年のWebプログラミングの授業や春課題を通して、htmlやcssの書き方を学んできた。 Webプログラミングで習った基礎的なことを、春課題に生かすことができていたが今回はそれ以上に完成度を上げることができたと思う。 特にこの課題のトップページにこだわった。サイトを見るときに一番最初の第一印象でそのサイトを見るか決める人も多いと思う。 そこでパッとみて目を引くように風呂敷の写真に文字を重ねることで、興味を持ってもらいやすいように工夫した。 また、色についても工夫した。情報デザインや基礎演習を通して色の関係性だったり、見やすいデザインとはどういったものなのかを学んできた。 このサイトではイメージカラーを緑に決めて統一感のあるサイトにすることでまとまった雰囲気を作り出すことができた。





参考にさせていただいたサイト
https://www.moca-memo.com/2019/10/kakomiwaku.html
https://sozaino.site/archives/6411
https://tsukatte.com/furoshiki-tsutsumi/
https://itblogger-note.blogspot.com/2021/02/js-element-fade.html
https://shopping.geocities.jp/ayano-koji/furoshiki/howto.html
https://otsutsumi-furoshiki.com/2023/06/20/20230531-workshop-3/