【課題】LP制作
OVERVIEW
SHElikes MULTI CREATOR COURSEの課題で、架空の採用サイトのLP制作を行いました。 クライアントからの依頼書をもとにペルソナを考察、要件定義を整理し、PCとSPそれぞれのワイヤーフレームとデザインカンプを作成しました。
【課題内容】
*クライアント名:TSUTSUMU 株式会社
ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後ママ・パパ、家族向けのサービスも展開していく予定をしている。
* ターゲット:
- 転職希望の方
- 報酬面よりもTSUTSUMUが作っていきたい世界に強く共感してくださる方
- 各職種において全くの未経験よりは経験を重視したいが、それよりもカルチャーフィットしている方
* 目的:
- カルチャーフィットしている人にLPを通してエントリーをしてもらうこと
【要件定義】
*ターゲットの深掘り:
*ペルソナ:
【制作物】
*コンセプトやテーマ:
「家族みんながやさしく幸せに暮らせる世界をつくる」というクライアントの世界観や、メインの事業であるベビー用品の柔らかい、かわいい雰囲気やコミュニティ事業のあたたかい雰囲気をコンセプトに作成しました。
▼デザインカンプ(PC・SP)
▼ワイヤーフレーム(PC・SP)
【工夫したこと】
▼ファーストビュー
①使用パーツ・カラー
- 「子供や家族を思い、寄り添いながら事業を展開していく様子」を、柔らかいシェイプと3色のパステルカラーを使い表現しました。アクセントカラーには「調和」「成長」を連想させる緑色を選び、企業の価値観や理念に共感する優秀な人材を引き寄せたい。という意味もこめて採用ボタンに使用しました。
②新着情報コンテンツの設置
- ファーストビューで採用の情報が入手しやすいように、新着情報の項目を追加しました。
▼ABOUT〜SERVICE
①“つつみ込む”あしらい
- 「世界をやさしさでつつむ」のキャッチコピーから、ABOUTコンテンツ全体を黄色の温かみのあるシェイプでつつみこむデザインにしました。
②モックアップの作成
- フォト事業の紹介項目では、アプリのアイコンとアプリ型のフォトブックイメージのモックアップを作成しました。
- アイコンのロゴはメインカラーの3色を交互に使用しポップで可愛いイメージに仕上げました。
- アプリは爽やかで“変化”のイメージの水色をメインに使用し写真がパッと目に入るようにトップページの写真は大きめに配置しました。また、トップページからリアクションや写真のダウンロードができるように、アイコンを設置しています。
▼MEMBER〜WORKS
①写真インタビュー記事へ誘導するアイキャッチ
- 事業や世界観に興味をもってくれた方が、未経験や、子供がいるパパ、ママの方でも挑戦してもらえるように、社員の方の多種多様なインタビュー記事へ繋がるアイキャッチを設置しました。
- キャッチコピー(白い帯)はなるべく短い言葉で設定しどんな働き方かわかるように工夫しました。吹き出しのフックワードは、親しみや共感をもってもらえるような内容を考えました。
②働き方を動画で紹介するアイキャッチ
- 福利厚生制度が実際どんな制度なのか、またその制度を活用してどんな活躍ができるかを動画風に紹介する項目を設置しました。気軽に見てもらえるようにルーティーン風の内容にしたり、「あかちゃん社員の実態」のような目をひくようなコピーを考えました。
- 柔らかい雰囲気に合うように、アイキャッチの写真は明るく調節し、イキイキ見えるように人物を切り抜いて飛び出してみえるようなレイアウトにしました。
【学んだこと】
- クライアントの世界観表現しつつ、LPをみた人が採用サイトだとわかってもらえるようなキャッチコピー、写真の配置
- 設定したペルソナの求めている「ライフスタイルが変わっても長く働ける」ことをどんなことで表現できるか
【今回の課題の感想】
- 要件定義を深く掘り下げたことで、「どんな要素があればペルソナの心に響くのか」を考えながらデザインを作成することができました。
- 「やさしい世界をつくる会社なのであれば、社員にもやさしいはず…。」と思い、自分だったらどんな働き方ができたらエントリーするかなども考えながら要素を追加したりしました。
- 求職者の方がエントリーボタンを押す際、楽しみや希望をもった状態で押して欲しいと思い、ワクワクできる要素かも考えながら取り組みました。その結果、モックアップやアイキャッチなども細部までこだわることができ、読み応えのあるLPを作成することができました。