【架空案件】LPデザイン制作・実装
SHE Likes マルチクリエイターコースの課題で架空の会社の採用サイトを制作しました。 (デザイン〜サーバーアップ 制作期間:2ヶ月)
*制作したLP
*要件
◆クライアント情報
<クライアント名:TSUTSUMU株式会社>
ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や、家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後ママ・パパ、家族向けのサービスも展開していく予定をしている。
◆目的
LPを通してエントリーをしてもらうこと(エントリーがあれば誰でもいいわけではなく、カルチャーフィットしている人がターゲット)
◆ターゲット
転職希望の方
報酬面よりTSUTSUMUの世界観に強く共感できる方
未経験よりは経験を重視したいが、それよりもカルチャーフィットしている人
◆トンマナ
明確なブランドトンマナが決まっていないため、事業内容にあうトンマナを自由に提案してほしい
*ムードボード
*テーマ
暖かさや温もりです。ベビー用品を扱う会社なので、赤ちゃんの写真を入れたり、トンマナを暖色系でまとめました。転職希望者向けの採用サイトなので、伝えたい箇所が伝わるように色を目立たせて、シンプルなデザインにまとめました。
*ユーザーストーリー
*工夫したこと
◆メインビジュアルに動画を配置
母親が子供を思っていることが伝わる動画をメインビジュアルに配置しました。
コーディングで動画を入れることに苦労しました。
◆カルチャーフィットを重視した採用をしていることをデザインで伝える
カルチャーフィットを少し歪なハートで表現してみました。
募集職種のところでカルチャーフィットを重視していることを伝えました。
◆フッター部分でエントリーを後押し
「わたしたちと一緒にやさしさでつつまれる世界をつくりませんか?」という文言とエントリーボタンを設置することで、最後にエントリーの後一押しをしています。
*制作を通して学んだこと
◆実装を考慮したデザイン
デザインカンプと実装後とでは見え方が変わることもあり、コーディングを理解した上で制作するのか否かでデザインの作り方も変わってくることがわかりました。
今回のLPを作るにあたり様々な採用サイトを見ました。会社の考えや求める人材によっても様々なデザインがあることを知り、勉強になりました。
◆Webデザインにおいて必要な手順を理解
ワイヤーフレーム、コーディング、サーバーアップまでを実際に行い、一連の流れを理解することができました。
LP制作でコーディングまで行ったのは初めてだったため、不慣れではありましたが、分からない点は都度、関連動画を視聴して復習したり、Webで調べたりしながら、最後まで制作することができました。