ホームページ制作実績

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

製品サイトリニューアル

1000を超える自社製品を紹介するソリューション、サービスを紹介するサイトリニューアル。工夫を凝らしたナビゲーション設計で探しやすく、スクラッチ開発のCMSでサイト運用業務の省力化・自動化に貢献しました。

クライアント名	（株）イマダ
業種	製造業
サイトのカテゴリ	コーポレートサイトシステム開発
サイトの特徴	サイトリニューアル Laravel
制作範囲	企画構成制作進行ディレクションデザインコーディングシステム CMS
制作期間	14か月
URL	https://www.forcegauge.net/

依頼内容とご要望

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

提案内容とポイント

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

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

デザイナーのコメント

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

エンジニアのコメント

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

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