date：2024.02
tool：Photoshop / CLIP STUDIO PAINT / Dreamweaver
Outline
制作概要
HTML・CSSの講座を一通り終えた後の初めて自分で一からデザイン、コーディングを行うスクール課題です。
産地直送の野菜が手軽に楽しめるサービスを想定し、お試しセットの購入に誘導するLPサイトを作りました。
担当範囲：企画、デザイン、コーディング
-
課題
既存のスグ食べWebサイトは存在するが、今回リスティング広告を出すことにしたため、より訴求力の高いランディングページが必要となった。
-
目的
食へのこだわりが強い層に響くような内容にして、お試しセットの購入へ導く。
-
ターゲット
育ち盛りの子どもがおり、健康に関心のある30代〜40代の主婦。
仕事と家事を両立しながらも、夫と子どもに健康的に過ごしてほしいと考えている。 -
情報設計
忙しい方にも要点が伝わりやすいよう、写真とイラストを多く取り入れたレイアウトを目指しました。
サイトの前半では「スグ食べが選ばれる3つの理由」「登録農家の紹介」を配置し、サービスのメリット、特徴についてユーザーにアピールし、後半では「お試しセットご利用方法」にて３ステップで商品が届くまでの流れを伝え、手軽さをアピール。また利用者の声や、よくある質問を配置することで注文前の煩わしさや、不安感を取り除く設計にしました。
最後に「オーガニック野菜で心と体に栄養を」というコピーと、サービス利用後の家族の健康と団欒を感じられる写真を使用し、ユーザーの心に響かせるラストメッセージを取り入れました。 -
デザイン
サービスの特徴であるオーガニック国産野菜を意識し、ヘルシーな色合いと和の雰囲気を合わせた和モダンなテイストを採用し、サービスイメージの定着を図ることを意識しました。ユーザーが認識しやすいよう、ボタンの色はオレンジで統一しました。
