デザイン時間
9時間
デザイン担当
概要
酒屋さんのサブスク。
ビール、日本酒、焼酎、ワインなどの好きな組み合わせを選べ、価格帯も3種類から選べるようになっています。
ターゲット
30代女性（共働き、子供が小さい、買い物が手間、夜しか受け取れない、定期便が嬉しい、とにかく忙しい）
目的・背景
前回のリニューアルから5年が経過、競合サイトではリニューアルが進み、自社商品を活用した記事コンテンツによるナーチャリングを行い集客を行なっているが、自社はそのような動きができていません。動画や記事コンテンツを含め、ユーザーを再訪し興味喚起させることでお試しキットへの申し込みを促していきたいと考えている背景があります。
デザインキーワード
シンプル、落ち着いた、高級すぎない高級感、おしゃれ、夜、ゆっくり
このキーワードは主にターゲットの人物像を想像しながら、キーワードを導き出しました。
30代の女性がターゲットなので、
・20代の頃より、少しお金に余裕が出てきたため、いいお酒を飲みたい。
・旦那さんと一緒にお酒を飲む時間を作りたい。
・子供が小さいので外に飲みにいけない、家で少し贅沢して飲みたい。
・夜にゆっくり飲めそう、お酒を楽しめそうという感情を持って欲しい。
このような感情を持たせることができれば、キットを申し込んでもらえると考えたので、上記のようなキーワードを導き出しました。
コンセプト
「忙しいあなたにちょっとの贅沢を」
キーワードやこれまでのターゲット分析から、このようなコンセプトを掲げました。LPのデザイン的には騒がしくないようにシンプルなデザインにし、少し高級感を感じられるようなものにしたいとここまでで自分の中に出来ました。
デザイン作成
①参考デザイン集め
主に参考は食品関連のサブスクや食品EC系などのサイトからデザインを集めていきました。とりあえずスクショを撮りまくり、あとはシンプルor雑多みたいな感じの軸で分けて、コンセプト・キーワードのイメージに近いシンプルなデザインを参考にしました。
②トンマナ
参考まで集めて、完成系のイメージを持てるようになるとデザイン作成中にずれが生じないようにトンマナを決めました。
具体的には、テキストの種類であったり、カラー設計などを行いました。テキストは明朝体にし、よりコンセプトに近い上品さを出すことを意識しています。カラーに関してもメインカラーに「贅沢」を連想させるコールドに近い色を採用、そのほかは白黒でまとめて、シンプルなカラーにしています。
文言もです。ます。調で終わるようになどここで決定しました。
③コンテンツ（情報）の流れ
次はコンテンツの流れを考えました。実際の目標はお試しキットを申し込んでもらうことなので、それを実現するにはどうすればよいかということを考えました。まず第一に申し込む導線は常にある方がいいと考え、フローティングで画面右下に配置しています。
ファーストビューの下には動画を配置し、よりイメージのしてもらいやすいコンテンツを用意しています。それに続き、画像と文章のサービス紹介→プラン紹介→愉しみ方→ユーザーの声→読み物コンテンツ→申込セクションといった流れにしました。
サービスやプランを把握してもらい、その次に実際に申し込んだ後のイメージをしてもらうためのコンテンツを用意し、申し込んでもらうといった流れを想定しています。
④デザイン
ここまでできるとデザインに落とし込むフローになります。
申込などアクションを取れる部分にはメインカラーを持ってきたり、最後の申込セクションでも目立たせるために背景色に黒を持ってきたりと重要な情報は目立たせつつ、他はシンプルにデザインしています。
またフォントの太さもあまり太いものを使ってしまうと高級感が少し薄れてしまうので、太くせずに大きくするなどといったデザインにしています。
遊び心として、フローティングのボタンには王冠をあしらったもの使ったりしています。