ロゴ

スグ食べ

Web 2022.07

無農薬野菜宅配サービスのお試し購入を目的としたLP

URL:https://hirayama-kaho.com/demo-sugutabe/

概要
スグ食べ(無農薬野菜宅配サービス)のLP スクールの課題として制作
ターゲット
まだ成長期の子どもがいるママ。
働き盛りの夫にも、まだまだ元気でいてほしいと思っている妻。
そこそこ食にお金をかけられる(普通のスーパーの1.5~2倍程度)
食にこだわる自分が好き。「ていねいな暮らし」が好き。
サイトの目的
リスティング広告を出すことになり、より訴求力の高いLPが必要となり制作。
食へのこだわりが強い層に響くような内容にしてお試し購入へ導くことがゴール
情報設計
ランディングページなので王道に、MV→リード文→悩みの共感→コンバージョン→本編、という流れで制作。
意図としては同じようなサービスがある中で、最初の掴みでの離脱率を下げるためにはどうすべきかを考えた。 その結果、すぐ食べとは何かを簡単に説明した上で、悩みの共感、そして第一アクションとしてのコンバージョンボタンという流れをとった
デザイン
無農薬野菜の配送サービスなので野菜の写真は大きく彩度を高めに配置。
ナチュラルな印象を持たせるために配色はアースカラーを使用。
MVの次に、お悩みを記載し共感を得た上でのコンバージョンボタン、スグ食べの概要を説明した上でのコンバージョンボタン、というように意味のある配置にした。
その理由としては、ターゲットである丁寧な暮らしをする女性たちや食にこだわりがある女性には品質やオーガニック、無農薬などといった内容を訴求した上でないと購入に至らないと考えたからだ。
温かみのあるデザイン、ナチュラルさを出したかったのであらゆるところに手書き風のイラストを配置。
(イラストなどはフリーサイトから借用)
コーディング
トップページの背景色が徐々に変化→パンの焼き上がりを表現
歪な丸も動きを持たせ、パンをこねている様子を表現。
デザインがシンプルだからこそ、細かいアニメーションなどを使用。
制作範囲
ワイヤーフレーム:1週間
デザイン:2週間
コーディング:2週間
使用ツール
Illustrator / Photoshop / Dreamweaver