【自主制作】採用LP制作（PC/SPデザイン・実装）

§1  制作期間 / 使用ツール

• 2ヶ月（情報設計：1週間、デザイン制作：3週間、コーディング：1ヶ月）
• Photoshop / Visual Studio Code

§2  制作物

実装したサイトはこちらです⇩

https://tsutsumu-recsite.main.jp/tsutsumu/

§3  要件定義

【 クライアント情報 】
＜クライアント名：TSUTSUMU株式会社＞
ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や、家族みんなが幸せになるフォトブック事業などを展開。
軸はベビー用品だが、今後は家族向けのサービスも展開していく予定。
コーポレートサイトと採用サイトは分けている。

【 目的 】
企業のヴィジョンを理解した上で、LPを通してエントリーをしてもらうこと。

【 ターゲット 】

• 男女問わず、転職希望の方
• TSUTSUMUの世界観に強く共感できる方
• カルチャーフィットして、自分の経験を活かしたい方

【 トンマナ】
明確なブランドトンマナが決まっていないため、事業内容にあうトンマナを提案。

§4  創意工夫

【 情報設計 】

採用サイトでありながら、企業のヴィジョンをユーザーに体感してもらえる導線に設計。

【 デザインコンセプト 】

「あらゆる人が幸せを創る、ボーダレスなデザイン」
「見ると伝わる。読んだらもっと伝わる。ページを体感して共感する。」

• あしらいや配色によって世界観を統一し、LPを通してユーザーも幸せに包まれる体感をしてもらう設計。
• 写真やセクションの境目はやわらかく移行するデザインにして、つつまれる雰囲気へ。
• 男女共に興味を持ってもらえるよう寒暖両色を利用し、写真も男女が映るものを利用。
• 企業のベビー事業に対するヴィジョンが必ず伝わるように、あかちゃんと幸せな家族のイメージを使用して、子供がやさしさにつつまれて成長するストーリー演出。

§5  制作を通しての気づき

【全体を通して】

WEBページのデザインは見た目だけでなく、構成やUIが肝心です。

採用サイトでありながら、企業のヴィジョンをユーザーに体感してもらうデザインを試行錯誤しました。

【コーディング】

ユーザーに体感してもらえるようなデザインにする為に、コーディングではグリッドのCSSを使用しました。

flex boxや座標指定とはまた違った、自由度の高いレイアウトが可能になりました。