CLIENT WORK / 2026

GINZA AKANE CAREERS

銀座「茜」の公式ブランドサイトとは役割を分け、 採用という目的に特化して設計・制作したリクルートメントサイト。

ABOUT

銀座「茜」の採用サイトを設計・制作。

今回のプロジェクトでは、 公式ブランドサイトの中に採用情報を混在させるのではなく、 採用という目的に特化した独立したWebサイトとして構築しました。

公式サイトが担うのは、 長く培われてきた茜の品格と、 ラグジュアリーな世界観を伝えること。

採用サイトが担うのは、 これから茜を知る人に、 働く場所としての空気や文化を、 より近い距離から伝えること。

POSITION

一つのブランドに、
一つのWebサイトである必要はない。

同じブランドであっても、 訪れる人、訪れる理由、必要とする情報、 そして求められる距離感は異なります。

その違いを一つのWebサイトの中で調整するのではなく、 それぞれの役割そのものを分けることから設計を始めました。

ONE BRAND / TWO ROLES

01

OFFICIAL

BRAND WEBSITE

ブランドの世界観、歴史、空間、 品格を伝える公式サイト。

  • Brand
  • History
  • Space
  • Luxury

02

CAREERS

RECRUITMENT WEBSITE

働く場所としての空気、環境、制度、 文化を伝える採用サイト。

  • Recruitment
  • Culture
  • Workplace
  • Reach

公式サイトでは、ブランドへの「憧れ」を。

採用サイトでは、働く場所としての「親和性」を。

REACH

採用サイトでは、 検索からの流入だけではなく、 SNSからのリーチを前提とした情報設計を採用。

SNS上で初めて「茜」を知った人が、 そのままスマートフォンでサイトを訪れ、 店の空気を知り、 働く環境を理解し、 募集要項から応募へ進む。

その一連の流れを、 一つの採用体験として設計しています。

ブランドとしての品格は残しながら、 公式サイトよりも少し柔らかく、 少しカジュアルに。

世界観を変えるのではなく、 伝える相手に合わせてブランドとの距離を変える。

EXPERIENCE

働く前に、
まず、知ってほしい。

  1. 01 条件を見る
  2. 02 店の空気を知る
  3. 03 働く環境を知る
  4. 04 制度を知る
  5. 05 文化を知る
  6. 06 応募する

給与や待遇だけを並べる求人ページではなく、 応募する前に「ここで働くこと」を想像できる構成へ。

店舗の空気、働く環境、制度、 そして「茜」という名前の由来まで。

情報を読む順番そのものを、 採用コミュニケーションとして設計しました。

SYSTEM

共通化するのは、
ブランドではなく設計思想。

Webサイトは、 WordPressの親テーマと子テーマを分離して構築。

親テーマ「Mythos Core」には、 レイアウト、コンポーネント、 ナビゲーション、ページ構造、 レスポンシブ設計など、 ブランドが変わっても共有できる基本構造を定義。

子テーマ「Akane Careers」には、 写真、色、タイポグラフィ、コピー、 採用情報など、 茜の採用コミュニケーションに必要な表現を配置しています。

完成したデザインを複製するのではなく、 変わらない設計思想を構造として残し、 目的に応じて表現を変える。

THEME ARCHITECTURE

MYTHOS CORE
Parent Theme / Layout / Components / Navigation / Responsive Structure
AKANE CAREERS
Child Theme / Brand Color / Typography / Photography / Recruitment Content
SHARED
Design Principles / Structural Foundation / Component Logic
SEPARATED
Brand Expression / Content / Visual Tone / Communication Distance

TECHNICAL SPECIFICATION

FRAMEWORK

Original WordPress Theme
Parent / Child Theme Architecture
Mythos Core Theme Framework
Recruitment-Specific Child Theme
Template-Based Architecture
Section-Based Page Structure

BRAND ARCHITECTURE

Official / Careers Site Separation
Purpose-Based Website Architecture
Brand / Recruitment Role Definition
Independent Recruitment Communication
Cross-Site Brand Consistency
Separate Domain Structure

DESIGN SYSTEM

Typography-First Design
Whitespace-Driven Layout
Editorial Visual Hierarchy
Responsive Design
Brand-Specific Color System
Photography-First Presentation
Consistent Vertical Rhythm

CSS ARCHITECTURE

Component-Based CSS
Global Design Tokens
Base / Layout Separation
Page-Specific CSS Isolation
Reusable UI Components
Parent / Child Style Inheritance
Scalable Stylesheet Structure

USER EXPERIENCE

SNS Reach-Oriented User Flow
Mobile-First Recruitment Experience
Recruitment-Focused Navigation
Information Priority Design
Minimal Interaction Design
Application-Oriented CTA Structure
Brand-Aware User Journey

CONTENT STRUCTURE

Introduction
Brand Message
Work Environment
Gallery
Recruitment Information
Benefits / Support
Brand Story
Application
Contact

PERFORMANCE

Lightweight Vanilla JavaScript
WebP Image Assets
Optimized Asset Loading
Component-Level Stylesheets
Reduced Front-End Dependency
Responsive Image Presentation
SEO-Ready Foundation

CUSTOMIZATION

Typography
Color Palette
Photography
Hero Layout
Recruitment Copy
Section Order
CTA Components
Navigation
Footer
Social Links

TECHNOLOGY

WordPress
PHP
HTML5
CSS3
Vanilla JavaScript
Responsive Web Design
WebP

DEVELOPMENT PRINCIPLES

Role Before Integration
Structure Before Styling
Brand Consistency Without Uniformity
Content Before Decoration
Mobile Experience First
Reusable Components
Maintainable Codebase
Long-Term Operability
Purpose-Driven Design

VERSION

GINZA AKANE Careers
Akane Careers Child Theme
Mythos Core Parent Theme
Designed & Developed by INCONNECTZERO

CONCLUSION

One Brand.
Different Roles.

ブランドを一つのWebサイトに詰め込むのではなく、 目的ごとに役割を与える。

公式サイトでは、 ブランドの世界観を守る。

採用サイトでは、 その世界に入る人との距離を縮める。

同じ「茜」を伝えながら、 同じ伝え方をしない。

誰に、何を、どの距離から伝えるのか。

その役割を明確にすることで、 それぞれのWebサイトが本来担うべき コミュニケーションを成立させました。