ベビー向けサービス会社採用サイトのLP制作・実装 (課題)

OVERVIEW

キャリアスクールSHElikesの Multi Creator Courseの課題で制作したLP制作。0からWF作成、デザインカンプ、サイトの実装まで行いました。【使用ツール:Photoshop/HTML/CSS】

YEAR 2021

◇制作時間:約5週間

◇課題概要

クライアント(ベビー用品をメインにママ向けコミュニティサービスやフォトブック事業を展開する企業)からの案件依頼という想定で0からワイヤーフレーム/デザインカンプを制作したのちコーディングを行いサイトを実装する

 <クライアントの要望概要>
 採用強化のための採用LPサイトの作成
  【ターゲット】
    転職希望で報酬面よりも企業の世界観に共鳴してくれる方/各職種で経験は重視
    したいがそれよりもカルチャーフィットする方
  【募集職種】
    エンジニア/ディレクター/UIUXデザイナー/マーケター他
  【掲げるミッション】
    家族みんながやさしく幸せに暮らせるような世界を創り出していく
    世界をやさしさでつつむ。
 クライアントロゴ/必要要素に関する資料提供あり

◇制作工程

⑴ペルソナ/トンマナ/ユーザーストーリー設定

募集職種がエンジニアなど男性が多い職種が軸なので、ペルソナを男性に設定
この設定を元にトンマナも中性的で幅広く応募を呼び込める配色とデザインに

⑵WF作成

ユーザーストーリーをもとにPCとSPのWFを作成

⑶デザインカンプ作成

WFをもとにトンマナを意識した素材を選択/加工を行いカンプを制作

⑷実装(コーディング)

HTMLとCSSをもとにコーディング、レスポンシブ対応まで行いました。

◇完成したデザインカンプ

◇学んだこと

・デザイン前のペルソナなどの構築作業と情報設計が制作物に大きく反映される
・実装までの流れを経験したことで現場で働くデザイナーの仕事をイメージできた
・コーディングの知識はもちろん、アウトプットを増やして経験値を重ねることでスキルアップにつながる