WORKS.

スクール課題

オーガニック野菜宅配サービスLP「スグ食べ」

Design / Coding

制作概要

概要

スクール課題として、架空のオーガニック野菜宅配サービス「スグ食べ」のランディングページを制作しました。
課題

既存のwebサイトは存在するが、今回リスティング広告を出すことになり、より訴求力の高いLPが必要。
目的

食へのこだわりが強い層に響くような内容にし、お試し購入につなげる。
ターゲット

まだ成長期の子どもがいるお母さん。働き盛りの夫にもまだまだ元気でいてほしいと思っている女性。また、そこそこ食にお金をかけることができ、食にこだわる自分と「ていねいな暮らし」が好きな女性。
制作範囲/期間

企画・デザイン：1週間
コーディング：2週間
使用ツール

Figma / Photoshop / Illustrator / Visual Studio Code

詳細

情報設計

ユーザーが購入まで迷わず進める導線設計を重視し、ページ全体を構成しました。「お試しセット」の注文ボタンはファーストビュー・中盤・最下部に配置し、どの位置からでもスムーズに購入へ進める設計としています。冒頭には問いかけ型のコピーを配置し、ユーザーの共感を引き出すことで関心を喚起。また、スマートフォン表示ではスクロール量を抑えるため、セクションをスライド方式に切り替え、操作性を高めました。「お客様の声」では、調理後の写真を掲載し、利用後のイメージを具体的に想起させることで信頼感と購買意欲の向上を狙いました。
デザイン

全体のデザインは、「無農薬・有機野菜・オーガニック」という、体に優しい食材の魅力を伝えることを目的に、やわらかく落ち着いた色合いを基調としました。情報量の多い各セクションでは、重要なポイントをラインで強調することで、閲覧者がストレスなく内容を把握できるよう配慮しています。さらに、「スグ食べが選ばれる3つの理由」セクションでは、テキスト内容とサイト全体のイメージに調和するよう、アイコンをIllustratorで自作し、視覚的にも理解しやすいデザインにしました。