架空LPデザイン制作・実装(リクルートサイト)
ベビー用品をメインとし、ママコミュニティやフォトブック事業を展開している架空のTSUTSUMU株式会社の採用サイトを作成しました。
目次
①要件
②制作物
③工夫したこと
④制作を通して学んだこと
⑤講師からの講評
①要件
クライアントからの要件書を元に、ワイヤーフレーム作成からデザインカンプ作成、実装、サーバーアップまでを一通り行う。
●クライアント情報
<クライアント名:TSUTSUMU株式会社>
採用強化のため、採用サイトを作成することになった。掲載したい要素を渡すので、たくさんの人にエントリーしていただけるようなLPの制作を依頼したい。
ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後ママ・パパ、家族向けのサービスも展開していく予定をしている。
●目的
LPを通してエントリーをしてもらうこと
(採用強化のためできるだけたくさんの応募がきて欲しいが、エントリーがあれば誰でもいいわけではなく、カルチャーフィットする方に応募してもらいたい)
●トンマナ
明確なブランドトンマナがまだ決まっていないので、事業内容にあうトンマナを自由に提案して欲しい。
②制作物
③工夫したこと
●ターゲットとクライアントの訴求を意識し、双方の願いが叶うユーザーストーリーを意識する。
●温かみのあるオレンジ、イエロー、赤ちゃん用品のイメージがあるエメラルドグリーンを差し色に。小さい子を抱っこして少しパソコンから離れて見ることもあると思ったので、文字は視認性の良い黒、フォントは游ゴシックを採用しました。
●赤ちゃんや家族の幸せそうな写真はクライアント要望なので必ず入れ、リクルートサイトという事で、働いている姿の写真も入れました。
●企業側の思いが大きく乗っているデザインが伝わりやすいと思ったので参考にしました。
④制作を通して学んだこと
●LP制作でコーディングまで行ったのは初めてだったため時間がかかってしまいました。不慣れではありましたが、分からない点は都度、関連動画を視聴して復習したり、Webで調べたりしながら、最後まで制作し、サーバーアップまで行う事ができました。
●デザインの段階から、コーディングを意識して制作したつもりでも、いざコーディングしてみると余白感など整っていないところがよくわかりました。
●一通りコーディングを終え、意図の通りにならない時の調べ方や、インデントをしっかり揃えることを毎回意識することが身につきました。
●自分の引き出しの少なさにも気づけたので、次に制作する時にやってみたい実装も練習してレベルアップしていきたいと思いました。
⑤講師からの講評
以下、添削を担当していただいた講師からのコメントです。
添削待ちです