【課題】「やさしさにつつまれた、幸せな世界をつくる」TSUTSUMU株式会社採用サイト（PC/SP）

制作時間：約80時間
制作期間：約3週間
制作範囲：情報設計・ワイヤーフレーム・デザインカンプ・コーディング（レスポンシブ）

使用ツール：Photoshop ・Illustrator・Atom（CSS、HTML、jQuery）

|　クライアント情報

クライアント名：TSUTSUMU株式会社

ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後パパ・ママ、家族向けのサービスも展開していく予定をしている。

|　クライアントからのご要望

◆目的

・LPを通じてエントリーしてもらうこと（採用強化のためできるだけたくさんの応募がきて欲しいが、エントリーがあれば誰でもいいわけではなく、カルチャーフィットする方に応募してもらいたい）

◆ターゲット

・転職希望の方

・報酬面よりもTSUTSUMUがつくっていきたい世界に強く共感してくださる方

・各職種において全くの未経験よりは経験を重視したいが、それよりもカルチャーフィットしている人がターゲット

◆トンマナ

ペルソナを参考にして制作をしてほしい

◆提供素材

ロゴ、必要要素（キービジュアル・私たちについて・働く環境・事業について・募集職種・メンバー紹介・エントリー・フッター）

|　デザインカンプ

|　制作におけるご提案内容

|　課題を通して学んだこと

・実装を意識したデザインを考えることが大切であること。Webサイト制作では、実装できるフォントやレイアウト、表現が限られていたり、見た目以上に実装工数がかかる場合がある。そのため、伝えたい印象（表現）と実装工数のバランスを正しく理解する必要があると感じました。

・ペルソナ設定の重要性を学びました。情報設計の段階で細かくペルソナを決めておくことでユーザーストーリーやデザインカンプを考える際に判断軸となり、スムーズに制作することができました。細部のあしらいもペルソナから決めることで全体のトンマナを揃えることができました。

|　頑張ったポイント

・FVにおける世界観の醸成。クライアントが「カルチャーフィットする方を採用したい」と強く希望されていたので、世界観の醸成にこだわりました。具体的には、サイト来訪時のロゴアニメーション・FVのキャッチコピー・メッセージです。ヘッダーは透過し、写真を全面に出すことで世界観を強く推し出しています。

・ユーザビリティを意識した実装。下にスクロールするとヘッダーが消え、上にスクロールするとヘッダーが出現するなど細部までこだわり実装を行いました。

※サムネイル画像はFreepik.comのリソースを使用してデザインされています。