高畠ワイナリー様のワインデータベースを開発しました。

高畠ワイナリーのワインを、種別や品種、ブランドやビンテージなどから検索できるシステムになっています。

購入可能の商品は自動でECサイトへのリンクを表示。検索結果からそのまま購入も可能です。

また受賞歴からの検索や、認証情報の表示なども行なっています。

ー

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

高畠ワイナリー様では、多くのワイン情報や受賞歴、詳細なデータを保有していましたが、それらは主に業界関係者や詳しい人向けの文脈で整理されており、一般の来訪者にとっては少し距離のある情報になっていました。

そのため、

・ワインに興味はあるが、何を基準に見ればいいか分からない
・情報量は多いのに、楽しさや選びやすさにつながらない
・滞在時間が短く、記憶に残りにくい

といった状態が起きやすくなっていました。

今回のワインデータベース開発では、専門的なデータをそのまま並べるのではなく、
「知識がなくても、自然に辿り着ける導線」を重視しています。

その結果、

来訪者は
「詳しくなくても、自分の好みや関心からワインを探せる」ようになり、
ワイナリー側としても
「情報を説明する場」から「体験として伝える場」へと役割を広げることができました。

結果として、

・専門知識がないと楽しめなかった情報構造
・情報はあるのに、選ぶ体験につながらない状態
・初めて訪れた人が置いていかれてしまう導線

といった、“分かる人だけのサイト”になってしまう課題が解消されています。

ー

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

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

こんなところにDIC
　― 情報が多すぎて、たどり着けなかったケース

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

ー

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

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

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

【インタラクション】

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

【レスポンシブ対応】

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

ー

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

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

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

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

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

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

ー

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

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

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

ー

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

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

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

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

ー