【課題】LPデザイン&コーディング

目次
1. 制作物
2. 要件
3. 要件をもとに考えたペルソナ
4. LPの中でアピールしたいこと
5. イメージボードと配色
6. 工夫したところ
7. 制作を通して学んだこと
ーーーーーーーーーーーーーーーーーーーーーーー

制作物

サイトへのリンクはこちら▼

要件

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

2.クライアントの要望
採用強化のため、採用サイトを作成することになった。
LPを通してたくさんの人にエントリーをしてもらいたい。

3.ターゲット
・転職希望の方
・報酬面よりもTSUTSUMUが作っていきたい世界に強く共感してくださる方
・各職種において全くの未経験よりは経験を重視したいが、
　それよりもカルチャーフィットしている人がターゲット

4.目的
LPを通してエントリーをしてもらうこと（採用強化のためできるだけたくさんの応募がきて欲しいが、エントリーがあれば誰でもいいわけではなく、カルチャーフィットする方に応募してもらいたい

5.トンマナ
明確なブランドトンマナがまだ決まっていないので、
事業内容にあうトンマナを自由に提案する
ロゴ支給あり

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

◇基本情報　
佐藤つぐみ（32）東京在住
小さい子供の育休明けでライフステージの変化に対応できる職場を探している

◇背景や行動
これまでの職場では、子供のいる先輩や同僚が、子供の発熱などやむを得ない理由で仕事を休み、居心地の悪さや、仕事にもの足りなさを感じている様子を見てきた
家族が大切だが、仕事も情熱を持って取り組みたいと考えている。

◇ニーズやゴール
女性のライフステージの変化を受け止め、子供の有無に関わらず、堂々と働けるような　職場で働きたいと考えている

LPの中でアピールしたいこと

【要点】
TSUTSUMUがこどもや家庭を大切にする価値観を持ったまま働ける、
魅力的な会社だと伝えること

この２点を軸に、やさしい世界感に説得力を持たせ、応募者の方に
自分もここで働きたい！と思ってもらう

イメージボードと配色

やさしい世界感を表現するため、デザイン面で取り入れた要素はこちらです。

・北欧風の小鳥やボタニカル模様
・ベビー服のような柔らかみがあり、やさしい配色
・丸みを帯びたオブジェクト

木漏れ日の中でお昼寝をしている赤ちゃんにそっと近づくような、
やさしい空気感をイメージしました。

 
工夫したところ

実践を意識し、ファビコンとOGPの設定も行いました。

制作を通して学んだこと

SHElikesのWebデザインコースの動画の復習を繰り返し、分からないことはWebで検索、講師に質問をして学習を進めました。
・２カラム、３カラムのレイアウトの作り方
・javascriptで動きをつける（自動スライド、スクロールするとフワッと表示）
・レスポンシブ対応
・サーバアップ

ワイヤーフレームやデザインカンプで考えに迷いがあると、コーディングの時に気になって直したくなってしまい効率が悪くなってしまうので、基本の骨組みであるワイヤーフレームやデザインカンプを納得のいくまで時間をかけて組み立てることが大切だと学びました。