Case Study — Recruiting Landing Page
U24
六本木の新店舗で、初めて夜の仕事に挑戦する24歳以下の女性に向けた採用LP。
求人ページではなく「ブランドページ」として見せることで、
未経験者の不安を和らげながら応募へつなげる設計を行いました。
02
Overview
- Background制作背景
- 六本木の新店舗オープンに伴い、一期生となる未経験キャストを募集するための採用LPを新規制作。
- Challenge課題
- 一般的な夜職求人は派手な演出や待遇訴求が中心で、未経験の若い女性にとっては「怖い」「自分には無理」と感じやすい。
- Goal目的
- 求人感を抑え、ブランドページのような第一印象をつくること。不安を段階的に解消し、LINE相談への心理的ハードルを下げる。
- Targetターゲット
- 夜の仕事が初めての、24歳以下の女性。
- Scope担当範囲
- 構成・情報設計 / ビジュアル設計 / PC・SPデザイン / コーディング / テキスト・画像選定
03
Design Concept
Concept
六本木で、
未経験から育つ。
高級感を保ちながら、夜職特有の派手さを抑え、
20代女性が応募しやすいトーンを設計。
未経験であることを弱点ではなく「可能性」として捉えられるよう、
給与や待遇を最初から強く押し出すのではなく、
働く環境や人との関わりを先に見せる構成としています。
Color
- Deep Navy#040816
- Blue Light#3372C1
- Champagne#A4925C
- White#FFFFFF
煌びやかさではなく、静けさと透明感。ネイビーの闇に青い光を差し込み、落ち着いた高級感をつくる。
Typography
明朝体 — 六本木で、育つ。
Serif — CONCEPT / WHY FABRIC
和文・欧文ともに細身のセリフ体で統一し、縦組みのコピーで余韻を持たせる。装飾に頼らず、文字と余白で品位を伝える。
Design Intent
- Quiet派手な求人表現を避け、光と余白で見せる
- Real待遇訴求ではなく、接客や指導の空気感が伝わる写真
- Trust不安 → 理解 → 相談の順で読み進められる情報設計
04
Web Design
大きな人物ビジュアルと最小限のコピーで、一般的な求人LPとは異なる、ブランドサイトのような第一印象を設計。
Page Structure
- 01CONCEPT
- 02WHY FABRIC
- 03FOR BEGINNERS
- 04FLOW
- 05RECRUIT
Design Points
-
興味 → 応募までのストーリー設計
CONCEPTでブランドを理解し、WHY FABRICで働く価値を知り、FOR BEGINNERSで不安を解消。その後FLOW・RECRUITへ自然に読み進められる順序に。
-
待遇より「環境」を先に見せる
給与を冒頭で押し出さず、接客や指導の様子を写真で伝えることで、求人ではなくブランドとしての信頼感をつくる。
-
迷わせないLINE導線
ファーストビューとコンテンツの区切りに同じ形のLINE相談ボタンを配置し、「応募」ではなく「相談」として一歩目を軽くする。
05
Design Details
01
CONCEPT
縦組みのコピーとヘアメイク中の写真で、「育てる店」というメッセージを静かに伝える導入。
02
WHY FABRIC
4つの魅力を写真とテキストの左右交互配置で展開。大きな番号で読み進めるリズムをつくる。
03
FOR BEGINNERS
「未経験は、弱みではなく可能性。」研修や指導の場面を見せ、未経験者の不安を具体的に解消する。
04
FLOW
LINE相談から本入店までを4ステップで可視化。「次に何が起こるか」が分かることで応募の不安を下げる。
06
Responsive Design
PCのビジュアルの印象を保ちながら、スマートフォンでもメッセージが自然に読み進められるよう、文字サイズ・余白・画像配置を再設計。
First View
Concept
Why FABRIC
For Beginners
Series Development
U24で設計した「求人感を抑え、ブランドページとして見せる」トーンと応募導線は、 その後のFABRIC LOUNGE採用LPシリーズにも展開しています。
