（株）イマダ 様 製品サイトリニューアル

サイトリニューアルに伴いリードジェネレーション、リードナーチャリングへの強化、コンバージョンへのアシスト改善といったKPIを達成するためのご提案を求められました。
・どこに何があるかわからないのでUIを改善したい
・製品数が多いために、ユーザーさんが自分に合った製品がわかりにくい
CMSでは、
・WordPressのセキュリティが心配
・WordPressの機能ではやりたいことができない
・管理画面が使いにくい
などの課題をお持ちでした。

製品数が多かったので少ないクリック数で情報にたどり着けるナビゲーション設計は注力したポイントです。
画面左側に収納したサイドナビゲーションで製品詳細まで表示することでTOPページからユーザーが求めている製品に移動できるように設計しました。
すでに製品名をご存知の既存ユーザー様や代理店様向けの機能として検索を実装しました。
製品詳細ではローカルナビゲーションで関連製品にもリンクを設置し、製品ページ間の回遊性を高めています。
使い方の提案をしている動画を多くつくられておりましたので、業界別、試験別、などカテゴライズし、探しやすくしました。

CMSに関してはWordPressからLaravelを使ったスクラッチ開発をいたしました。
複雑な情報更新をスピーディーに行えるよう運用業務に合った機能をオーダーメイドで実装しました。
製品やソリューションについて、ユーザビリティの改善し、製品詳細にアクセスしやすくなったことでクライアント様からもご評価いただき、KPIの達成にもつながりました。

1,000点を超える製品データと、試験別・業界別のソリューション、構成例、関連資料を一元管理する独自CMSをLaravelで構築しました。製品・カテゴリ・関連製品・動画・PDFなどの複雑な情報を管理画面から更新でき、日本語版と英語版のサイト運用にも対応しています。WordPressでは実現が難しかった製品情報の管理方法を、実際の更新業務に合わせて設計しました。

製品名・型式・カテゴリから探せる製品検索、試験別・業界別のソリューション検索、関連製品・構成例・販売終了品と後継製品の案内を実装しました。気になる製品やソリューションの保存、閲覧履歴、製品を指定したお問い合わせ、双方向に計算できる単位変換器にも対応しています。管理画面には、製品・ソリューション・カテゴリ・PDF・動画・ニュースなどの登録・編集機能を用意しました。

お問い合わせ内容をZoho側で取り込める形式に整えて送信し、Webサイトから営業管理への情報連携を行っています。製品・ソリューション動画はYouTube IFrame APIと連携してサイト内で再生できるようにし、お問い合わせフォームにはGoogle reCAPTCHAを導入しています。

製品・ソリューションなどの情報をCSVで一括入出力できるようにし、大量の商品データを効率的に更新できる仕組みを整えました。更新内容は下書き、プレビュー、承認、公開の段階に分け、誤った情報の公開を防ぎながら複数担当者で運用できます。販売終了品や後継製品も同じCMS内で管理し、日本語・英語それぞれの情報を継続的に更新しやすくしています。

ブルーやグレー系のカラーを用い、スタイリッシュで信頼感のある雰囲気でまとめました。ナビゲーションが細かく行き渡り、とにかく使いやすくわかりやすくをテーマにレイアウトしています。Go TOP用にイマダ様の自社製品である、「フォースゲージ」のイラストを作成し、動きにもこだわりました。

データの管理や更新作業等の業務オペレーションに合わせて要件定義した管理者サイトをスクラッチ開発し、お客様の運用業務の省力化・自動化を実現しました。

サイトのどこからでもアクセスできる単位変換器は精度にこだわるためお客様とじっくりと相談を重ねて実装しました。計算を一方向だけではなく双方向にすることでユーザーの利便性を高めています。