WORK
クライアント | 株式会社淀川製鋼所様 |
---|---|
担当範囲 | サイト設計、Webディレクション、Webデザイン、コーディング、JavaScript、イラスト作成を担当いたしました。 |
URL | https://www.yodoko.co.jp/bousai/ |
新規サイト
■WEB制作のポイント
「鋼板」「建材」「エクステリア」「ロール」「グレーチング」を製造している鉄鋼メーカー淀川製鋼所様の防災・減災サポートを制作いたしました。
安全で安心な社会の形成に役立つ災害のメカニズムや備えるための方法などの災害関連情報や防災関連商品をホームページでお伝えしたいというご要望をふまえて新たなサイトを設計、構築いたしました。
■設計、デザインのポイント
東日本大震災から4年。
災害関連情報と防災関連商品をお客様にお伝えすることで、安全で安心な社会の形成に役立てていただきたいという淀川製鋼所様の思いを形にしたサイトです。
トップページでは、地震・火災・暴風・雪害・豪雨が起こった街と防災関連商品を結び付け、イラストアニメーションで表現しています。イラストはすべて書き起こしました。
災害の各対策ボタンをクリックすると対応した災害関連情報と防災関連商品をご覧いただけます。
アニメーションは、PCだけではなくスマートフォンでも見ることができるように調整、JavaScriptで構築しています。
■担当デザイナーのコメント
街のイラストにヨドコウ様の防災関連商品を取り入れ、どの災害に備えられるか分かりやすく伝わるように試みました。