LP制作(デザイン・コーディング)
スクールの課題で架空の野菜宅配サービスのLPサイトを制作。 デザイン、コーディングまでを作成。 サイトの企画、テキストの部分はスケール側で設定されたもの。
●制作したLPサイト
野菜宅配サービスのLPサイト「すぐ食べ」
●使用技術
Photoshop、HTML、CSS、jQuery
●制作期間
2022年4月〜5月
●サイト開設の目的
・既存のスグ食べWebサイトは存在するが、今回リスティング広告を出すことにしたた
め、 より訴求力の高いランディングページが必要となった。
・食へのこだわりが強い層に響くような内容にして、なにはともあれお試し購入へ導き
たい。
●サイトコンセプト
新 鮮 さ・信 頼 感・安 心 感・健 や か さ・ヘ ル シ ー
●訴求したい事項
・無農薬・有機野菜・オーガニック野菜。
・「 身体にいいものを販売している(いいものを作っている農家をセレクトしている)」 ブ
ランディング。
・ 産地直送。
・旬のものが味わえる。
●ダーゲットユーザー
・まだ成長期の子どもがいるママ。
・働き盛りの夫にも、まだまだ元気でいてほしいと思っている妻。
・ そこそこ食にお金をかけられる(普通のスーパーの1.5~2倍程度)。
・ 食にこだわる自分が好き。
・「ていねいな暮らし」が好き。
●デザインコンセプト
・ ナ チ ュ ラ ル で 明 る く 、清 潔 感 が あ る 感 じ 。
・ L P な の で 、あ る 程 度 リ ッ チ な デ ザ イ ン( デ ィ テ ィ ー ル に 凝 っ た も の )に
し た い 。でもギラギラした昔ながらのLPにはしてほしくない。
・お試しセットのボタンが目立つようにしてほしい。
・ターゲットユーザーはスマホもよくみるので、スマホでも使いやすくしたい。
●工夫したところ
・ トップを見てユーザーにサービスを利用したいと思ってもらうため、トップ画像に野菜
と料理の写真を使用し、サービスを利用すると新鮮な野菜が自宅で食べられると想像
がつきやすいようにした。
・ 新鮮な感じを出すために素材に水彩の背景を取り入れた。
・ ユーザーが利用したいと思った時にすぐに申し込みできるように申し込みボタンをペ
ージの初めと中と終わりに配置した。
・ ユーザーに見てもらいたい箇所は色を目立つ色にした。