株式会社NTTデータビジネスブレインズ

「日本板硝子のエコガラス」日本板硝子株式会社様

Ajaxで、カンタン絞り込み検索。複雑でわかりづらい窓ガラスの機能をシンプルにまとめました。

Ajaxを使った検索

ポイントはスムーズに絞込みができること

画像:エコガラスサイトのAjaxを利用した検索機能

クライアントである日本板硝子様のご要望は、お客様に適した機能を持つ窓ガラス製品ページへスムーズに導くことでした。
窓ガラスは、同じ機能を持つ製品が複数あるなど、製品ページを見ただけではどのガラスが自分の家に適しているのかわかりづらいため、製品の一覧から製品ページを見ていただくだけでは、サイトを離脱する可能性が高くなると考えられました。
そこでトップページでまず製品を検索していただき、製品ページへ誘導するといった流れを作ることになったのです。
ただ、単純な検索では、読み込み時のストレスがあり、スムーズとはいえません。そこでAjaxを利用した検索で試行錯誤しながら、簡単に検索ができるようにしました。
検索では、まずは窓ガラスを選択する上で、重要なポイントとなる、「新築」か「リフォーム」を選択。絞られた窓ガラスの中からさらに欲しい機能を選択します。
同じ機能を持つ製品が出てきたら、さらに欲しい機能を選んで絞り込んでいきます。Ajaxのため、スムーズに検索結果が変化し、ストレスのない検索が実現しました。
検索に使う言葉もできる限りシンプルにまとめ、ユーザーが迷わないように気を配っています。

デザインはエコを意識してやさしいイメージに

ぶなの木を意識した葉のキャラクター

エコガラスのPRポイントは、環境にやさしいこと。
エコガラスを使うことで、ぶなの木25本が1年間に吸収するCO2同様の削減効果があります。(※)
「エコガラスを利用すること=ぶなの木を植林することと同様の効果」であることをアピールするため、葉のキャラクターを利用して、CO2削減や、環境にやさしいイメージを持っていただけるようなデザインを意識しました。

画像:エコガラスサイトのキャラクターと、トップページのメインイメージ

サイト名 日本板硝子のエコガラス
公開日 2007年8月
URL http://ecology-glass.jp/
技術的な要素 Ajax、PHP、FLASH、XHTML+CSS

お問い合わせフォームへリンク。お電話のお問い合わせは05034817119