LP制作(PC.SP実装課題)

OVERVIEW

課題でベビー用品事業等を行う企業の採用サイトの制作に取り組みました。クライアントからの要件書を元に、PCとSPのデザインカンプを制作し実装を行いました。

YEAR 2022 - 2022

◆要件◆

【クライアント情報】

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

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

目的 】

LPを通してエントリーをしてもらうこと(エントリーがあれば誰でもいいわけではなく、カルチャーフィットしている人がターゲット)


【ターゲット】

転職希望の方
報酬面よりTSUTSUMUの世界観に強く共感できる方
未経験よりは経験を重視したいが、それよりもカルチャーフィットしている人


【ワイヤーフレーム】




◆制作物◆


実装したサイトはこちら



◆工夫したところ◆

1.トンマナ

TSUTSUMUの世界観を最初に表現できたらと思い、『世界をやさしさでつつむ』をイメージした画像を制作しました。サイト全体では、ベビー用品に使われることの多い3色を使い、やさしい雰囲気をだしました。




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

1.マークアップをしっかりすること

今回初めてクライアントの依頼からサーバーアップまでを学び制作していきましたが、マークアップ設計図がしっかり作成できておらず、コンテンツの幅等整っているとはいえない状態となってしまいました。効率よく作業ができなかったため、次回はコーディングに入るまでの作業をしっかり練り、スムーズにコードが書けるようにします。


2.実装を意識したデザインを制作すること

参考サイトをピックアップし、どのように実装されているかをデベロッパーツールで学びながらデザインを制作しました。多数のサイトを参考にし、PCとSPでの文字の大きさや配置の仕方の違いを研究しながら制作できたので、実装を意識した制作ができたと思います。


今後もスキルアップのために日々研究し、デザイン、コーディング力向上を目指します。