TOPお役立ち情報採用サイトのスマホ対応したデザインの特徴
就活コラム

採用サイトのスマホ対応したデザインの特徴

この記事を読むとわかること

  • 採用サイトを企業サイトと分けて制作する理由
  • 採用サイトでデザインが重視される背景
  • 求職者に好印象を与える採用サイトの特徴
  • スマホ対応(レスポンシブデザイン)の重要性
  • 採用サイト制作で意識したいユーザー視点の考え方

採用サイトを作成する前に

はじめになぜ採用サイトを作成する必要があるのかをご説明致します。なぜ企業サイトと別で採用サイトを作成する必要がるのか?それは成果が出やすいからです。現在の仕事探しの主流はインターネットになります。

 

一般職業紹介状況は厚生労働省によると仕事探しに利用した情報源はインターネット(PC・携帯・スマホ)を利用した割合が60.2%となっています。(公共職業安定所における求人、求職の状況。新規学卒者を除きパートタイムを含む)今の仕事探しは、人口の半数以上がインターネットで探している割合が多いと言っても過言ではありません。それに求人誌や求人チラシで調べていても興味を持てばネット検索して企業の詳細な情報を調べます。

 

採用サイトを作成をせずに、企業サイト内の採用情報ページを宣伝することも可能ですが、求職者に必要のない情報が頭に入っているとその情報が邪魔になってしまい応募の確率が落ちてしまいます。応募の確率が低ければ低いほど、かけた広告費が無駄になってしまいますのでコストがかかってしまいます。それに、採用サイトを持っている会社と持ってない会社が比較されたら、当然採用サイトを持ってる会社が選ばれてしまいます。

 

可能であれば、必要最小限のコストで応募を獲得したいと考えると思いますし、優秀な求職者からも選ばれるようにしたいと考えるため、採用サイトを作る必要性を感じ、採用サイトを作っている企業が年々増えているということになります。よって、採用サイトは企業様にとって優秀な人材を確保する為に重要な役割を果たします。

採用サイトのデザインの重要視

次に考えなければいけないのが、採用サイトを作成している企業が年々増えてきているので、閲覧しているユーザー(新卒・求職者)の事を考えたサイトやデザインが重要になってきます。

 

例えば、同じ職業・同じ業務・同じ給料・同じ福利厚生も全て同じの会社名だけが違うA社とB社があるとします。

 

・A社が特徴的な惹きつけられるようなデザインの採用サイト
・B社がどこにでも見る普通のデザインの採用サイト

 

どちらの会社に興味を持ちますでしょうか?大半の方は、A社に興味を持つと思います。なぜなら良く見えるからです。閲覧しているユーザーはWebサイトを開いて0.1秒で、そのサイトの印象を判断し、そのサイトを見続けるか・閉じるかを決めると言われていますので、B社のようなどこにでもあるような普通のデザインの参考サイトでは、興味を持つ以前に見てもらえずに終わってしまうのです。なので、採用サイトでは、優秀な人材を多く確保する為にデザインが重要になってくるのです。

採用サイトのデザインの特徴

一言で言いますと凝ったデザインのサイトが多いです。なぜ凝ったデザインのサイト多いのか?それはユーザーはWebサイトを開いて0.1秒で、そのサイトの印象を判断し、そのサイトを見続けるか・閉じるかが大事になってくるからです。ユーザーが普段何気なく見ているインターネット上では、同じWebサイトでも第一印象によってユーザーが「このサイトが気になる!見てみたい!」と思うサイトと、瞬時に閉じられてしまうサイトがあります。

 

また、Webサイト自体の第一印象も、人が人と初めて出会った時の第一印象と同じく印象が良ければその人のことが長く脳裏に焼きつきます。逆に悪い印象を与えてしまうと一度決まった印象は覆すのが難しいとされています。今回の場合、初見の印象によってそのサイト全体の評価が決まります。

 

ユーザーの方は次から次へと採用サイトを見ていくため、パッと見で面白そうという印象を残さないと、すぐに他のページに飛ばれてしまうのです。仕事の魅力や事業の将来性などを、前向きな感情と結びつくようなデザインで表現されていると、魅力ある会社に思ってもらえます。2018年の現在では、シンプルで使いやすく、遊び心があるようなサイトが求められています。

スマホ対応した採用サイトのデザインの特徴

近年では、パソコンを使用せずにスマートフォンでインターネットを閲覧している方が多いので、採用サイトも*レスポンシブウェブデザイン対応をする必要があります。*閲覧者の画面サイズまたはウェブブラウザに応じてデスクトップウェブページが閲覧できることを目指したウェブデザインの手法。

 

フリック操作(タッチスクリーン操作)などのスマートフォンならではの操作にも対応しているのも大きな特徴です。通常、スマートフォンサイトではスクロール方向は上下のみとなっていますが、左右にフリックすることで別メニューを表示したり、タブを切り替えたりすることができ、パソコンと違い限られた操作なのですが、その中に遊び心がある事が重要となってきます。

 

スマートフォンではゲームをしている方が多いので、PCの採用サイト同様に遊び心があるデザインが良く見られる特徴となります。ですが単に遊び心を出しすぎてしまい、会社の説明が一向に頭の中に入っていなければ採用サイトとして本末転倒になりますので、バランスが必要となってきます。

 

PCでは文字が横に配置されていたものもレスポンスシブ対応をした時は真ん中に配置するなどの細やかに見せて、しっかり会社の説明を頭の中に入れてくようにデザインしなければなりません。その為、近年多いデザインの特徴としては、アニメーション→会社の説明→アニメーションなど交互に繰り返しユーザーが閲覧していてても飽きないようにしつつ、会社の説明を入れてしっかり頭の中の入れていくというデザインが特徴となってきます。

最後に

デザインの特徴はお伝えしましたが、このデザインにした方が良いというのはありません。あくまで特徴をお伝えしただけで時代毎のトレンドもあると思いますので、一番大事なのはその時代に沿った人の特徴を知り、どのようなものが興味を持ちそうなのか人の考えを知る事が大事になってきますので、しっかり相手の事を考えていきましょう。

よくある質問

Q

なぜ採用サイトを別で作る必要があるのですか?

A

企業情報と採用情報を分けることで、求職者が必要な情報に集中しやすくなり、応募につながりやすくなるためです。

Q

採用サイトでデザインが重要と言われる理由は何ですか?

A

記事では、ユーザーがサイトを開いた瞬間に第一印象を判断すると説明されており、興味を持ってもらう入口としてデザインが重要とされています。

Q

採用サイトにはどのようなデザインが多いですか?

A

シンプルで使いやすく、遊び心やアニメーションを取り入れたデザインが多い傾向にあると紹介されています。

Q

スマホ対応の採用サイトで重要なポイントは何ですか?

A

フリック操作や画面サイズへの最適化など、スマートフォンで見やすく操作しやすい設計が重要とされています。

Q

採用サイトで遊び心を入れる際の注意点はありますか?

A

デザイン性だけを重視しすぎると、会社説明が伝わりにくくなるため、情報の分かりやすさとのバランスが必要です。

Other Column

その他のお役立ち情報

社長コラム

採用サイト 2026年卒向けは先手で準備した企業が制す -2026年卒の新卒採用に向けて-

社長コラム

採用サイトを作りたい人必見!【参考事例を紹介】

社長コラム

【2025年卒】採用サイトのデザイントレンドとなるものは?

社長コラム

採用スケジュール【2025年卒】の組み方を解説!新卒採用で企業側が準備することは?

社長コラム

採用サイト 2025年卒向けは転換期-2025年卒の新卒採用に向けて

社長コラム

採用サイト 2023年卒向けは急げ-2023年卒の新卒採用の動きから-

社長コラム

採用サイト2022年卒向けは必要か-2022年卒の新卒採用の動きから-

社長コラム

2021年卒採用サイトの必要性-新卒採用動向から-

社長コラム

令和を代表する企業になるプラットイン

社長コラム

2020年卒の採用サイト制作について

社長コラム

プロシューマー(生産消費者)社会の到来か

社長コラム

社員採用する意味について考える

社長コラム

求人カタログの運営を通して

社長コラム

2020年卒の新卒採用活動について

お役立ち情報 採用について

採用がうまくいかない理由とは?

お役立ち情報

採用動画の効果は?応募を増やす作り方と成功事例

お役立ち情報

採用ブランディングとは?目的、方法、事例を解説

お役立ち情報

採用サイトとは?目的・必要性、効果的な活用方法を解説

就活コラム

就活が終わったらやるべき4つのことと後悔しない時間の使い方

就活コラム

銀行に転職したい!必要な資格やスキルとは?

就活コラム

人事経験者が伝える「面接が怖い」と感じるときの対処法

就活コラム

就活が嫌すぎてつらい人に送る前向きになれる言葉

就活コラム

小売の転職であると有利な資格の種類と取得方法

就活コラム

内定者研修の欠席連絡をするときの注意点とその後の対応

就活コラム

未経験者必見!ゲーム会社インターンおすすめ6選【規模別紹介】

就活コラム

プレミアムフライデーが根付かなかった4つの理由

就活コラム

採用サイトの社員紹介ページから社風を知れる!

メンバーコラム

2020年プラットイン新卒入社式inほっともっとフィールド神戸

就活コラム

ホテル業界へ就職するために身につけておきたいスキル3選

就活コラム

面接の時間帯は合否に関係するのか

就活コラム

お寺の採用ってどうしてる?お寺で働く方法とは

就活コラム

大学生必見!学内就活講座は受けるべき?流すべき?

就活コラム

内々定承諾書の提出期限が迫ってる!延期の方法や返信の仕方とは?

社長コラム

スプリットスクリーンレイアウトデザインの企業サイト

就活コラム

美大出身学生のエントリーシートの書き方

就活コラム

就職活動が辛くなってきた。就活鬱の症状と対処法

就活コラム

「直接応募」とはなにか?プロが伝える!

就活コラム

入社式のスーツで気を付けることは?

就活コラム

直接応募は採用サイト活用で一石二鳥!

就活コラム

直接応募か就職エージェント活用 決めるポイントは?

就活コラム

直接応募で就活は変わるのか

就活コラム

直接応募が企業にもたらす効果とは?

就活コラム

社歌はいらないのか?社歌を制作して社歌を考えてみた

就活コラム

内定を複数貰った時の対応ガイド

就活コラム

エアライン業界のキャリアパス制度を紹介!

就活コラム

経験者が語る!-塾の事務、受付業務の仕事について-

就活コラム

色彩検定保持者が語る!「色」が就職において役立った経験談

就活コラム

グループディスカッション対策!【抽象的テーマ型GD編】

就活コラム

会社訪問に早く着きすぎた時の有効な時間の使い方

就活コラム

採用ツール制作で他社と差をつける効果的な4選-学生の心を掴む-

就活コラム

採用サイトのコンテンツ-自社の色を出す-

就活コラム

新卒採用サイトランキング-学生編集部厳選!-

就活コラム

ランキングで見る!就活の役に立てられそうな人気アルバイト20

就活コラム

採用サイト2018を1000社以上見て感じたこと

就活コラム

採用サイトのデザインを分析!特徴とは

就活コラム

新卒採用サイト2019年版をこれから制作される方へ

就活コラム

採用サイトが増えた2017年!これからも増加傾向か?

就活コラム

リクルートサイトを2000社近くまとめて気付いた特徴

社長コラム

採用マーケティングが必要な時代

社長コラム

直接応募を推奨するプラットイン

社長コラム

横スクロールの採用サイトでプラットインを伝える

お役立ち情報

【ホームページ制作会社おすすめ10選】目的別比較と制作ポイント

お役立ち情報

ホームページ制作はどこに依頼すべき?費用と成果の違い

お役立ち情報

Webサイト制作会社の選び方で見落としがちな落とし穴

お役立ち情報

かっこいい企業ホームページの作り方で分かるデザインの差

お役立ち情報

センスのいい企業ホームページ事例で分かる成果が出るデザインの共通点

お役立ち情報

採用サイトは本当に必要か。役割と求人媒体との違いを解説

お役立ち情報

企業ホームページ作成は外注か自作か?費用・手間・成果の違い

お役立ち情報

Webサイト制作会社の選び方と見落としがちな5つの盲点

お役立ち情報

会社ホームページ制作とは?作り方・費用・外注判断まで失敗しない進め方

お役立ち情報

採用サイトで応募数は増える?採用ブランディングとの関係と効果

お役立ち情報

採用サイトの相場とは?費用の目安と価格が変わる要因を整理

お役立ち情報

採用ブランディングとは?目的と設計方法の基本知識入門ガイド

お役立ち情報

【採用サイト制作の始め方】全体の流れと必要な準備・構成