WORKS：これまでの事例

インタラクティブマップ制作事例｜化学メーカーの製品をわかりやすく伝えるWebコンテンツ

こんなところに！DIC

こんなところに！DIC

DIC株式会社様の「こんなところに！DIC」ページの開発を担当いたしました。

本事例は、化学メーカーの製品や技術を「生活とのつながり」で直感的に伝える
インタラクティブイラストマップの制作事例です。

複雑で専門的な情報を、誰でも理解できる形に整理し、
Web上で触って理解できるコンテンツとして設計・開発しています。

【インタラクション】

・イラストマップ内のキャラクターや乗り物をアニメーション化.
・マウスやタッチ操作で自由にマップを拡大縮小できます。

【レスポンシブ対応】

・スマートフォン / タブレット対応対応。
・マップの拡大縮小・パン操作に対応.

ー

開発結果：結果として、こんな状態が解消されました

DIC様が持つ技術や製品情報は非常に多く、専門性も高いため、従来は「どこを見れば自分に関係する情報にたどり着けるのか分からない」という状態が起きやすくなっていました。

特に、初めてサイトを訪れる人や、素材・技術に詳しくない検討者にとっては、情報量そのものがハードルになってしまう場面もありました。

そこで、「生活シーンから入る導線」を設計し、製品と用途の関係をイラストマップ上で可視化しました。

ユーザーは直感的に興味のある場所を選び、関連する技術や製品情報にアクセスできます。

結果として、
・情報が多すぎて伝わらない状態を解消
・初見ユーザーでも迷わず情報に到達
・理解が進んだ状態で問い合わせにつながる構造を実現
といった、大規模サイト特有の“届かない問題”が解消されています。

ー

インタラクティブイラストマップ制作について

・製品と生活の関係をわかりやすく伝えたい
・複雑な事業構造を整理したい
・初見ユーザーにも理解されるサイトにしたい

このような課題に対して、
インタラクティブマップという形で解決します。

ー

「詳しい人しか使えない仕組み」を、「誰でも触れる入口」に翻訳する。

こうした考え方で進めた事例があります。

三協フロンテア：簡単シミュレータ
　― 「詳しい人だけが使うツール」から「誰でも触れる入口」へ

高畠ワイナリー ワインデータベース開発
　― 専門的な情報を、楽しめる体験に翻訳したケース

ー

TOPへ