【課題】架空ベビー用品会社 採用サイト

OVERVIEW

(SHElikes MULTI CREATOR COURSE の実践課題) 情報設計/デザインカンプ/コーディング(レスポンシブを含む)/サーバーアップ 【制作期間】約2週間(デザインまで:約7日/コーディング:約5日)

YEAR 2024

制作物

制作したサイトはこちら

課題要件

情報設計

要件をもとに考案したペルソナ


LP制作による双方の利益(価値)


ページ設計


デザインコンセプト

  • 「ぬくもり」「家族愛」「体温」「赤ちゃん(≒天使)」

  • TSUTSUMUの事業内容やキャッチコピーから「赤ちゃんと家族の愛」や「あたたかさ」を表現したいと思い、スキンカラー(ベージュ/オレンジ/コーラル)を中心に制作しました。

デザインの工夫

キービジュアル

  • クライアントのキャッチコピーから「愛で包まれる」「あたたかさ」「ふわふわでお日様のにおいがするブランケット」をイメージし、合致する写真素材を選定しました。

(私たちについて) サービスの世界観を伝える

  • 社名である「TSUTSUMU」をあしらいのように背景にデザインしました。

  • LP全体を通してやわらかな印象を与えるため、楕円や曲線をベースに制作しました。

  • 各セクションタイトルの背景は、体温でぽっと色づくようなイメージでオレンジのぼかしを入れました。

  • 「今後はママ・パパだけでなくおじいちゃんやおばあちゃんにもサービスを届けていく」というミッションを掲げているため、家族とあかちゃんの写真をスライドショーで自動再生するように設計しました。

(サイト全体) 体温の上昇を想起させるグラデーション

(メンバー紹介) 手書き文字を用いて親近感UP

  • サムネイル画像の一言メッセージは、
    ①親近感を持ってもらう ②よりリアルに“人がいる”感じを出す
    ため手書き文字で制作しました。

  • 合わせて、背景にも手書きの天使のイラストをあしらい、さみしい印象にならない・堅苦しくならないよう制作しました。

(働く環境) アニメーションで誘目性UP

  • 「働く環境」セクションについて、「フレックスタイム制」「社内託児所」「フルリモート」と3つのサポートを紹介するにあたり時間差でアイコンが表示されるアニメーションにしました。

(募集要項) 職種別画像リンク

  • 今回の要件が
    ①採用強化のため応募数を増やしたい
    ②カルチャーフィットしている方に来てもらいたい
    であるため、それぞれ以下に注力して制作しました。

  • ①採用強化のため応募数を増やしたい
    └あえてボタンリンクではなく大きめな画像リンクにすることで、高さを出しユーザーの目に留まりやすい設計にしました。

  • ②カルチャーフィットしている方に来てもらいたい

    └各職種で活躍中の現役社員の写真をサムネイル画像にすることで、ユーザーに「こんな人と働くんだな」と入社後を想起してもらえるようにしました。


(フッター) CTAボタンのアニメーション

★アニメーションはこちらのサイトよりご覧いただけます。


WEBSITE