【架空LPデザイン制作/実装】採用サイト

実装したサイトは　こちら　です。

目次

（１）要件

（２）制作したLP

（３）情報設計（デザインコンセプト、ペルソナ設定、ムードボード、ユーザーストーリー）

（４）スタイルガイド

（５）工夫したこと

（６）学んだこと

（１）要件

・クライアント情報

　TSUTSUMU 株式会社

　ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後ママ・パパ、家族向けのサービスも展開していく予定をしている。

・ターゲット

　転職希望の方。

　報酬面よりもTSUTSUMUが作っていきたい世界に強く共感してくださる方。

　各職種において全くの未経験よりは経験を重視したいが、それよりもカルチャー

フィットしている人。

・目的　

　LPを通してエントリーをしてもらうこと。

　採用強化のためできるだけたくさんの応募がきて欲しいが、エントリーがあれば

誰でもいいわけではなく、カルチャーフィットする方に応募してもらいたい。

（２）制作したLP

（３）情報設計（デザインコンセプト、ペルソナ設定、ムードボード、ユーザーストーリー）

・デザインの方向性

　①これまでの経験を生かせて、働きやすい社風やカルチャーを伝える。

　　ユーザーのニーズ：できるだけWebサイトから社風を感じ取りたい

　　クライアントのニーズ：カルチャーフィットする人を採用したい

　②最新の情報を伝えることで、信用や安心感を感じてもらう。

　　大手企業だと「採用サイト2024」とあり最新の情報であると分かる。一方で毎年制作しておらず、情報を定期的に更新していないと、「社員紹介に載っている人は今在籍しているのか」、「そもそも募集しているのか」などと不安を感じさせ、エントリーを思いとどまらせてしまうおそれがある上に、ミスマッチが生じてしまう。

・デザインコンセプト

・ペルソナ設定（女性）・ペルソナ設定（男性）

・ムードボード

　温もり：赤ちゃんの肌の温もりや、家族の温かみを伝える。

　落ち着いた：育児の間に見ている時に、少しでも疲れが癒やされるように。

　明るい：経験を活かしながら活躍できそうと思える。

・ユーザーストーリー

（４）スタイルガイド

・配色

■ベースカラー

　#f4efec：赤ちゃんの肌。背景に使用。

　#f0e7e3：赤ちゃんの肌。背景の画像に使用。

　#ffffff：赤ちゃんの白い服。ボタンの背景に使用。

■メインカラー

　#4f4844：習字で使う墨汁。

　#693d32：安心、信頼、ぬくもり。

■アクセントカラー

　#e90129：家族の愛、生命力。

　#dcb86a：希望、明るい未来。

・タイポグラフィー

　全体的に丸みを帯びたフォントを使用し、温かみがあり、親近感を感じられるようにしました。

　■Zen Antique Soft：赤ちゃんの名前を書く時に使う習字をイメージ。

　■筑紫B丸ゴシック：視認性を高め、情報を読み取れるように。

・余白

（５）工夫したこと

（６）学んだこと

・パソコンとスマートフォンの画面幅に合わせて、見せ方を変えること

　特にスマートフォンはパソコンよりも画面幅が狭いので、画面幅に画像を広げた方がユーザーに対してインパクトを残すことを学びました。

・配色の赤の使い方

　今回はメインビジュアルの写真の赤を使い、行動を促すボタンがより目立ち、肌色の背景に対して全体を引き締める効果がありました。赤は注意・エラーをイメージさせることもあり、使い方には注意が必要ですが、全体のバランスを考えて選べば、メリハリが出ると学びました。