架空ベビー用品会社の採用サイト制作

制作要件

■ プロジェクト概要

採用強化を目的とした採用サイト制作。
ビジョンに共感した人材からの応募を増やし、カルチャーフィットする人材の獲得を目指す。

■ クライアント情報

TSUTSUMU株式会社
ベビー用品を中心に、ママ向けコミュニティ事業やフォトブック事業を展開。
今後はパパ・家族向けサービスへと拡大予定。

■ 目的

• 採用サイトを通してエントリー数を増加させる
• 単なる応募数ではなく、カルチャーフィットする人材の応募を促す

■ ターゲット

• 転職希望者（性別不問）
• TSUTSUMUのビジョン・世界観に共感できる人
• 経験よりも価値観やカルチャーフィットを重視する人材

設定したペルソナ

ムードボード

カラー・フォント

制作したサイトはこちら▶https://tsutsumu.netlify.app/

工夫したところ

■ ペルソナ起点の設計

本サイトは、「条件ではなく価値観で転職を考えるユーザー」を想定し設計しました。

現状に大きな不満はないものの、働き方や環境に対して漠然とした不安を抱えている層に対し、安心して選べる状態をつくること を重視しています。

そのため、単なる情報提供ではなく、共感 → 安心 → 行動へとつながる設計を行いました。

■ コンセプトの一貫性

コンセプトは
「ふわふわ、だけど芯がある会社。」

ムードボードで定義した
#やさしさ #意思 #安心感 を軸に、

ビジュアル・構造・配色すべてにおいて
一貫したトンマナ設計を行いました。

■ ビジュアル設計の工夫

・やさしさと安心感の表現

柔らかい光の写真や淡い配色、余白を活かしたレイアウトにより、
直感的に「安心できる会社」である印象を設計しています。

・意思（信頼感）の担保

やさしさに寄りすぎると曖昧な印象になるため、
ネイビーをアクセントとして使用し、

また、情報の階層やセクション構造を明確にすることで、
信頼感のある設計を意識しました。

■ 構成設計の工夫

サイト全体は共感 → 理解 → 行動 の流れで設計しています。

• ファーストビュー：世界観への共感
• 私たちについて：価値観の理解
• 働く環境 / メンバー：働くイメージの具体化
• 募集職種：情報整理
• エントリー：行動喚起

特にペルソナは人や空気感を重視するため、メンバー紹介では人物写真と一言コメントを組み合わせ、感情に寄り添う設計としました。

■ 情報設計の工夫

テキスト量を抑え、カード・写真・レイアウトで直感的に理解できる構成とすることで、

読む負担を減らしながら、自然と理解が進む設計を行っています。

■ UI表現の工夫

• 働く環境：丸いデザインで柔らかさを表現
• 募集職種：アコーディオンで情報整理
• CTA：温かみのあるカラーで行動を後押し

■ 実装面での工夫

デザインだけでなくコーディングまで一貫して行い、

• 世界観を損なわない余白・サイズ調整
• トンマナに合ったアニメーション設計

など、ビジュアルと実装の整合性を意識しました。

やさしさだけに留まらず、構造と設計によって信頼感を担保することで、
共感と安心を両立した採用サイトを目指しました。