LP制作(PC/SP デザイン・実装)
SHElikes MULTI CREATOR COURSEの課題。ベビー用品事業を行う企業の採用サイトの制作に取り組みました。クライアントからの要件を元に作成・実装し、レスポンシブ対応まで行いました。
*クライアント情報
ベビー用品をメインとし、育児をサポートするコミュニティ事業や家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後ママ・パパ・家族向けのサービスの展開も予定している。
*要件
制作目的▶︎ LPを通して、カルチャーフィットしている人にエントリーをしてもらうこと
ターゲット ▶︎ 転職希望の人、会社の世界観やコンセプトに共感している人、カルチャーフィットしている人
トンマナ ▶︎ 明確に定まっていないため、自由に提案してほしい
*ペルソナ
*工夫したところ
1. 『世界をやさしさでつつむ』という企業コンセプトからトンマナを設定
「やさしさでつつむ」という温かみのある企業コンセプトと転職サイトである点から、「やさしさ」と「28歳女性向け転職サイト」の2つを意識し、ベージュカラーをメインカラーとしました。また、この2つを軸に温かさ・優しさ・活力を表現する配色を設定しました。
また、見ていてワクワクするようなデザインと赤ちゃんの丸っとした雰囲気を風船のようなデザインであしらい風に表現しました。
エントリーしたくなるボタンを意識し、クリックするボタンだと一瞬でわかっていただけるようにデザインを工夫・統一しました。
2. 調べて書くを繰り返したコーディング
初めてのコーディングでしたので、SHElikesのWebデザインコースの復習・Webデザインの本(HTML5+CSS3の新しい教科書)・Web検索で、何度も検証と修正を繰り返し作成しました。
*制作したLP
・実装したサイトはこちらです。
*制作を通して学んだこと
・ペルソナ設定の大切さ
LPのターゲットについて理解し、踏み込んでペルソナを設定すること。具体的なペルソナを立てることで、より納得感のある情報設計となりました。また、デザインや配色もペルソナを意識することで方向性のずれが起こりにくいことを実感しました。
・実装を意識したデザインを作ることの大切さ
デザイン制作から実装までの全ての工程を経験し、実装を意識したデザインをすることの大切さを実感しました。コーディングをすることで、コーダーさんの視点でいいデザインと難しいデザインの知見を身につけることができました。
まだまだhtml・CSS・jQueryの理解が完璧ではなく、100%のスマートな実装ができていない部分もあります。引き続きブラッシュアップをしていきます。
今後も実践を通して、デザイン・実装のスキルを向上させていきます。