WIX:https://sudaaa313.wixsite.com/dailybase
Figma:https://www.figma.com/design/jWMzFgUeFlHGn0vLFTo7zx/DailyBase?node-id=198-1068&t=5jg3uvDMLTmjxJXG-1
◼︎クライアント
架空の完全栄養食ブランド「DailyBase」(都市部在住の20〜30代・ライフスタイル重視の働く男女向け・サブスクリプション型栄養パウダー)
◼︎サイトの目的
・初回トライアルセットの購入獲得(サブスクへの転換)
・「忙しいを、美しく。」というブランドコンセプトの視覚化によるブランディング強化
・完全栄養食に対する「機能性重視・無機質」なイメージを払拭し、ライフスタイルへの共感を醸成
◼︎役割
・情報設計・ライティング(3C分析をもとにしたコピー)
・レイアウト設計
・デザイン全般
・実装(HTML / CSS / JavaScript)
◼︎使用ツール
HTML / CSS / JavaScript / Wix
◼︎制作期間
約3週間(60時間)
◼︎ポイント
依頼背景(課題):
完全栄養食市場はBASE FOODやHuelなど競合が多く、既存製品は「健康・筋トレ・機能性」訴求が中心。ライフスタイル重視の都市部ユーザーにとって、「自分ごと」として手に取りたいと思えるブランドが少ないという課題があった。
課題解決:
・企画書の3C分析をLP構成に直結させ、セクションの順序・コピー・デザインすべてに「根拠」を持たせる設計を実施。
・マーキーティッカー・フローティングCTA・カウントアップアニメーションなど、スクロールの各段階で購買意欲を高める仕掛けを積み重ね。
・「購入障壁解消」セクションで味・栄養・継続・価格・解約への不安を名指しで潰し、迷いを最小化する導線を構築。
・フレーバー選択→プランセレクターのインタラクションで「自分のもの」という当事者意識を醸成。
・スマホ版はレイアウトを単純縮小せず、各セクションの情報優先度を再定義したうえでモバイル専用の配置を設計。
成果(定性):
・「プロテイン=マッチョ」「完全食=ギーク」という既存イメージを払拭し、キッチンに出しておきたくなるライフスタイルブランドとしての世界観を確立。
・競合比較テーブルと返金保証の明示により、初回購入へのハードルを下げ、トライアルからサブスク転換を意識した購買動線を実現。