【スクール課題】LP制作
OVERVIEW
スクールの課題で、架空のオーガニック野菜宅配サービスのLP(ランディングページ)を制作しました。用意されたヒアリングシートをもとに、ワイヤーフレームの作成、デザインカンプ、コーディングを行いました。(制作期間:1ヶ月)
■使用したツール
Photoshop、VisualStudioCode(HTML、CSS、javascript、jQuery)
■制作範囲
準備されたヒアリングシートをもとに、
・ワイヤーフレームの制作(PC・スマホ)1週間
・デザインカンプの制作(PC・スマホ)2週間
・コーディング(PC・スマホ・レスポンシブ)2週間
■サイトの目的とゴール
・LPのゴール:お試しセットのご注文
・ターゲットユーザー:「ていねいな暮らし」が好きな、成長期の子供を持った母親。
食にこだわりを持っていて、家族に良いものを食べてもらいたい。
■サイトのイメージ
オーガニック・ナチュラル・スタイリッシュ
■意識したこと、工夫したこと
ターゲットが、「ていねいな暮らし」が好きな、成長期の子供を持った母親だったので、ナチュラルなイメージで、スタイリッシュで憧れの存在をイメージしました。
参考サイトを3つ以上決めて、デザイン制作に取り組みました。
また、スクールの課題だったので、習ったこと以上のことに挑戦しようと考え、
・画像の重なり
・英字のあしらい
・ボックス上のリボン
・アコーディオンメニュー
のコーディング実装を行いました。