コンセプトシート

制作意図

私は過去に計画停電を経験しています。 電気が使えなくなると事前にわかっていてもやるべきことが多く、 （蝋燭や懐中電灯の用意や冷凍庫の中身を保冷バッグに入れ替える等） あまり冷静に行動することができなかったように思います。 さらに、夜の暗闇の中を蝋燭の灯りだけで過ごすことにはとても心細かったです。 実際に心理現象として暗闇の中は恐怖や不安を感じやすい傾向にあります。 そこで、停電時のパニックが少しでも和らぐように停電時に役立つ情報提供を行うことにしました。

ターゲットユーザ

ターゲットユーザは家庭を持っている20〜40代の大人です。 地震に比べて、停電の対応策を考えている人は少ないように思います。 そのため、このサイトを見て自作防災グッズについて知ってもらい、家族間で楽しく作ってもらうことを目的としています。 ターゲットユーザは大人ですが、自作防災グッズは誰でも簡単に作れるものを採用しています。 このサイトが少しでもコミュニケーションの話題となれば幸いです。


目指した習得技術と自己学習成果

スキル

今回の課題で習得した技術はCSSだけで文字が光っているように見せることです。 今回のテーマが停電だったため、背景を暗めにし、黄色や青でアクセントをつけました。 大見出しには星を横につけ、セクションが変わることを読み手に伝えられるように工夫しました。 また、今回は基礎演習Dで習ったことを応用してbootstrapをいくつか使用しました。 CSSとbootstrapを最大限に活かせたことが今回の自己学習成果です。

参考文献

Bootstrap『Navbar』 (2023年8月20日アクセス)
ジトサイト『【解説】CSSでセクション区切りの背景を曲線にする【おしゃれな波線】』 (2023年8月20日アクセス)
第0版『CSSコピペで出来るシンプル可愛い見出しデザイン【女性向け】』 (2023年9月8日アクセス)
SAMURAIENGINEER Blog『【Bootstrap】Navbarの使い方・カスタマイズ方法を徹底解説』
(2023年9月8日アクセス)
ダ鳥獣ギ画『ダ鳥獣ギ画』 (2023年8月20日アクセス)
illustAC『紙芝居風夜空』 (2023年8月20日アクセス)


cd topへ戻る