ベビー用品企業の採用LP制作（スクール課題） デザインカンプ、コーディング

https://ysrmkysrmk.cocotte.jp/

依頼内容

ベビー用品企業の採用ページ制作。

主なターゲットは転職希望者。
報酬や条件面だけでなく、TSUTSUMUが目指す世界観や価値観に共感できる人
未経験可というよりは、一定の実務経験があり、あわせてカルチャーフィットする人に向けた設計です。

制作ポイント

採用サイトとして、まず「会社の雰囲気」と「働く人の表情」が伝わることを重視しました。
そのため、「私たちについて」では社員写真を使い、理念のやわらかさや安心感が伝わるビジュアルを組み合わせています。

また、採用ブログのセクションを設けることで、採用活動の様子や社内の空気感が見える構成に追加変更しました。
応募前に会社の雰囲気を具体的にイメージしやすくする狙いです。

フッターには各事業への導線を配置し、求職者が採用情報だけでなく、企業そのものへの理解も深められるようにしました。

デザイン

中途採用向けの採用サイトとして、企業の価値観や世界観が自然に伝わるデザインを目指しました。

TSUTSUMU株式会社が大切にしているのは、

「やさしさでつつむ」
「安心できる暮らし」
「家族みんなが幸せに暮らせる世界をつくる」

という3つの軸です。
この考え方を表現するために、色・形・全体のトーンを丁寧に設計しました。

ベビー用品企業らしいやさしさは持たせつつ、産婦人科や幼稚園のサイトのように見えすぎないことも意識しています。
そのため、やわらかさの中にも企業サイトらしい印象が出るよう、配色（ピンクに寄りすぎない）やモチーフ（子供すぎない）使い方を調整しました。

デザインの中心モチーフには、企業理念の「やさしさで世界をつつむ」を連想させる“丸”を採用しています。

以下の流体シェイプには、丸がやわらかく形を変えていく印象を持たせ、やさしさや柔軟さを表現しました。

また、メインビジュアルコピーの背景では、丸の輪郭をあえてぼかすことで、やさしく溶け合うような空気感をつくっています。

人と人がぶつからず、支え合うような世界観を視覚的に表現しました。

配色

ベースカラーには肌色に近いトーンを使い、人のぬくもりや、生まれたてのあかちゃんのやわらかさを連想できるようにしました。

アクセントには、赤ちゃんのおもちゃに使われるような赤やパステルカラーを採用しています。

やさしく親しみやすい印象を持たせつつ、画面全体が単調にならないように調整しました。

また、装飾には複数のパステルカラーを使い、採用サイトとして男女どちらにも寄りすぎない、バランスの取れた印象を目指しました。

スマホレスポンシブ

スマホレスポンシブでは、限られた画面幅でも情報を見やすく、操作しやすくなるよう調整しました。

社員インタビューにはスワイパーを取り入れ、指で直感的に閲覧できる仕様に変更しています。

また、VIEW MOREボタンの配置や余白もスマホで押しやすいよう見直し、片手操作でもストレスなく回遊できる導線を意識しました。