【課題】架空ベビー用品会社 採用サイト
(SHElikes MULTI CREATOR COURSE の実践課題) 情報設計/デザインカンプ/コーディング(レスポンシブを含む)/サーバーアップ 【制作期間】約2週間(デザインまで:約7日/コーディング:約5日)
制作物
課題要件
情報設計
要件をもとに考案したペルソナ
LP制作による双方の利益(価値)
ページ設計
デザインコンセプト
「ぬくもり」「家族愛」「体温」「赤ちゃん(≒天使)」
TSUTSUMUの事業内容やキャッチコピーから「赤ちゃんと家族の愛」や「あたたかさ」を表現したいと思い、スキンカラー(ベージュ/オレンジ/コーラル)を中心に制作しました。
デザインの工夫
キービジュアル
クライアントのキャッチコピーから「愛で包まれる」「あたたかさ」「ふわふわでお日様のにおいがするブランケット」をイメージし、合致する写真素材を選定しました。
(私たちについて) サービスの世界観を伝える
社名である「TSUTSUMU」をあしらいのように背景にデザインしました。
LP全体を通してやわらかな印象を与えるため、楕円や曲線をベースに制作しました。
各セクションタイトルの背景は、体温でぽっと色づくようなイメージでオレンジのぼかしを入れました。
「今後はママ・パパだけでなくおじいちゃんやおばあちゃんにもサービスを届けていく」というミッションを掲げているため、家族とあかちゃんの写真をスライドショーで自動再生するように設計しました。
(サイト全体) 体温の上昇を想起させるグラデーション
(メンバー紹介) 手書き文字を用いて親近感UP
サムネイル画像の一言メッセージは、
①親近感を持ってもらう ②よりリアルに“人がいる”感じを出す
ため手書き文字で制作しました。
合わせて、背景にも手書きの天使のイラストをあしらい、さみしい印象にならない・堅苦しくならないよう制作しました。
(働く環境) アニメーションで誘目性UP
「働く環境」セクションについて、「フレックスタイム制」「社内託児所」「フルリモート」と3つのサポートを紹介するにあたり時間差でアイコンが表示されるアニメーションにしました。
(募集要項) 職種別画像リンク
今回の要件が
①採用強化のため応募数を増やしたい
②カルチャーフィットしている方に来てもらいたい
であるため、それぞれ以下に注力して制作しました。①採用強化のため応募数を増やしたい
└あえてボタンリンクではなく大きめな画像リンクにすることで、高さを出しユーザーの目に留まりやすい設計にしました。②カルチャーフィットしている方に来てもらいたい
└各職種で活躍中の現役社員の写真をサムネイル画像にすることで、ユーザーに「こんな人と働くんだな」と入社後を想起してもらえるようにしました。
(フッター) CTAボタンのアニメーション
★アニメーションはこちらのサイトよりご覧いただけます。