DEMO 002 / RECRUITMENT
仕事も、人も。
働く姿が伝わる
採用サイトに。
応募する前に知りたい、仕事内容、仲間の雰囲気、働く環境。採用サイトテンプレートは、こうした情報を写真と文章で丁寧に伝えるための構成をご用意しています。
例えば、社員紹介や数字で見る会社、募集要項など。必要な情報を選び、貴社の採用活動に合わせて制作します。
デモとサンプルは架空の企業を想定した表示例です。写真・社員情報・数値は実際の制作時にご用意いただく内容に差し替えます。
01 / CONTENT IDEAS
「ここで働く」を、
具体的にイメージできる情報を。
例えば、先輩の何気ない言葉や、一日の仕事の流れ。
求職者の「自分にもできるかな」「どんな人と働くのだろう」に答える情報が、応募を考えるきっかけになります。貴社なら何を伝えるとよいか、掲載内容から一緒に考えます。
例えば、仕事内容＋一日の流れ
入社後の自分を、想像できる。
職種名だけでは伝わりにくい、具体的な仕事や役割。実際の業務の様子を見せることで、応募者が自分の経験や興味と重ねて考えられます。
担当する仕事 / 一日の流れ / 身につくスキル
例えば、社員インタビュー＋座談会
一緒に働く人の、温度が伝わる。
入社の理由、仕事のやりがい、困ったときの支え。社員の言葉やチームのやり取りから、募集要項には載せきれない職場の雰囲気を届けます。
入社のきっかけ / 先輩の言葉 / チームの雰囲気
例えば、福利厚生＋数字で見る会社
長く働けそうか、判断できる。
制度の名前を並べるだけでなく、どう利用されているかまで。働き方や成長を支える取り組みを具体的に伝え、気になる点を確かめられるページにします。
研修・育成 / 休日・働き方 / 制度の利用例
例えば、代表メッセージ＋事業の紹介
この会社を選ぶ、理由が見つかる。
何を大切にし、どんな未来を目指しているのか。会社の想いと日々の仕事をつなげて伝え、条件だけではない共感の接点をつくります。
大切にする価値観 / 事業の役割 / これからの目標
貴社らしさが伝わる情報を、一緒に選びます。
ここでご紹介した内容は一例です。すべてを掲載する必要はありません。採用したい方や職種、用意できる素材に合わせて、必要なページと制作範囲をご提案します。
採用サイトの内容を相談する →02 / INDUSTRY SAMPLES
業種の雰囲気に合わせて、
写真・言葉・色・書体を整えます。
同じテンプレートをもとにした、8業種のメインビジュアル例です。
英字のコピーや日本語・英字のフォント、レイアウトも業種ごとに変更。例えば、医療は読みやすく、ベーカリーはやわらかく、建築は落ち着いた印象に整えています。
TYPOGRAPHY / 書体も、印象のひとつ。
同じ言葉でも、フォントで貴社らしく。
すっきりしたゴシック、親しみのある丸ゴシック、品のある明朝。制作時に日本語と英字をそれぞれ選び、読みやすさと伝えたい雰囲気に合わせて組み合わせられます。写真や配色だけでは出しにくい違いも、文字の表情で整えます。
日本語の書体を比べる
あなたらしさを、
仕事に。
Noto Sans JPすっきり・読みやすく
あなたらしさを、
仕事に。
Zen Maru Gothicやわらかく・親しみやすく
あなたらしさを、
仕事に。
Shippori Mincho落ち着き・品のある印象に
英字の書体を比べる
WORK WITH US.
Inter端正・モダン
WORK WITH US.
Oswald縦長・力強く
WORK WITH US.
Playfair Display華やか・クラシック
- 企業・人材紹介Zen Kaku Gothic New ＋ Inter
- ベーカリーZen Maru Gothic ＋ Lora
- 医療・クリニックBIZ UDPGothic ＋ Montserrat
- 製造業Noto Sans JP ＋ Oswald
- IT・システム開発標準ゴシック ＋ Barlow Condensed
- 建築・設計Shippori Mincho ＋ Playfair Display
- 教育・スクールM PLUS Rounded 1c ＋ Inter
- 美容・サロンNoto Serif JP ＋ Georgia
上の8業種で使用した組み合わせです。日本語10種類・英字9種類の選択肢から調整できます。表示環境や通信状況によっては代替書体が使われます。
写真・文章・配色・フォント・既存レイアウトを組み合わせた表示例です。業種の変更で、必要な原稿や社員情報が自動で変わるものではありません。
03 / LAYOUT COLLECTION
同じ内容でも、
伝え方を選べます。
メインビジュアルは、写真を全面に使う形から、大きな英字、丸い写真、コラージュ、写真スライドまで10種類。例えば、同じ内容でも見せ方によって印象が変わります。実際のテンプレートに用意されたパターンを比較できます。
気になる項目を開いて、ボタンで表示を切り替えてください。
見本の中をスクロールすると、そのセクション全体をご覧いただけます。画面幅に合わせて表示が変わります。
01メインビジュアル＋
写真・文章は共通です。レイアウトの違いをご確認いただくための見本です。
02想い・メッセージ＋
写真・文章は共通です。レイアウトの違いをご確認いただくための見本です。
03数字で見る会社＋
写真・文章は共通です。レイアウトの違いをご確認いただくための見本です。
04社員紹介＋
写真・文章は共通です。レイアウトの違いをご確認いただくための見本です。
05ビジョン・関連情報＋
写真・文章は共通です。レイアウトの違いをご確認いただくための見本です。
06お知らせ＋
写真・文章は共通です。レイアウトの違いをご確認いただくための見本です。
DETAIL DESIGN / 下層ページまで、伝わる構成に。
人も、制度も。
内容に合わせて見せ方を整えます。
社員の言葉が主役になるインタビュー
大きな写真を使う構成や、PCでは写真を左に固定して右で文章を読む構成など、4種類の詳細ページから内容に合う見せ方をご提案します。
制度を、具体的に伝える福利厚生
20種類の待遇・制度の見本から実際の制度を選び、説明や写真を整えます。職場の様子を伝える写真ギャラリーも組み合わせられます。
情報の量に合うコンテンツ
写真カード、アイコン付きの紹介、文章中心、大きな写真など、情報の内容に応じてレイアウトを調整します。目次やパンくずから、目的の情報に進めます。
公開後の更新も見据えて
募集要項や社員情報、新着情報など、更新したい範囲を事前に確認します。レイアウト・書体などのデザイン調整は、SBDESIGNが制作時に行います。
04 / SCOPE & CONSULTATION
必要なページと素材を確認し、
制作内容をご案内します。
テンプレートを活かして制作
例えば、用意されたレイアウトの選択、文章・写真の差し替え、配色・書体の調整など。応募したい方に伝わる順番で、情報を整理します。
ページ数・取材などは個別にお見積もり
社員紹介の人数、募集職種、必要な下層ページによって制作量が変わります。原稿作成・取材・撮影、新しい機能や独自レイアウトの追加も、必要な場合は別途ご案内します。
写真・原稿は基本的にお客様にご用意いただきます。どんな素材が必要かは事前にお伝えしますので、まだ揃っていなくてもご相談ください。