日本オフィスオートメーション様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

PC用サイトでは、画面が大きいという特徴を考慮し、実際のスタッフによる仕事風景写真を画面いっぱいに大きく配置することで、トレンド感を取り入れつつ、安心感や親近感がサイト全体から伝わるよう工夫いたしました。ほかにも、お客様のスタイリッシュなロゴを背景にさりげなくデザインとして配置することで、サイト全体の統一感を保つと同時に、お客様のオリジナリティが確立されたデザインに仕上げております。こういった自由度の高いデザインができるのは、フルオーダーメイドならではの特徴でございます。

また、「取扱製品が一覧に羅列されただけで、目的の製品を探しにくかった」旧サイトの製品コンテンツを一新いたしました。それぞれの製品を「カテゴリ分け」して製品情報の整理を行い、各カテゴリへの動線をイメージしやすいようサムネイル付きで配置しております。さらに、製品名や品番、メーカー名から製品を絞り込むことができる「検索機能」を導入いたしました。それにより、製品情報をコンパクトにまとめつつ、お探しの商品をすぐに見つけられるユーザビリティの高い機能的な製品コンテンツとなっております。また、ＣＶ率向上を目的として、メインサービスの「OA機器レンタル」ページにはカラー複合機、プリンタなどの注力している製品カテゴリを配置するなど、ターゲットの動線を考慮して、売上に繋がる綿密な設計を行っております。

さらに、ページ上部にメガメニューを固定表示することで、ユーザビリティを意識した設計を行いました。メインサービスは「OA機器」や「電気通信機器」のサムネイル付きで配置し、スペースを広くすることで、訴求コンテンツを自然と際立たせつつ、情報の優先度にメリハリをつけるよう、細部までこだわっております。

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

モバイルサイトでは、「IT関係の知識を活かせる仕事」に就きたい方や「福利厚生がよく社内の雰囲気のよい企業」を探している方など、特にリクルート目的のユーザーをメインターゲットに設定し、スマートフォンとPCの使用比率は8：2と想定し、モバイルファーストとして設計いたしました。

お客様は、新卒採用とキャリア採用のどちらにも力を入れているため、情報が入り混じっていた旧サイトの採用コンテンツを整理いたしました。今回のリニューアルでは「新卒採用」「キャリア採用」それぞれの専用ページを新設し、キャッチコピーや研修内容をそれぞれのターゲットに合わせて見せることで、求職者が必要としている情報だけを効率よく閲覧していただける採用コンテンツにしております。

採用コンテンツをスムーズに回遊いただくため、通常のハンバーガーメニューとは別途に、採用ページ専用のナビゲーションメニューをページ上部に配置いたしました。また、トップページのファーストビューに採用ページへの動線バナーを大きく配置しているだけでなく、ハンバーガーメニュー内でも目立つように設置することで、最短の動線で目的のページを閲覧いただけるよう、デバイスに合わせた設計を行っております。

さらに、“OA機器の配置だけ”を行う他社とは違い、「OA機器のレンタルから配置、メンテナンスまでワンストップで対応出来る」という他にない強みを強く押し出すことで、他社との差別化をはかりました。具体的には、キャッチコピーとしてお客様の強みを強調しているほか、円形の図を使って作業の流れをわかりやすく表現し、ワンストップのイメージを強く印象付けるための工夫を行っております。

デザイン面では、メイン商品である「オフィス機器」が映えるようホワイトとグレーの落ち着いたカラーでまとめており、全体的にすっきりとした印象に仕上げております。また、メインビジュアルを含め、ホームページ内にOA機器や実際の作業風景写真を配置することで、サイトに訪れたユーザーが一目で「オフィス機器を取り扱っている会社」とわかるよう工夫いたしました。

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