［架空］LPデザイン制作・実装（採用サイト）

制作時間　：約 100時間
制作範囲　：情報設計・ワイヤーフレーム・デザインカンプ・コーディング・サーバーアップ
使用ツール：Photoshop・Visual Studio Code

|　制作したLP

|　要件

架空のクライアントからの依頼内容

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

・目的
LPを通して、カルチャーフィットしている人にエントリーをしてもらうこと

・ターゲット
転職希望の方、世界観に共感している人、カルチャーフィットしている人

・トンマナ
明確なブランドトンマナが決まっていないため、事業内容にあうトンマナを自由に提案して欲しい

|　情報設計

◇ デザインの方向性

 TSUTSYMU株式会社の求める人物像からデザインの方向性を考えました。

〈 求める人物像 〉
① 報酬面よりもTSUTSUMUが作っていきたい世界に強く共感してくださる方
② 各職種において全くの未経験よりは経験を重視したいが、それよりも
     カルチャー フィットしている人

カルチャーフィットする人を求めているため以下の内容をデザインに落とし込みました。

① 働いている人のイメージを持ってもらう
　・ 社員紹介とは別に社員インタビューや座談会ページを設ける
    ・ SNS（X・note）で会社の情報をUP・部署を懸け隔てて更新していく 

② カルチャーを言語化して求職者に伝える
　・ 会社理念、ミッション、ビジョン、バリューを言語化しそこから会社全体で社員が
         心がけるべき行動規範などをページに載せる
         ※TSUTSUMU株式会社ではカルチャーを言語化できている想定しています。

③ 入社してからの働きやすさで不安解消
　・ コミュニケーションの場を設け、生産性を向上させる
         オンラインランチ会など社内のイベントを定期的に開催し部署の垣根をこえた交流
       （福利厚生）
         ※TSUTSUMU株式会社では働きやすさを重視しイベント毎や研修制度が
　　　整えられていることを想定しています。

◇ ペルソナ設定

◇ ユーザーストーリー

ユーザーストーリーを上の図のように考えました。「各職種において全くの未経験よりは経験を重視したいが、それよりもカルチャー フィットしている人」を求める人物像としているため、TSUTSUMUの世界観と求職者の価値観がマッチできるようにコンテンツを配置し、働く環境と社員紹介で実際にTSUTSUMUで働くイメージを持ってもらうこと、募集要項でより深く理解してもらい、ゴールのエントリーしてもらう流れです。

|　工夫したこと

◇ 配色
　「世界をやさしさでつつむ」と企業のコンセプトからデザインのキーワードを
     ＃温かみ・温もり ＃優しさ ＃安らぎ ＃やわらかい にしました。
　 キーワードを元に＃優しさをピンクで表現、＃温かみ・温もり をオレンジで表現しました。
　 また全体的に、明度が高く、彩度が少し低めの色を選び、ふわっとした優しいような色を
　チョイスしました。

◇ タイポグラフィ
　全体的に丸みを帯びたフォントを使用し、キーワードであるやわらかさを表現しました。
   そしてTSUTSUMUが伝えたいメッセージは手書きのフォントを使用し、世界観が伝わる
   ように意識しました。

◇ 福利厚生・キャリアパス・インタビュー・座談会のコンテンツとあしらい

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

情報設計からデザインカンプ、コーディングまで一連の流れを学ぶことができました。
情報設計はクライアントが考えるターゲットや目的から具体的にペルソナを立てました。
そうすることでLPにどのようなコンテンツを入れるべきかや情報の配置にブレがなく、
納得のできるデザインになったかと思います。
また、実際に実装まで行ったことで、実装を考えた上でレイアウトを制作することが大切であると感じました。
実装がうまくいかず行き詰まりましたが、検証ツールでHTMLやCSSがうまく反映されているかを見ることで落ち着いて取り組むことができました。