【課題】LP制作(採用サイト デザイン|コーディング)

OVERVIEW

SHElikes MULTI CURIATOR COURSEの課題で架空企業 TSUTSUMU株式会社採用サイトのワイヤーフレーム作成からデザインカンプ作成(PC/SP)、コーディング、サーバーアップロードに取り組みました。

YEAR 2021

目次

1|要件

2|制作したLP

3|工夫したこと

4|制作を通して学んだこと

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

1|要件

■クライアント情報

クライアント名|TSUTSUMU株式会社(架空)

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

■目的 

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

(採用強化のためできるだけたくさんの応募がきて欲しいが、エントリーがあれば誰でもいいわけではなく、カルチャーフィットする方に応募してもらいたい)

■ターゲット 

転職希望の方

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

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

■トンマナ

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

3|制作したLP

【製作時間】4週間 【担当】情報設計、デザイン、コーディング

【使用ツール】Photoshop、Illustrator、Atom 【サイズ】PC、SP

3|工夫したこと

■ブランドコンセプトでカルチャーフィットしてもらう

ブランドのデザインやコンセプトにカルチャーフィットして応募して欲しい、という思いでブランドコンセプトを全面に出した採用ページにした。

モチーフ|星、月、空

・星空や月の優しい光に包まれるデザイン

・世界は同じ空で繋がっている→「世界をやさしさでつつむ」のキャッチコピーと繋がる

・星は日常に煌めきをもたらす

・星座の動物や人々に見守られながら子育てをする

■サイト全体を見たくなるわくわくするメインビジュアル

メインビジュアルの星に時間差でフラッシュのアニメーションをつけ、サイトを見に来た人が第一印象で楽しさやわくわく感を味わってもらえるようにした。メインのインパクトから、この先はどんなページが待っているのかと思わずスクロールしたくなるようにした。

4|制作を通して学んだこと

・コーディングのことを考えたデザインにする難しさを学んだ。

・コーディングの一連の流れを理解することが出来た。

・Photoshop内でクリッピング等をしている画像でも、見た目のままの画像を書き出せることを知った。