【実践課題】架空の採用サイトの制作・実装

①制作したLP・サイトURL

②課題要件

＜クライアント＞　TSUTSUMU株式会社

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

＜目的＞

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

＜ターゲット＞

・転職希望の方

・報酬面よりTSUTSUMUの世界観に強く共感できる方

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

＜トンマナ＞

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

③工夫した点

◾️情報設計

＜ペルソナから深掘りした方向性のキーワード・コンセプト・テーマ＞

＃育む　＃丸み　＃温かみ　＃優しさ　＃自然　＃芯の強さ　＃団結力

TSUTSUMUの世界観を、植物のように人とチームを育む、また育む人々を支えていく、企業理念の芯の強さやチームの団結力が感じられる、というコンセプトにしました。

優しさを表現するためにハートのモチーフを使用しています。

＜考えたユーザーストーリー＞

①採用情報を探している。このHPは優しい感じがするな。どんな企業なんだろう。

②こんな企業理念、事業を展開しているのかぁ。

③それで、働いたらどんなかんじかな？

④もっと具体的に知りたい、なるほどメンバーのインタビューでもっと分かりそう。

⑤私に合った募集かな？

⑥どんな感じで選考が進むのだろう。どれくらいかかるのかしら。

⑦応募したい！でもまだ不明点がありもっと知りたいことがある。問い合わせしよう！

◾️配色

ページ全体を植物のイメージである緑を基調としました。また、採用サイトとしてエントリーしてもらう為、視線を誘導するためにオレンジも効果的に使用しています。

◾️フォント

DNP 秀英丸ゴシック Std、全丸ゴシック

TSUTSUMUの世界観に合わせて、柔らかさを感じるフォントを使用しました。

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

クライアントの要件書をもとに、ワイヤーフレームからデザインカンプ作成、そしてマークアップとレスポンシブ対応を含めた実装という、HP制作に必要なプロセスを一通り習得できました。

コーディングについてはHTMLとCSS、 jQueryの記載の仕方を具体的に学ぶことができました。企業の採用サイトというある程度緊張感や目的を持ったLPの中で、カルチャーフィットした人材から応募が欲しいという要件だったため、企業の世界観をどこまで表現するのか、バランスが大切で難しいと分かりました。