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

今回、「ユーザーにサービス内容を詳しく伝えたい」というご要望をいただいたため、MVの下に「個人様向けサービス」と「法人様向けサービス」という2つのサービスページへの導線を設置しました。そうすることで、お客様がお配りしているチラシを見たユーザーが、ホームページを訪れた際にすぐに該当のサービスページを閲覧できます。

また、「個人様向け」と「法人様向け」という異なるターゲットのユーザーが迷わずに必要な情報にたどり着けるよう、アイコンイラストや色を変えることで視覚的にわかりやすく差別化しました。情報が整ったホームページにすることにより、ユーザー想いの企業であると印象づけることができ、企業としての信頼感向上につながります。

モバイルサイトでは、「電気工事士として転職を考えている方」や「電気設備技術科を卒業した後の就職先を探している方」など、特に20代の男性をメインターゲットに設定し、スマートフォンとPCの使用比率を8：2と想定しモバイルファーストで設計しております。

今回、主要な目的として「採用を強化したい」というご要望をいただきました。そのため、メインターゲットである求職者からの閲覧が特に多いモバイルサイトでは、採用ページへの導線を強化しました。具体的には、PCサイトではMVの右下に配置していた「採用情報ページ」のバナーを、モバイルサイトではMVのすぐ下に画面の横幅いっぱいに大きく配置しました。さらに、画面上部のハンバーガーメニューの横にも「採用情報ページ」への導線バナーを固定表示しております。そうすることで、ホームページを訪れた求職者が、最短導線で採用情報ページにたどり着くことができ、CV率向上につながります。

また、採用情報ページの画面下部に「採用エントリー」ボタンを横幅いっぱいに固定表示しました。そうすることで、採用情報ページを閲覧しているユーザーが、スムーズにエントリーフォームへ飛ぶことができるため、CV率アップにつながります。また、採用情報に関するナビゲーションを上部に固定表示することで、採用情報ページ内での回遊率を高め、ユーザーに採用に関する多くの情報を伝えることができます。

ホームページに使用しているお写真は、プロのカメラマンが撮影しております。実際に働かれている社員の皆様の明るい表情を引き出したお写真を使用することで、職場の雰囲気が伝わり、求職者に安心感を与える効果がございます。さらに、社員様が現場で働いている様子のお写真を使用することにより、求職者が入社後の具体的な働く姿を想像することができ、ミスマッチを減らすことにもつながります。

メインターゲットの閲覧が多いモバイルサイトのみ、「働く環境」ページに掲載されている福利厚生や教育制度の内容の一部を、トップページにも掲載しました。そうすることにより、トップページを閲覧するだけで、「働く環境」ページに掲載されている情報をより詳細にイメージすることができ、ユーザーがさらに詳しく知りたいと思うページにスムーズに誘導できます。

デザイン面では、サービスページと採用情報ページのデザインテイストを、それぞれ異なるターゲットに合わせたものにいたしました。サービスページは幅広い年代の方が見ることを想定し、20代男性がメインターゲットとなる採用情報ページに比べて、優しい色味で見やすく、明るいテイストに仕上げております。

さらに、MVの画像にお客様が拠点とされている徳島県の街並みを写したお写真を使用しました。そうすることで、地元に根付いた企業であることを印象づけることができ、徳島県に住んでいるユーザーに親近感と安心感を与えられます。

システム面では、最新情報を投稿できる「お知らせ」をオリジナルのCMSで自社開発しました。こちらのCMSでは、「お知らせ」と「採用情報」という2つのカテゴリーを、ボタン一つで簡単に設定することができるため、管理者様の負担にならずに、最新情報をカテゴリーごとに整理することができます。