- WEB制作
- データ活用
- システム・業務DX
- 営業支援
- 業務効率化
大量製品データを「探せる・使える」Webシステムを構築
コーセル株式会社
コーセル株式会社様は、電源機器およびノイズフィルターの専業メーカーとして、幅広い産業分野を支える製品を提供されています。
同社では、シリーズ・モデル・機種と階層的に展開される膨大な製品情報を扱う中で、従来のWebサイトが情報追加を重ねた結果、構造が複雑化し、設計者が必要な情報にたどり着きにくい状態となっていました。
当社では、Webサイトを単なる製品紹介の場ではなく、設計者の課題解決を支援する「Web接客サービス」として再定義。
大量の製品データを前提としたシステム設計、更新・管理の効率化、そして高速かつ多角的な検索機能を備えたWebシステムを構築し、長期運用に耐える情報基盤を整備しました。
こうした取り組みが評価され、お客様のご支持を受けて、今回のリニューアルも引き続き当社で手がけています。
- 課題
- ・製品点数が非常に多く、情報管理や更新作業の負荷が高かった
・設計者が目的の製品・技術情報を探し出すのに時間がかかっていた
- 効果
- ・大量データを前提としたシステム構築により、効率的な情報更新・管理を実現
・多軸検索と高速レスポンスにより、設計者が必要な情報へ迅速に到達可能に
1. 「作り手都合」から「Web接客サービス」への転換
従来のWebサイトは、コーセル様ご自身が制作を重ねてきた結果、情報が継ぎ足され、全体像を把握しにくい構造となっていました。
そこで本プロジェクトでは、「設計者が何を知りたいか」「どこで迷うか」という視点から、Webサイトの役割を再定義。製品を探す・比較する・理解するまでをWeb上で完結できる「Web接客サービス」への転換を図りました。
2. 大量製品データを支える更新・管理システム
コーセル様の製品は、シリーズ → モデル → 機種という階層構造を持ち、点数も非常に多いのが特徴です。Web画面から1件ずつ更新する方式では運用が追いつかないため、当社独自のシステムを活用し、Excelを正式な製品台帳とし、CSVで一括登録・更新できる仕組みを構築しました。
これにより、新製品の追加や廃番対応も、日常業務の延長で安全かつ確実に行える運用を実現しています。
3. 社内データと連携した資料の一元管理
カタログ、取扱説明書、技術資料、動画などの関連データは、Webサーバーに個別保存せず、コーセル様の社内ネットワーク上で一元管理。Webサイト側では、当社独自のシステムを活用して、ファイルパスや名称をもとに社内管理されている最新データを参照・表示する仕組みを採用しました。
これにより、「どれが最新版か分からない」という問題を防ぎ、メンテナンス負荷の軽減と情報の信頼性向上を両立しています。
4. 高速かつ多角的な製品検索システム
設計者の利用シーンを想定し、
・型番検索（予測表示）
・製品ラインナップ
・形状
・産業用途
・絞り込み検索
など、複数の検索手段を用意しました。
さらに今回のリニューアルでは、多数のチェックボックスを用いた絞り込み検索を導入。用途・条件を選択していくだけで、候補製品がリアルタイムに絞り込まれるUIとすることで、設計者が試行錯誤しながら最適な製品にたどり着ける検索体験を実現しました。
また、大量データを高速に抽出できる独自開発の検索ロジックを採用することで、レスポンスの良い検索体験を実現。「待たずに、迷わず製品にたどり着ける」Web環境を構築しています。
5. 長期運用を見据えたWebシステム基盤
IR情報のグラフなど専門性が高いコンテンツについては、外部システムと連携し、最新情報を自動的にWebサイトへ反映しています。
更新頻度や専門性に応じて、社内対応と外部連携を適切に分担することで、継続的な運用・改善が可能なWeb基盤としました。このWebサイトは、公開時点で完成とするのではなく、製品や情報が増え続けることを前提に成長し続けるシステムとして、現在も活用されています。
6. 会社情報サイトと製品情報サイトの統合による新規顧客対応
従来は製品情報を中心とした構成でしたが、今回のリニューアルでは、会社情報サイトと製品情報サイトを統合。新規顧客にも分かりやすく「コーセルとはどんな会社か」を伝えるコンテンツを新たに拡充しました。
「コーセルとは」という入口コンテンツを設けることで、初めてサイトを訪れたユーザーが
・企業としての強み
・製品開発の考え方
・技術力や信頼性
を理解したうえで、製品情報へスムーズに進める導線を構築。
カタログ的な製品サイトから、“企業理解→課題理解→製品選定”までを支援する構成へと進化させ、新規顧客獲得を意識したWebサイトとしました。
7. 「コーセルプラス」の拡充とCMS化
もともと存在していた「コーセルプラス」を、今回のリニューアルで大幅に拡充。デザインを一新し、視認性・回遊性を高めるとともに、CMSを組み込むことで、コーセル様ご自身で情報更新が行える仕組みを構築しました。
コーセルプラスでは、
・ノイズ対策などの技術解説
・課題解決型の事例紹介
・技術資料・動画コンテンツ
など、設計者や技術者にとって「役立つ情報」を体系的に発信。
マーケティング用途としての活用だけでなく、製品情報とも連携しながら、「困りごとから解決策、そして製品へ」自然につながる情報設計を行っています。
また、アクセス解析を導入し、どのコンテンツが読まれているか、どの導線で製品ページへ遷移しているかといったユーザー行動を可視化。データをもとにコンテンツの改善や追加を行える仕組みとすることで、“作って終わり”ではない、継続的なマーケティング活用を可能にしています。
CMS化により、タイムリーな情報発信と継続的なコンテンツ拡充が可能となり、長期的な顧客接点を育てる情報基盤として機能しています。