LP制作(課題)
SHElikes MULTI CREATOR COURSEの課題で、企業の採用LPを制作しました。クライアントからの要件をもとにデザインからコーディング、実装までに取り組みました。(制作時間:おおよそ1ヶ月半 使用ソフト:Photoshop、Sublime text)
作成したサイト
○クライアント情報
クライアント:TSUTSUMU株式会社
ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後パパ・ママ、家族向けのサービスも展開していく予定。
ご依頼内容
採用強化のため、採用サイトを作成することになりました。掲載したい要素をもとにたくさんの人にエントリーしてもら得るようなLPの制作をして欲しい。
○要件
ターゲット:
①転職希望の方
②報酬目よりもTSUTSUMUが作っていきたい世界に強く共感してくださる方
③各方面において全くの未経験よりは経験を重視したいが、それよりもカルチーフィットしている方を強く求める
目的:LPを通してエントリーしてもらうこと(採用強化のためできるだけたくさんの応募が来て欲しいが、誰でも良いわけではなく、カルチャーフィットする方に応募してもらいたい)
ターゲットと目的から考えられるゴール:
カルチャーフィットする方に応募してもらうこと
そのために、以下の2つに重きを置いたデザインを作成しました。
①TSUTSUMUの世界観・ブランドイメージを感じてもらう
②応募したいと思ってもらう
ペルソナ:畠山耕平(28)
・温かな家庭で育ち、8歳下に妹がいる。
・子供が好きで、夢だった子供に関わる仕事を目指している。
・子供の幸せを支援する様々な方向性の企業に応募している。
・転職軸は「子供の未来を守る仕事」であること。
・大学卒業後文具メーカーへ入社したが、夢である子供に関わる仕事、子供の幸せを支える仕事をしたいと転職を目指している。
○LPの制作
ユーザーストーリー
デザインカンプ
○工夫点
◉コンセプト・テーマのご提案:つつむ
制作したLPのテーマは「つつむ」です。企業の名前そのままですが、あかちゃんやそのご家族、サイトを訪れた方のこともつつみ込めるようなサイトを目指しました。
①ブランドイメージを伝える
まずは、あかちゃんとそのご家族の暮らしを温かなまなざしで包み込むような企業のブランドイメージが伝わるよう、あしらいに暮らしに身近なモチーフを用い、用いる言葉も企業の目指している方向性が伝わるようなものを選びました。
「私たちについて」というセクションでは、あかちゃんを迎え入れるご家族の両手とご家族に向かって一生懸命に手を伸ばすあかちゃんの様子を描きました。TSUTSUMUではコミュニティ支援などの子育て環境の支援も目指していることから、幸せな瞬間だけでなく、そこにたどり着くまでの過程にも心を配り、サポートするという要素を加えるご提案をしました。
②ユーザーを包み込む
サイトを見ている人(主に求職者)は前向きな気持ちだけでこのサイトを見ているとは限りません。不安な気持ちでこのサイトを見ている人の背中をそっと押せるよう、先輩の声を紹介し、同じような気持ちを持った従業員を身近に感じられるようなコンテンツを加えるご提案をしました。
◉限られたスペースに要素を追加する
メンバー紹介のセクションでカーソルを合わせるとコメントが表示されるように設定を追加しました。要素を並べるだけより動きや遊びを入れる方が、今回のクライアントのような柔軟性のある企業のイメージが伝わりやすいのではないかと考えたためです。
◉イラストアイコンを自作する
「私たちについて」「事業について」「先輩の声」のセクションのイラストを自作しました。統一感とイラストイメージを損なわないように、線は太めの少しポップで親しみやすいイラストになるよう工夫しました。イラストを複数用い、子供の成長を見守る企業に合った温かく柔らかなイメージを表現することができたのではないかと思っています。
○制作を通して学んだこと
コーディングのハードルを下げる準備
コーディングをスムーズに進めるために、フォントサイズや余白をしっかりと決めておくことや、マークアップの設計図の作成をすることがいかに重要か実感しました。そのような準備を万全にするためには、他サイトを見て、フォントサイズや余白はどのような値にしているか、マークアップはそのような言葉を使っているかなどを知っておく必要があると感じました。