【スクール課題】LP制作

OVERVIEW

スクールの課題で、架空のオーガニック野菜宅配サービスのLP(ランディングページ)を制作しました。用意されたヒアリングシートをもとに、ワイヤーフレームの作成、デザインカンプ、コーディングを行いました。(制作期間:1ヶ月)

YEAR 2022


■使用したツール

Photoshop、VisualStudioCode(HTML、CSS、javascript、jQuery)

■制作範囲

準備されたヒアリングシートをもとに、
・ワイヤーフレームの制作(PC・スマホ)1週間
・デザインカンプの制作(PC・スマホ)2週間
・コーディング(PC・スマホ・レスポンシブ)2週間

■サイトの目的とゴール

・LPのゴール:お試しセットのご注文

・ターゲットユーザー:「ていねいな暮らし」が好きな、成長期の子供を持った母親。
食にこだわりを持っていて、家族に良いものを食べてもらいたい。

■サイトのイメージ

オーガニック・ナチュラル・スタイリッシュ


■意識したこと、工夫したこと

ターゲットが、「ていねいな暮らし」が好きな、成長期の子供を持った母親だったので、ナチュラルなイメージで、スタイリッシュで憧れの存在をイメージしました。
参考サイトを3つ以上決めて、デザイン制作に取り組みました。

また、スクールの課題だったので、習ったこと以上のことに挑戦しようと考え、
・画像の重なり
・英字のあしらい
・ボックス上のリボン
・アコーディオンメニュー
のコーディング実装を行いました。