【実践課題】LP制作（デザイン/コーディング）

【目次】

①制作期間・使用ツール

②制作要件

③デザインカンプ

④ペルソナ・ユーザーストーリー

⑤ムードボード・工夫したポイント

⑥制作を通して学んだこと

----------------------------------------------------------------------------------

①制作期間・使用ツール

・制作期間：約6週間（デザイン2週間、コーディング4週間）

・使用ツール：photoshop・VScode

②制作要件

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

・クライアント情報

ー*クライアント名:TSUTSUMU 株式会社*ー

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

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

・ターゲット
1.転職希望の方
2.報酬面よりもTSUTSUMUが作っていきたい世界に強く共感する方
3.各職種において全くの未経験よりは経験を重視したいが、それよりもカルチャーフィッ　　　　トしている人
・提供情報
1.掲載予定コンテンツ
（キービジュアル、私たちについて、働く環境、事業について、募集職種、メンバー紹介、エントリー、フッター）
2.ロゴ画像  

③デザインカンプ

④ペルソナ・ユーザーストーリー

・ペルソナ

・ユーザーストーリー

⑤ムードボード・工夫したポイント

・工夫したポイント

1.ムードボード一枚でイメージ・カラー・などわかるようにまとめました。

2.ポップなイメージで、子供にかかわる採用サイトとわかるように、写真等工夫しました。

3.ユーザーがここで働きたいと思えるように離脱しないよう、情報をまとめました。

⑥制作を通して学んだこと

・ユーザーが離脱しないよう、次々と興味がわくようにそしてわくわくするように制作しました。仕事は、一人ではできないこと、そしてみんな同じ人間ではなく、色やいろいろな形があるように人もそれぞれです。この違う「個」が集まり、カルチャーフィットした瞬間、たくさんの芽が出て花を咲かせます。そのことが子供の成長と重なるという思いを、このLPに込めました。

・コーディングはとても難しく、まだまだ勉強をしないといけませんが、謎解きのような感覚で解決した瞬間はとても気持ちがよかったです。CSSのコード一つでたくさんのことができることをまなびました。