架空LPデザイン制作
SHElikes MULTI CREATOR PROJECTの課題で、ベビー用品事業等を行う企業の採用サイトの制作に取組みました。クライアントからの要件書を元に、PC /SPのワイヤーフレーム・デザインカンプ制作を行いました。(制作時間:18時間)
<目次>
①制作要件
②制作したPC版/SP版デザインカンプ
③工夫したポイント
④制作を通して学んだこと
=============================================
①制作要件
■クライアント情報
ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後ママ・パパ・家族向けのサービスも展開していく予定をしている。
■目的
LPを通して、カルチャーフィットしている人にエントリーをしてもらうこと
■ターゲット
転職希望の方、世界観に共感している人、カルチャーフィットしている人
■トンマナ
明確に定まっていないため、自由に提案してほしい
②制作したPC版/SP版デザインカンプ
上記の要件に基づき、制作したデザインカンプがこちら。
③工夫したポイント
1)目的に沿ったコンテンツの追加・情報の優先順位付け
今回、条件面ではなく「会社のビジョン・世界観に共感してもらえる人」へ響くよう、コンテンツの配置や優先順位を再検討した。具体的には、以下のようにビジョンやカルチャーへ共感してくれた人が最後にエントリーボタンへ誘導するよう、導線を考えた。
会社のビジョンや理念で共感を得る→理念を達成するために行っている事業内容への理解を深める→働く社員や制度などのカルチャーに魅力を感じてもらう→詳細の採用情報→エントリーボタン
2)トンマナ・世界観の統一
■今回伝えたいイメージ
ベビー用品を扱い、ママさんをはじめファミリー向けの事業を運営しているという点、「やさしさでつつまれる世界を目指す」というキャッチコピーからも「やわらかく」「やさしい」印象を重視し、ビジネス感は前面に出さないようにする。
■色
・ベース:アイボリー
・メイン:ベージュ、肌色、茶色(文字色)
・アクセント:コーラルピンク、ブラウンよりのピンク
■写真
伝えたい情報に対して違和感や突飛さを感じないようなものを選び、伝えたい要素以外が入り込まないように意図的にトリミングを行った。
また、写真の色調も全体のトンマナに大きく影響するので、上に色を敷いて透過させたりしてLP全体の世界観が崩れないように意識した。
■その他
写真は丸みを帯びた形に切り抜きを行い、ボタンも楕円形にしたことで、やわらかさを感じさせるデザインとなるよう工夫した。
■余白
各コンテンツ間の余白を大きめに取って統一し、視認性を高めるよう工夫した。
3)ユーザー視点でのUI/UX設計
・ユーザーにアクションしてほしい「エントリー」ボタンはアクセントカラーとドロップシャドウをつけて際立たせるようにした。
・SP版は全体的にテキストのフォントサイズを大きめにして可読性を高めた。またレイアウトもスマートフォンで見た時に最適な配置となるよう縦置きにするなど配慮した。
④制作を通して学んだこと
・デザイン制作に入る前に、時間をかけて情報設計・世界観の設定をすることが重要。
・フォントや写真選びも、「なんとなく」ではなく必ず意図を持って行う必要がある。