LP制作（PC/SPデザイン・実装）
OVERVIEW
SHElikes MULTI CREATOR COURSEの課題で、ベビー用品事業等を行う企業の採用サイトの制作に取組みました。クライアントからの要件書を元に、PCとSPのデザインカンプを制作し実装を行いました。SP用のレスポンシブ対応もしています。
ムードボード
デザインカンプ
制作したLP
実装したサイトはこちらです。
頑張ったポイント
●コーディングで、メインビジュアルの背景の花の絵がうまく表示されず、他のサイトを参考にしながらHTMLの並びを変えた。
●cssで親要素にposition:relative;、子要素にposition:absolute;で背景画像を表示させることができて、親要素と子要素を意識しながらコーディングできたのは勉強になりました。
課題を通して学んだこと
デザインでは余白の加減が難しかったです。デザインカンプを作っても実際に実装してサイトで見てみると余白が気になる部分があり、デザインカンプを作って実際にどうなるのかというイメージがまだ自分の中で出来ていないのでもっと自分でコーディングを勉強したいと思いました。コーディングでは、上手くいかないときの原因が自分では分からないので、もっと自分でコーディングを繰り返しやり、理解したいと思いました。