CONTACT
Works

Recruit Website / Conversion-Focused Design

ÉCLAT
Recruit Site

Role

UX Research / IA / UI Design

Tools

Adobe XD / Photoshop / Illustrator

Year

2 weeks / 2026.01

Industry

Beauty / HR / Recruitment

ECLAT Hair Salon Recruit Site

01/Overview

Overview

ヘアサロンの採用強化を目的としたRecruit Siteのデザインプロジェクト。
求職者が応募前に抱える不安を軽減し、安心して応募できる体験設計を通じて、応募率向上と問い合わせ増加を目指し、親しみやすさを持ちながらも、落ち着きと信頼感を備えたブランドトーンで設計しました。

A design project for a Recruit Site aimed at strengthening hiring for a hair salon.
Designed an experience that reduces pre-application anxiety and encourages confident applications, targeting higher application rates and increased inquiries through a brand tone that balances approachability with calmness and trust.

Project Goals

  • 応募導線を最適化し、スムーズな応募行動を促進 Optimize the application flow to encourage smooth application behavior
  • 福利厚生や職場環境への理解を深め、企業理解を促進 Deepen understanding of benefits and work environment to promote company comprehension
  • 応募前の心理的ハードルを下げ、問い合わせを増やす Lower the psychological barrier before applying and increase inquiries

02/Challenge

Challenge

  • 職場の雰囲気が伝わらず、応募前の不安が大きい

    Workplace atmosphere is not conveyed, creating high pre-application anxiety

  • 待遇や制度の情報が整理されておらず比較しづらい

    Compensation and benefits information is disorganized and difficult to compare

  • 応募導線が弱く、途中離脱につながりやすい

    Weak application flow leads to high drop-off rates

Background

転職を検討する美容師は、給与や待遇だけでなく、職場の雰囲気や長く働ける環境かどうかを重視している。特に慎重に転職先を選ぶ層にとって、情報不足や複雑な導線は応募離脱の大きな要因となるため、安心感を与える情報設計が必要だった。

Hairstylists considering a job change prioritize not just salary and benefits, but also workplace atmosphere and a sustainable work environment. For those who choose carefully, insufficient information and complex flows are major drop-off factors, making reassurance-focused information design essential.

03/Approach

Approach

求職者の不安を解消しながら、自然に応募行動へつなげるUX設計を行いました。

Designed a UX that resolves applicant anxiety while naturally guiding users toward application action.

応募導線設計

Application Flow

固定CTAや明確な導線設計により、どのタイミングでも応募しやすい体験を構築

Fixed CTAs and clear flow design create an experience easy to apply from any point

情報設計

Information Design

福利厚生・給与・働き方などの重要情報を優先度ごとに整理し、理解しやすい構造を設計

Organized key information like benefits, salary, and work style by priority for easy comprehension

ビジュアル設計

Visual Design

余白とタイポグラフィを活かし、信頼感と親しみやすさを両立したUIを設計

Used whitespace and typography to design UI balancing trust and approachability

04/Design Solution

Design Solution

成果につながるよう、以下のポイントを意識してデザインしました。

The design focused on the following points to drive meaningful outcomes.

情報整理

Information Structure

情報をカテゴリごとに整理し、必要情報へ素早くアクセスできる構成に改善

Categorized information to enable quick access to key content

モバイルファースト設計

Mobile-First Design

スマホ閲覧時の可読性・操作性を最適化

Optimized readability and usability for mobile browsing

応募導線強化

Application CTA

応募ボタンを常時認識できる配置にし、コンバージョン機会を最大化

Placed application buttons for constant visibility to maximize conversion opportunities

PC

ECLAT PC デザイン

05/Outcome

Outcome

応募ハードルを下げ、応募行動につながる体験設計を実現。

Lowered application barriers and achieved an experience design that leads to application action.

  • 必要情報へのアクセス性を向上し、離脱率改善をサポート

    Improved access to key information, supporting reduced drop-off rates

  • 企業理解と信頼感を強化し、応募前の不安を軽減

    Strengthened company understanding and trust to reduce pre-application anxiety

  • 応募導線の最適化により、応募率・問い合わせ増加を支援

    Optimized application flow to support higher application rates and inquiries

Contact

Let's talk

フリーランス案件のご相談も承っております。
お気軽にご連絡ください。

Available for freelance projects.
Feel free to reach out anytime.