スグ食べ
- TYPE:Website(架空)
- CLIENT:スクール課題
- URL:https://sugutabeas.sakura.ne.jp
興味を引く要素を散りばめ、コンバージョンに繋げるデザイン
-
概要
WEBデザインスクールの課題として、架空のオーガニック野菜宅配サービス「スグ食べ」のLPを制作しました。たくさんの情報をどうわかりやすく整理していくか、コンバージョン率を上げるにはどうするべきかを考える練習になりました。
-
制作目的
リスティング広告を出すに当たって、より訴求力の高いランディングページを作成してお試しセットの購入に導きたい。
-
ターゲット
30代〜50代の主婦。育ち盛りの子どもや夫の健康を心配しており、食べるものにこだわりたいと考えている。食にお金をかけることに抵抗はないが、なかなか時間の余裕がない。
-
構成
ファーストビューでターゲットの興味をぐっと惹きつけて離脱させないよう、クライアントの強みを3つ簡潔に配置しています。さらにファーストビューの直下にターゲットが抱えていそうなお悩みを配置し、共感や興味を強く感じられる構成にしています。一度概要を知っていただいた段階でコンバージョンエリアを設置。その後のクライアントの強みやお客様の声でサービスに説得力を持たせ、FAQで疑問の解決をはかった上でもう一度コンバージョンエリアを設置しています。また、それとは別に追従するコンバージョンボタンを置いて、気になったタイミングでいつでもお試しセットの購入に進めるように配慮しました。
-
デザイン
コンバージョンボタンやクラアントの強みなど、より強調したい部分には緑黄色野菜をイメージした鮮やかなカラーを使用し、それらが映えるよう基本の背景カラーは優しいベージュを使用しました。また情報量が多いため、写真だけでなくシンプルなイラストを交えてごちゃつかずに読みやすくなるよう工夫しています。中盤の3つの強みについては、しおりのような丸みを帯びた背景で重なっているような表現にすることで、途中で離脱せず次に進みたくなるようなデザインを目指しました。
-
担当範囲
デザイン、コーディング
-
制作期間
1.5ヶ月
-
使用ツール
Photoshop / Dreamweaver