Sugutabe Landing Page
- Type:Website
- Date:2024.03~
- URL:https://haname.sakura.ne.jp
- ID : sugutabe PW : sugutabe2024
スクール課題として、架空のオーガニック野菜宅配サービス「スグ食べ」様の販促用LPを制作しました。「ていねいな暮らし」が好きで、食にこだわりたいママさんをターゲットに、ディティールにこだわりつつ、スッキリとした見やすいサイトを目指しました。
-
計1ヶ月
企画・ワイヤーフレーム・ロゴデザイン:5日
デザイン:1週間
コーディング:2週間 - Illustrator / Photoshop / figma / Dreamweaver
- HTML / CSS / JavaScript
Proposalー企画書
Overviewー概要
- 制作目的
-
お試しセットの購入、最終的にリピーター化させる
(既存サイトは存在するものの、リスティング広告のため、訴求力の高いLPを新規制作するに至った) - ターゲット
-
40代正社員として働くママさん
・まだ成長期の子どもがいるママ
・働き盛りの夫にも、まだまだ元気でいてほしいと思っている妻
・そこそこ食にお金をかけられる(普通のスーパーの1.5~2倍程度
・食にこだわる自分が好き、「ていねいな暮らし」が好き - 情報設計
- ユーザーが自分のサイトだと共感を持てるストーリー仕立てを意識しています。ターゲットが口コミを重視する層であることを踏まえ、「お客さまの声」に画像をつけたり、比較表を追加で制作し、お試しセット購入への後押しをしています。また、スクロールすると画面右下と右上にCVボタンを固定し、お試しセット購入への導線を常に確保しています。さらに、ボタンについている茄子🍆に動きをつけ、つい押したくなるようなボタンを目指しました。
- デザイン
-
ロゴと同じ赤色をアクセントカラーとし、お試しセットボタンを目立たせています。また、信頼感やヘルシーさを感じさせる深緑をメインカラー、ナチュラルで清潔感を感じさせる白とベージュをベースカラーとして、ボタンが映えるように全体的にスッキリとまとめています。難しくて飛ばされがちなグラフには野菜を使ったり、表では星を使ったりと、わかりやすく楽しく読めるよう工夫しています。フォントは見出しや強調部分には高級感のあるセリフ体、読ませる文字には可読性を重視してゴシック体を選びました。