【架空】LPデザイン/リクルートサイト

OVERVIEW

SHE likes MULTI CREATOR COURCE Designerの課題として、リクルートサイトのPC・SPのデザインカンプ。また、コーディングを1から制作しました。要件定義をもとに自らペルソナや提案を出していきながら制作を進めていきました。

YEAR 2024

制作物

制作期間

5週間(デザイン:2週間、コーディング:3週間)

使用ツール

Photoshop、VisualStudioCode

クライアント情報(架空)

TSUTSUMU 株式会社

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

目的

LPサイトを通してエントリーをしてもらう。(採用強化)

ターゲット

・転職希望の方

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

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

トンマナ

明確なブランドトンマナがまだ決まっていないので、事業内容にあうトンマナ を自由に提案していただきたいです。

制作サイズ

・PC(横幅1440px)
 ・SP(横幅375px)

必要要素

キービジュアル、私たちについて、働く環境、事業について、募集職種        メンバー紹介、エントリー、フッター (追加)採用の流れ

ペルソナ

ムードボード

スタイルガイド

ビジュアルデザイン(工夫点)

学んだこと

・要件定義からサーバーアップまでの作業工程を体験できました。また、自身の得意な部分ともう少し勉強したほうがいい部分を見つけることができました。

(ちなみに私の得意だなと思ったところは、要件定義をもとにイメージを膨らませ、デザインに落とし込むことです。)

・デザインカンプを通して1番勉強になったのが、WFです。今までは元のWFをデザインに落とし込む経験はありましたが、今回はWFを1から考えるということで、多くのユーザーにわかりやすく設計するために手書きでラフ画を描き、TAの方に納得できるまで練り込むことに力を入れました。

・コーディングの実践を通して、デザインカンプ通りに簡単に上手くいくのは難しかったのですが、思い通りにできたことへの達成感が大きく、コーディングの面白さを味わうことができました。