【架空案件】採用サイトのLP制作
ワイヤーフレーム作成からデザインカンプ 作成、コーディング、サーバーアップロードまでWeb制作に必要なフローに一通り挑戦しました。
制作期間:約5週間(デザイン→約2週間、コーディング→約3週間)
使用ツール:Photoshop、Illustrator、HTML、CSS
●制作物
実際に実装したサイトはこちらです。
●クライアント情報
ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後ママ・パパ・家族向けのサービスも展開していく予定をしている。
●案件内容
目的 :ベビー用品をメインに事業展開している企業の採用強化のため。(中途向け)
LPを通してエントリーしてもらう。
ターゲット:転職希望者/企業の世界観に共感できる方/カルチャーフィットする方
●ペルソナ
●情報設計
LPのゴールは、『企業の世界観とカルチャーにマッチする方を採用すること』なので、
ユーザーに伝えたい情報を『世界観』『働き方』『エントリー』に分けて、ストーリー立てて設計しました。特にメインビジュアルとコンセプトのセクションで、ユーザーを惹き付けることで、サイトを見続けてもらえると思い重要視しました。
●デザイン
メインカラーをオレンジ系、ベースをホワイトとベージュを使用しました。このカラーを選んだ理由は、『世界をやさしさでつつむ』というキャッチコピーから、優しく暖かい印象を与えられて、企業の世界観も伝えられると思いました。
ユーザーに活発的にエントリーをして欲しいという想いから、ボタンにもメインカラーのオレンジ系を使用しました。
●課題を通して学んだこと
『ユーザーが行動してくれるためにはどんな構造にすれば良いか』というユーザー目線を意識しました。LPはどこまででも情報を載せることができるので、優先順位を決めて情報を設計することが、スッキリしていて情報が伝わりやすいLPになると実感しました。また、実装するとサイズ感や余白感などがカンプとは違って見えたので、何度もコーデングを書き直して調整しました。引き続き、完成度の高いLPを目指して、ブラッシュアップしていきます。