スクール課題 ・ Webサイト
産直野菜を販売する スグ食べ LP
Created date 2024/8
URL http://work-akiyamanishi.com/sugu-tabe/
制作概要
デジタルハリウッドのWebデザイナーコースの中間課題として作成しました。「スグ食べ」という架空の産地直送野菜販売会社のLPです。
ターゲット
大都市に居住する、30~50代の女性。家族の健康のために有機栽培などの新鮮野菜に興味を持っている方。取れたての野菜を食べたいと思っている人。
目的
農家直送の新鮮野菜の香りと味わいを知っていただくために、少量を試せる「お試しセット」を紹介し、購入していただきたい。
コンセプト
とれたて野菜の味わいや香りを楽しみ、豊かな食生活を送って欲しい。
制作意図
「高級感のあるリッチなサイトに」という指示により、なるべく生活感を感じない印象的な写真を使用しました。野菜本来の持つ力をアピールするため、輝くような美しいトマトが実っている写真をトップに採用しました。また、バックグラウンドに視線誘導を兼ねてグラデーションが入った背景を使用し、単調にならないように制作しました。
制作工程
ロゴやテキスト文章は配布されたものを使用。Figmaでデザインカンプを作成し、写真や背景の微調整に Photoshopを使用し、Visual Studio Codeでコーディングしました。写真や文字に動きを付けるために、jQueryを使用しました。
レスポンシブ対応
対応しています
制作ツール
Figma・Photoshop・Visual Studio Code
制作期間
企画・W F:約2週間、デザイン:約1カ月、コーディング:約1カ月
