ドライスムージー サブスクサービスLP

要件

◼︎ ドライスムージーのサブスクサービスLPデザイン　※架空サービス

＜商品概要＞
水や牛乳で溶かして飲む粉末状のドライスムージーが定期的に届くサブスクサービス。
忙しい人でも手軽に栄養を摂れるヘルシーで美味しいスムージーで毎日の生活に彩りと楽しさを届ける。

・必須要素：企業ロゴを使用、提供のワイヤーフレームを元に制作
・サイズ　：横サイズ PC 1280px／SP 375px

目的

・商品の魅力を知ってもらい、サブスクサービス（定期販売）に申し込んでもらう。
・栄養補給が手軽に美味しくできる他、さまざまな味が定期的に届く楽しさを訴求したい。

ターゲット

・25〜35歳 女性
・健康でいたいが時間が取れずになかなか良い食生活ができていない
・野菜やフルーツがなかなか摂取できていなくて栄養の偏りが気になる
・丁寧が暮らしがしたいとは心で思っている

ペルソナ

◼︎豊田 楓（32）

・仕事が充実している、朝が苦手でゆっくり朝ごはんを食べる時間はない
・週末はピラティスに通っていて体型維持に気を遣っている
・料理は得意な方ではない、でも健康には気遣い添加物系はなるべく避けている
・ミーハーでお洒落や美容が好き、肌に良いものを取り入れたいと思っている
・面倒なことが苦手、都度注文する手続きごとは避けたい

イメージ

・指定なし

ポイント

＜デザイン観点＞
・商品特徴である「彩りと楽しさ」というテーマをサイト全体を通して感じるよう、食材の色合いを活かした賑やかなカラー、各所へアニメーションを付けるなど工夫して作成。

・色味が多いことで散らばらないよう、各要素はFVの赤・オレンジ・緑で統一、その他はホワイト・グレーで配色。サイト上で繰り返し使用されるアイコンやあしらいは線を使ったものを使用し、雑然としないよう余白感を演出しました。

・FVのみでは味が３種類しかない・ボトル商品と思われかねないため、実際の商品パッケージも並べ”フレーバー豊富なドライスムージー”と認知いただけるようカバーを行いました。

＜情報設計観点＞
・SP版はスクロールが長く続くと離脱懸念があると考え、見せたい情報は直接配置、深掘りしたいユーザーは自らスライドして見れるようカルーセルで整理し、情報のメリハリを行いました。

・PC版はSPで作ったデザインはそのまま配置を変えるのみとし、世界観を変えない作り込みを意識。各要素の表示幅で動きを付け、画面が広くなっても平坦で重たい印象にならないよう工夫しました。

・CTAボタンは、FV・サイト末尾であえて記載の仕方を変えることで、前者で取りこぼしたユーザーを違う表現で呼びする目的とした訴求ポイントを取り入れています。