電子磁気工業様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回の新たな試みとしては、ホームページをお客様のパンフレットとして使用できるよう、すべての製品ページに印刷機能を導入いたしました。さらに、製品の写真や特徴だけでなく、より豊富な情報が伝わるよう、動画で使用方法を掲載することで、ユーザーにとって使いやすく安心感を与えるコンテンツとなっております。

また、PC用サイトではメガメニューを採用しページ上部に固定表示することで、ユーザビリティを意識した設計を行いました。メインコンテンツはサムネイル付きで配置することで、訴求コンテンツを自然と際立たせつつ、情報の優先度にメリハリをつけるよう、細部までこだわっております。

ほかにも、お客様はテクニカルな製品を取り扱っているため、主要製品のうち専門知識が必要なものにはさらに下層ページを設け、技術やその原理について詳しく解説しております。それにより、幅広いユーザーからお問い合わせしていただけるだけでなく、独立したページを設けているためSEOにも効果的なコンテンツとなっております。

モバイル用サイトでは、ハンバーガーメニュー内のメインコンテンツに画像を用いて大きく見せる形で配置しております。それにより、コンテンツの訴求効果を高めつつ、タップエリアが拡張されユーザビリティにも配慮した設計にいたしました。また、スマートフォン用に言語選択ページを新たに追加することで、日本人ユーザーにはコンパクトに表現でき、海外ユーザーも使いやすいよう工夫しております。

また、スムーズにお問い合わせをしていただくため、製品ページから問い合わせページに進んでいただくと、フォーム内の製品名が自動入力されるシステムとなっております。設計デザインからシステムまで社内一貫体制で、臨機応変に柔軟なご対応が出来るのも弊社の強みの1つです。

旧サイトとの比較としては、製品情報が羅列されただけで、それぞれの製品の良さが伝わっていなかった製品コンテンツを一新いたしました。具体的には、検査内容や動画による解説を配置しコンテンツの拡充を行うことで、製品の違いや特徴をわかりやすく表現し、様々なユーザーにより詳しい製品情報を知っていただけるよう工夫いたしました。

デザイン面では、すっきりとしたホワイトをベースカラーに、優しいブルーをアクセントカラーに使用し、全体的にシンプルに仕上げました。お客様のロゴに使用された斜めデザインを活かし、メインビジュアルやタイトル部分などポイントで斜めカットの要素を取り入れ、スタイリッシュなデザインにしております。

さらに、メインビジュアルに斜めのカット加工をした動画を配置することで、トレンド感を演出いたしました。また、親しみやすいデザインを意識し、曲線の型抜き写真をポイントで配置しております。リニューアル後は「デザインが素晴らしく、SEO対策も強化されこれからが楽しみです」と喜びの声をいただいております。

システム面では、お客様がブラウザ上で簡単に更新していただけるよう、お知らせと製品ページにCMSを取り入れております。そのため、ホームページ公開後も継続してコンテンツを増やすことができ、SEOを強化しつつ、CVをアップさせるためのツールとしてご活用いただけます。