【SHElikes マルチクリエイターコース課題】LP(デザイン/コーディング)

OVERVIEW

オンラインスクール『SHElikes MULTI CREATOR COURSE』の課題で、架空の企業の新卒・中途採用サイトを制作しました。情報設計からサイトデザイン、HTML/CSSでコーディングまで対応しています。

YEAR 2023

■架空のクライアント情報

クライアント名:TSUTSUMU 株式会社

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

■制作要件

【ターゲット】

・転職希望の方

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

・経験者希望ではあるものの、カルチャーフィットしている人がターゲット。

【目的】

LPを通してエントリーをしてもらうこと

【ペルソナ】

・29歳、女性。既婚者で2歳になる子供がいる。

・UIUXデザイナーとして働いていたが、出産を期に退職。前職のスキルを活かし、フレックスタイムを活用しながら子育てと両立できる環境のある企業を探し中。

■ コンセプト

『柔らかい雰囲気の中に、芯のあるこだわりを』

一見、企業名や事業から温かい、優しそうな企業をイメージしますが、「企業の世界観に共感した人材を!」という想いから、しっかりとした軸が感じられました。その軸をふんわりした雰囲気で包んでいる、そんなTSUTSUMUに合ったデザインを心がけています。

■ LP全体像


■工夫したポイント

❶ 「報酬面よりもTSUTSUMUが作っていきたい世界に強く共感してほしい」とのことでしたので、「私たちについて」と「事業について」を順番に持って来ました。また、「私たちについて」を「知ってほしい 私たちのこと」というセクション名に変えたのも、ここで興味を持った人だけが先に進んでいくように、という思いを込めています。ここで強く共感した人はすぐにエントリーできるよう、あえてエントリーボタンを配置しています。

❷ 次に「はたらく人」「働く環境」を見て、自分が転職した後のことをイメージしやすくしています。実際に「働いてみたいな」と思ってから「募集職種」を確認できる流れにしました。セクション名の「働く」をひらがな表記に変更しましたが、TSUTSUMUの柔らかい雰囲気が伝わるようにしています。

❸ 最後のセクションに「選考の流れ」を追加しました。採用ページということですので、応募者がエントリーしやすいよう、アイコンを使用して流れをわかりやすくしています。エントリーボタンを押すとき、きっと不安と緊張でいっぱいだろうなと思いましたので、応募者の不安にならないよう、エントリー後の流れもしっかり伝えたいと思い、使用しています。

■課題を通して学んだこと

完璧に課題を完成させることよりも納期(提出日)に間に合うよう、デザインやコーディングを変更しながら進めました。レスポンシブ対応まで考え実装していくのが特に大変で、コーディングの途中でデザインを変えた箇所もあります。

コーディングに対して苦手意識がありましたが、全てを自分で完結できるとより一貫性のあるサイトが制作できると思いますので、この課題を期にコーディング技術も極めたいと思います。


WEBSITE