← WORKS

Web Design / Recruitment

FABRIC Recruiting

Staff Recruit / Cast Recruit

Client
FABRIC LOUNGE
Year
2026
Category
Recruitment Website
Role
Web Design / UI Design / Coding
FABRIC STAFF RECRUIT(黒)と CAST RECRUIT(白)のファーストビュー

02

Project Overview

Overview

FABRIC LOUNGEの採用サイトとして、STAFF RECRUITとCAST RECRUITの2つのWebサイトを制作。

同じブランドの高級感と世界観を保ちながら、採用ターゲットに合わせてビジュアル・配色・写真・情報設計をそれぞれ最適化し、 STAFFとCAST、異なるユーザーに向けた2つの採用体験を設計しました。

03

Design Strategy

Two Targets.
One Brand.

STAFF RECRUIT PC版ファーストビュー

Staff Recruit

  • Dark
  • Professional
  • Trust
  • Career
CAST RECRUIT PC版ファーストビュー

Cast Recruit

  • Light
  • Elegant
  • Refined
  • Support

01 / Staff Recruit

人を支え、
店を動かす。

店舗を支えるスタッフ採用に向け、BLACK × GOLDを基調に、信頼感・重厚感・プロフェッショナルさを感じられるビジュアルを設計。

STAFF RECRUIT ファーストビュー
  • BLACK / GOLD
  • TYPOGRAPHY
  • VISUAL HIERARCHY
  • RECRUITMENT
STAFF RECRUIT PC版 ファーストビューからConcept
Desktop — First View → Concept
STAFF RECRUIT SP版 ファーストビュー
Mobile — First View
STAFF RECRUIT SP版 ページ全体
Full Page — Mobile(スクロール)
STAFF RECRUIT MISSION / VISION / VALUES
Mission / Vision / Values — 背景のトーンを段階的に変え、理念を一続きで読ませる
STAFF RECRUIT WHY FABRIC
Why FABRIC — 大きな明朝コピーと、スタッフの写真で働く姿を具体的に
STAFF RECRUIT LOCATION 店舗一覧
Location — 店舗・空間写真で、全国に広がるブランドの規模を見せる

02

02 / Cast Recruit

あなたの魅力を、
ひとりで戦わせない。

キャスト採用では、WHITE × GOLDを基調に、FABRICらしい高級感を残しながら、上品さ・華やかさ・安心感を感じられるビジュアルへ展開。STAFFとは異なるターゲットに合わせ、より柔らかく洗練された印象に設計。

  • CAST RECRUIT
  • LIGHT
  • ELEGANT
  • REFINED
CAST RECRUIT ファーストビュー
CAST RECRUIT SP版 ファーストビュー
Mobile — First View
CAST RECRUIT PC版 ファーストビューからConcept
Desktop — First View → Concept
CAST RECRUIT WHY FABRIC
Why FABRIC — 白い余白とゴールドの影で、写真をやわらかく浮かせる
CAST RECRUIT キャストの声
Cast Voices — 経歴の異なるキャストの言葉で、自分に重ねられる理由を
CAST RECRUIT SP版 ページ全体
Full Page — Mobile(スクロール)

Design Comparison

Two Experiences.
One Brand.

STAFF RECRUIT

Staff Recruit

  • Black
  • Gold
  • Professional
  • Trust
  • Career
CAST RECRUIT

Cast Recruit

  • White
  • Gold
  • Elegant
  • Refined
  • Support

04

Design System

  • 01COLOR

    STAFF

    Black / Charcoal / Gold

    CAST

    White / Ivory / Gold

  • 02TYPOGRAPHY

    大きな日本語の明朝コピーと、字間を広げた英字タイトルの組み合わせ。両サイトで共通の書体ルール。

  • 03PHOTOGRAPHY

    STAFF

    男性スタッフ・店舗空間を中心とした重厚なビジュアル。

    CAST

    女性・接客シーンを中心とした、華やかでやわらかなビジュアル。

  • 04CTA

    「LINEで応募・相談する」ボタンは両サイトともGold。世界観が変わっても、行動の入口は共通に。

05

Full Page

Desktop — 枠内をスクロールして全体を見られます。

STAFF RECRUIT PC版 ページ全体
Staff Recruit — Desktop
CAST RECRUIT PC版 ページ全体
Cast Recruit — Desktop

FABRIC Recruiting

Staff / Cast