親子で楽しむキッズコンテンツ。
環境(エコ)をテーマにしたWEB絵本。
住友電工様のさまざまな環境(エコ)問題に対する取り組みを、子供向けに分かりやすく解説したコンテンツです。環境に対する4つのテーマを、絵本のストーリーを通して伝えます。ストーリーを読んだ後にクイズに答えてもらい、正解数に応じて、スクリーンセーバーや携帯向け壁紙などのデジタルグッズを配布しています。

- 住友電気工業株式会社

- 電線、光ファイバーなど電気部品製造。
電線の国内シェア1位。東証一部上場。 
- 大阪市中央区北浜4-5-33
プロジェクト経緯/環境(エコ)をテーマにしたキッズコンテンツを

コーポレートサイトのリニューアルにてご好評をいただき、引き続き、ブランディングに特化したスペシャルコンテンツの制作をご依頼いただきました。
子供に響くコンテンツ、そして住友電工が取り組むさまざまな環境(エコ)活動を分かり易く伝える、という意図のもとに「エコでつながるお話」が決まりました。楽しんで活動を理解してもらい、繰り返し学習してもらえるよう工夫しています。イラストを全面に使い、WEB絵本を作りました。
サイト構成/4つのストーリーで分かり易く
地球温暖化、温室効果ガスの削減、ゼロエミッション、PRTR化学物質、モーダルシフトなど住友電工が取り組む環境活動を中心に、4つのストーリーを構成しています。


- 温暖化をふせぐ
- 地球にやさしいモノづくり
- 地球を汚さない工夫
- 環境にやさしい社会づくり
ストーリーとは別にクイズコーナーを設け、各シーンの取り組み内容に関連した問題を出題しています。クイズに正解した数に応じて、サイトオリジナルキャラクターの入ったデジタルグッズがもらえるようになっています。デジタルグッズはスクリーンセーバー、塗り絵、携帯向け壁紙、パソコン向け壁紙を制作しました。
シーンを読んでいくと、最後に環境問題に対する住友電工の考え方・メッセージを表示し、環境を意識した企業であることを印象付けています。
デザイン/絵本の世界観・クラフト感


子供が親しみをもてるように、やさしい雰囲気のイラストを全面に使用し、WEB絵本として本を開いて読みすすんでいくギミックを取り入れています。絵本としての本物感を出すために、サンプルイラストを簡易製本し、一枚ごとに開くパターンを実際に写真で撮影し、そのあとで画像加工ソフトで一枚ずつ補正を行い、アニメーションを作成しています。これにより、あいまいさをデジタル上で再現し、本物っぽいページ開き感を演出しています。紙の持つクラフト感が醸成され、やさしい雰囲気を持たせることができます。
他にも、ページ外からやってくるキャラクターには棒をつけたり、糸でつりさげたり、絵本から木や鳥が飛び出すような、WEBサイトならでは演出で楽しんでもらえるようにしています。
このサイトに訪れた子供たちが、上述しているような様々な演出で、絵本の世界観・クラフト感を感じてもらい、最後までこのコンテンツを楽しんでくれたら幸いです。
システム/繰り返し読ませるための工夫

繰り返し楽しく読んでもらうために、flashクッキーをもちいて各ユーザーの閲覧データを各ユーザーのパソコン内でのみ保存する設定をしています。このことにより、絵本のシーンを読んだことを確認し、クイズを解かせたり、正解数に応じたデジタルグッズを配布できるようにしています。またシーンを読み進めるごとに、目次ページのイラストが少しづつ変化し、笑顔があふれるようになっています。


