北研エンジニアリングさま
水処理関連をはじめ、幅広く事業をされている北研（ほっけん）エンジニアリングさまのサイト。
このサイト作りで解決すべき問題は大きく２つありました。
このサイトはリニューアルだったのですが、以前そのサイトを管理しておられた社員の方がおやめになったとか。ヒロテックへお問合せいただいたときは、ホームページを更新することができず、お困りでした。
ウェブ担当者が退社してしまい、サイトの更新がままならない・・・
これは大変よく見受けられる現象です。
もう１つの問題は、北研エンジニアリングさんは水処理関連の工事施工から、空調工事、マンション管理、福祉用具のレンタルまで幅広く行っている会社ですが、サイトでは、どの事業をメインにするかということでした。
「幅広くやっている」ことを告知するのが目的なら、すべての事業の紹介を出せばいいのですが、
サイト制作の目的は・・・ずばり・・・・営業マンになれるホームページ作り
だったので、核となる事業体を決めることが大事になってきます。
この２つの問題を解決すべく、サイト作りが始まりました。
まずはメインとなる事業選び。今回、選ばれたのは「給水管洗浄」と「エコバルブ」事業。
それらの事業に興味のある方から問い合わせを受けるには・・・という視点からサイト作りが始まりました。
更新作業のほうは、幸い、北研エンジニアリングさまの意識はとても高かったので、Movable Typeを使えば大丈夫だと思われました。
メイン事業の紹介ページは、まるで営業マンが実際に事業の説明を行っているくらい詳しく、わかりやすくをモットーにしました。
１ページがとても長くなること、ホームページという公開された媒体においてどこまで詳しくできるか
この２点が問題でしたが、
前者はスムーズスクロール機能・・・ページ内ジャンプでページがするするっと動くもの・・・を使って操作性をクリアすることにしました。
ページ内スクロールで一気にジャンプしてしまうと、閲覧者がどこにいるかわからない迷子状態になってしまいますが、この機能を使うことで、ページが上下したんだな、ということが体感でわかるので、ナカナカいいスクリプトでした。
ヒロテックでは、今回、はじめてこのスムーズスクロール機能を使用。これからも使って行きたいと思っています。
公開してもいい説明の程度については北研エンジニアリングさんが各所に問い合わせいただいたり、他のサイトを見たりして、非常にしっかりとしたデータを用意していただきました。
動画もいろいろお持ちだったので、フラッシュ動画に加工し、各所に挿入することもできました。
※この記事の一番最後にメイン事業ページを表示しましたが、そのページの長さから、説明の丁寧さが体感できると思います。
お問合せについては、一般お問合せと現場見学会（日程提示の必要あり）の申し込みを兼用しようということになり、自動的に１週間後～３ヶ月後の日程が表示されるツールを使用しました。
日程のメンテナンスも不要になり、大変便利だと思っています。
リニューアル早々、お問合せも舞い込んでいるようで、制作側としてはホッとしています。
↓給水管洗浄ページ | ↓エコバルブのページ |
