課題制作|Webサイト制作デザイン編コース「実技試験」

架空の「有機栽培野菜のネット通販LP」(オリジナルWebサイト)を制作しました。

  • 使用ツール:Photoshop
  • 制作年月日:2026年6月
  • 制作内容:課題制作(Webデザインスクール「SHElikes」実技試験)

LP全体(PC版)

※ 課題に登場する企業、サービス、人物は全て架空のものです。

制作目的

  • インターネットの検索でこのサイトを見つけて定期購入をしてもらうこと
  • 目標:月100人の新規ユーザー獲得

サイトの概要

家族経営の農園が運営する有機栽培野菜のネット販売

サイト名てとて農園(家族で「手と手」を取り合って野菜を育て、お客様の手へ届ける)
サイズFV:1440px × 900px|LP全体:1440px × 9803px
提出形式デザインカンプ|PNG

デザインのイメージ

  • 田舎に住んでいる両親が作っている野菜のイメージ
  • いびつで泥がついていて見た目は悪いが食べると美味しい野菜
  • ナチュラル、自然、ファミリー、親しみやすさ

ターゲット

  • 30代の小さな子供がいる共働きの既婚女性
  • 家族の健康の為に農薬や化学肥料を使わない食材を使いたい
  • エコや環境に高い関心がある
  • 生産者や産地(トレーサビリティ)にこだわる方
ペルソナ古賀あかり(34歳)|オーガニック製品が好き|美容や健康に高い関心がある
属性夫と娘(3歳)、息子(1歳)の4人家族|フルタイムで働く共働き主婦。現在は育休中|緑や自然が豊かな東京近郊の地方都市に在住|趣味は、読書や散歩、料理
背景や行動下の子がアレルギー体質で、有機野菜に興味を持った|もやしの根っこや大根の葉っぱなどを再利用した「キッチン菜園」も親子で楽しみながら行っている|手作りの料理やお菓子を子供が喜んで食べる様子を見て、材料にもこだわりたいと思うようになった。
ニーズやゴール作り手が誰か分かる、信頼できる人から安心材料を手に入れたい|自分の子供に泥付きの野菜や、野菜の匂い、手触りなどを体験させたい|毎週違う野菜を取り寄せて、料理のマンネリ化を防ぎたい
  • 野菜畑を背景にした農園の経営者の写真をFVに掲載することで、どんな人が野菜を作っているのかが分かり、ユーザーに信頼感を感じてもらえる
  • 生産者の顔が見える、環境に優しい有機栽培が売り
  • 家庭的で暖かな雰囲気を意識して作成した

植物の色「グリーン」と、土や太陽を連想させる「黄土色」「淡いイエロー」を使用し、明るくナチュラルなイメージに仕上げました。

CTAボタンは、グラデーションを使い、文字は暗いグレーを使用することで視認性を高めた。