多くのかたに当社ウェブサイトを利用していただくため、アクセシビリティに配慮したウェブサイトの制作をおこなっております。
本ウェブサイトでは、JavaScriptおよびスタイルシートを使用しております。
お客さまがご使用のブラウザではスタイルシートが未対応のため、本来とは異なった表示になっておりますが、掲載している情報は問題なくご利用いただけます。

以下のリンクより、本文、コンテンツ内メニュー、共通メニューへジャンプができます。



ここから共通メニューです


 

トップページ > サービス・製品 > Webサイト構築 > Webサイト制作 実績紹介 > 「日本板硝子のエコガラス」日本板硝子株式会社様

ここから本文です

Webサイト制作 実績紹介

このページを印刷する

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

日本板硝子株式会社様

Ajaxを使った検索

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

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

 

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

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

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

画像:エコガラスサイトのキャラクターと、トップページのメインイメージ
サイト名 日本板硝子のエコガラス
公開日 2007年8月
URL http://ecology-glass.jp/
技術的な要素 Ajax、PHP、FLASH、XHTML+CSS
お問い合わせフォームへリンク お電話でのお問い合わせは050-3481-7119までお願いいたします

ここからコンテンツ内メニューです

 

ページの先頭へ戻る


ここから最下部のメニューです