採用サイトLP制作(情報設計〜コーディング)

OVERVIEW

SHElikes MULTI CREATOR COURSE Designerの課題として、LP制作に取り組みました。ペルソナ設定からレスポンシブを含むコーディングまでを行いました。

YEAR 2022

制作時間:情報設計&デザインカンプ約70時間 コーディング約105時間

制作ツール:Photoshop/HTML/CSS/jQuery

<目次>

①クライアントからの依頼内容

②情報の再整理

③制作したLP

④学んだこと

⑤感想


①クライアントからの依頼内容

●クライアント情報

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

●目的

LPを通してエントリーをしてもらうこと。(採用強化のためできるだけたくさんの応募がきてほしいが、エントリーがあればだれでもいい訳ではなくカルチャーフィットする方にきてもらいたい。)

●ターゲット

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

●トンマナ

明確なブランドトンマナがまだ決まっていないので、事業に合うトンマナを自由に提案してほしい。ロゴは提供。


②情報の再整理


②制作したLP


④学んだこと

コーディングのことを考えながらデザインカンプを作成することや、コーディングやjQuery、レスポンシブの基礎的な書き方、CSSを使った写真の変形の仕方や、疑似要素を使ったイラストの配置の仕方など、初めて触れるものが多く、学んだことばかりだった。


⑤感想

調べたり、聞いたり、模索しながらコーディングを行い、なんとか完成までいたった。次は自力でサイトを完成させる事ができるように、引き続き努力していきたい。