【採用LP制作】共感とカルチャーを伝える採用LP(デザイン/コーディング)

OVERVIEW

SHElikes PRO デザイナーの演習課題でベビー用品事業等を行う企業の採用LPの制作に取組みました。

YEAR 2025

【所要時間】 約4週間(デザインカンプ作成:約2週間、コーディング:約2週間)

【使用ツール】Photoshop、illustrator、VScode

| 目次

  • 制作物
  • 要件概要
  • 情報設計
  • 工夫したポイント
  • 今後に活かせること

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

| 制作物

制作したサイトはこちら

| 要件概要

| 情報設計

「共感による応募」を最大化するため、企業の理念やビジョンに自然と惹きつけられるよう、ストーリー性を重視して構成しました。


ペルソナやユーザーストーリーを踏まえ、以下のムードボードでイメージを膨らませデザイン工程に入りました。

参考画像(出典:Adobe Stock、illust AC)


クライアントイメージより、

・ベースカラー、メインカラー

 → 温もりや日差し、ナチュラルさをイメージして、ベージュ優しいカラーを中心に設定

・アクセントカラー

 → 「優しさ→ハート」のイメージで少し淡い赤と、

   全体の印象が甘くなりすぎないよう、信頼感や落ち着きを感じられるブルーを設定

| 工夫したポイント

◾️募集職種の見せ方(インデックス方式)

| 今後に活かせること

ブランドの世界観を正確に捉え、視覚的に表現する力を習得しました。アニメーションを効果的に取り入れ、ユーザーの印象に残るデザインを実現。実装過程では、表示崩れやバグを自ら修正し、安定した動作を保つ問題解決力も身につけました。また、ユーザー目線でサイト全体の流れを考える習慣が身についたことで、直感的で使いやすいUI設計が可能になりました。