【課題制作】架空スムージーの定期便サービスのLP制作
SHElikesのトレーニングプログラムにて、SUMMYという架空のスムージーの定期便サービスのLP制作に取り組みました。🗓️2024
【デザインカンプ】
左:PC用(横幅1536px) 右:SP用(横幅375px)
◼︎使用ツール◼︎
デザインカンプ:Photoshop / Illustrator
実装:STUDIO
◼︎制作時間◼︎
1ヶ月
◼︎提供素材◼︎
ロゴ(色のみ変更可能)
ワイヤーフレーム(変更可能)
◼︎担当範囲◼︎
情報設計/デザインカンプ(PCサイズ、SPサイズ)/実装
【制作物について】
◼︎サービスの概要◼︎
水や牛乳で溶かして飲む粉末状のドライスムージーが定期的に届くサブスクリプション方のサービス。忙しい人でも手軽に栄養を摂れるヘルシーで美味しいスムージーで毎日の生活に彩りと楽しさを届ける。
◼︎目的◼︎
・商品の魅力を知ってもらい、サブスクサービス(定期販売)に申し込んでもらう。
・栄養補給が手軽に美味しくできる他、さまざまな味が定期的に届く楽しさを訴求したい。
◼︎ターゲット◼︎
・毎日が忙しく健康面に課題を感じている。
・手軽に栄養補給できるスムージなどを探している。
・美容や健康に対する意識が高い。
【制作ポイント】
◼︎制作するにあたっての達成したい目標◼︎
・SUMMYを利用することで手軽に栄養を補えることを伝える。
・健康面だけでなく生活が豊かになることを伝える。
◼︎ペルソナ◼︎
⚪︎ターゲット:佐藤麻美(35歳)
⚪︎属性:会社員、夫と2人の息子、東京在住、大学卒、年収400万
⚪︎趣味:ヨガ、ランニング、健康的なご飯作り
⚪︎日常活動:平日は仕事と育児家事で忙しい。休日は家族の時間を大切にする。
⚪︎課題
・忙しい毎日で栄養バランスをとることが難しい
・手軽に栄養豊富な食事などを取り入れたい
⚪︎購買行動
・情報収集は主にSNS(XやInstagram)、健康志向のブログやWebサイト、友人からの口コミ。
・購入の決め手は品質と信頼性、便利さ、口コミの評価、コスパ
◼︎情報設計◼︎
定期購入に申し込んでもらうために意識したことを以下に記載しています。
⚪︎ファーストビュー
・ファーストビューでは手軽な一杯をイメージできるようスムージーを持っている画像を配置し、さまざまな味が楽しめることをフレーバーのあしらいを配置することで表現しました。
・新しいワタシのジャンプ率を上げることで「利用すれば健康面でも生活面でも良くなるかもしれない」という期待感を持ってもらえるようにし、手書き風のフォントを使用することで情緒的面に訴えられるようにしました。
⚪︎特徴を説明した後のコンバージョンエリア
・SUMMYの特徴を説明した後のコンバージョンエリアでは商品画像を配置することで、どのような商品が届くのかがわかるようにしました。また、スティック上であることを認識してもらい、次の利用場面のセクションで手軽さを感じてもらえるようにしています。
⚪︎SUMMYの栄養素を示したコンバージョンエリア
・実際に栄養士さんがお勧めしていること、そして、SUMMYの栄養素がどれくらい高いのか比較のグラフを用いることで、SUMMYを利用すると栄養を補えることへの納得感や信頼感を高められるようにしました。
⚪︎料金プランのコンバージョンエリア
・料金プランのエリアではターゲットの目的に合わせて購入してもらえるよう、プラン名の上にサブコピーを添えることで利用する際のイメージを持ち迷わず選べるようにしました。また、ここでは手軽さを数字で示すことができるため、1個あたりの価格を記載しています。
◼︎トンマナ◼︎
⚪︎カラー
fff3dc / d8e7a4 /e72967(グラデーション) /ffffff / 6a4d36
・ベースカラーには「やさしい」「ナチュラル」をキーワードに薄いベージュを使用しました。
・コンバージョンエリアではSUMMYを利用することで「健康になれる」「生き生きとする」イメージを持ってもらえるよう淡い緑を使用しています。
・アクセントカラーには親しみや好印象を連想させるピンクを使用しグラデーションにしました。
⚪︎フォント
・可読性に優れ、少し柔らかさのある游ゴシックを使用ています。(実装ではNoto Sans JPを使用しています。)
・英数字にはカジュアルなPoppinsと丸みのあるBrandon Grotesqueを使用しています。
◼︎デザイン◼︎
・SUMMYのサービスの強み(手軽にたくさんのフレーバーを楽しめる)や込められた想い(健康面だけでなく生活面の豊かさを与える)をLP全体で表現したいと思い、「楽しい」「彩」をキーワードにフレーバーの切り抜いた画像を各コンバージョンエリアに配置しました。
・スムージーのとろっと感を出すため、波打った図形を配置しました。