【自主制作】架空案件採用サイトのLPデザイン

制作時間：

情報設計(約5時間)、デザインコンセプト(約2時間)、ワイヤーフレーム修正＆デザインカンプ(修正含めて約20時間)、コーディング＆サーバーアップ（約60時間）

制作範囲：情報設計・構成・ライティング・デザイン・コーディング

使用ツール：Photoshop、CANVA、Lightroom

①成果物

▶︎掲載先URLはこちらです

②企画の背景

●クライアント名:TSUTSUMU株式会社

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

●ターゲット

・転職希望の方

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

・各職種において全くの未経験よりは経験を重視したいが、それよりもカルチャーフィットしている人がターゲット

●目的

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

（採用強化のためできるだけたくさんの応募がきて欲しいが、エントリーがあれば誰でもいいわけではなく、カルチャーフィットする方に応募してもらいたい）

③要件

●特設サイトの目的

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

（採用強化のためできるだけたくさんの応募がきて欲しいが、エントリーがあれば誰でもいいわけではなく、カルチャーフィットする方に応募してもらいたい）

●トーンアンドマナー

明確なブランドトンマナが決まっておらず、事業内容にあうトンマナを自由に提案してほしいと依頼書に記載があったためペルソナをもとにユーザーストーリーを考え設定。

・ロゴはあらかじめ与えられた「TSUTSUMU_logo.ai」を使用。

●納品物：デザインカンプ(PSDデータ）

●サイズ：

・PC(横幅1440px）

・SP(横幅375px)

④情報設計

⑤ビジュアルデザイン

和文フォントは視認性が高い「Noto Sans CJK JP」、「小塚ゴシック Pr6N」を選定。

●TSUTSUMUのカルチャーが伝わるサイト、見る人の心が温まりこの会社で働きたいと思ってもらえるような「太陽」のようなサイト

●依頼書にあった「カルチャーフィットする方に応募してもらいたい」から、TSUTSUMUの良さ、カルチャーが多く伝わるサイトデザインを心がけた。

そのため、TSUTSUMUが大切にしている「家族」をテーマとした写真や、社員の写真、会社の雰囲気が伝わる動画を盛り込んだ。

●サイトのテーマは「太陽」。太陽の輝きや陽だまりを彷彿させるカラーや背景素材を

使用。

●PC、SP共にLPが縦に長くなりすぎてエンドユーザーが離脱しないように、詳細（福利厚生、教育制度、各求人の募集要項など）の確認は他のサイトに飛ぶように設計した。

●ヘッダーはシンプルにこのサイト制作の第一目的である「エントリー」につなげる

エントリーボタンを大きく配置して、各項目はハンバーガーメニューの中に入れた。

●TOPページの写真は、jQueryを用いて時間が経つと写真が変わる仕様にする。

⑥こだわったポイント

●TSUTSUMUのカルチャーが伝わるよう、CEOと会社紹介動画の配置

●エントリーしてもらうことが第一の目的のため、エントリーボタンが目立つよう、

　エントリーを促すようなデザイン（社員の顔切り抜きを入れるなど）にした。

●社員座談会の項目も設けて、少しでもTSUTSUMUの社風や良さが伝わり、エントリー　　　

　につなげられる仕様にした。

⑦今回の課題を通して学んだこと

・トンマナやデザインの理由についてちゃんと説明できるスキル

・依頼者のサイト制作の目的（原点）に立ってデザインすること（今回のサイト制作の

　第一目的はエントリーしてもらうこと）

・ユーザーストーリーを作ること

・コーディングで実装できるかどうかも考慮して作成しなければならない点

・（まだまだ未熟ですが）コーディング知識