favyメンバーが好きを仕事にする日々を発信するfavicon

favy公式ブログ favicon(ファビコン)

サブスク商品ページのUIアップデートでCVRが「14%」改善した話

2022/04/12 サブスクブログ ブログ

こんにちは、favyサブスク事業責任者の久野です。2022年3月24日にfavyサブスクのUIの大幅アップデートを行いました。アップデートから約2週間、アップデートの良い影響が数値として見えてきたのでご報告させていただきます。

結論、

「UIアップデート前後でCVRが「14%」改善しました!!

非常に嬉しい結果です!この結果に到達できたのは、今回のUIアップデートに関わっていただいたfavyサブスクを導入いただいている企業のみなさま、開発チーム、CSチーム、すべての関係者の日々の努力の積み上げであります。

今回のUIアップデートについて、どのような仮設や目標のもとでUIアップデートを行い、どういった結果がでたかを共有させていただきます。

favyサブスクを導入いただく店舗そして企業さまが増えていく中で、サブスクの商品ページについて上記のような仮設を考え始めました。

この考えをもとに、今回のUIアップデートでは、

  • サービスの魅力をより伝えるための画像設定
  • サービスが使える店舗情報の拡充
  • 情報量が増える中でもすぐに申し込める導線

この3点を意識しながらUI改善を行いました。

UI改善のステップとしては、

  1. 仮設をもとに画面設計(ワイヤーツールを活用)
  2. ワイヤーの状態でウォークスルーを実施&改善ポイントを修正
  3. ウォークスルー後のワイヤーでデザイナーがデザイン作成
  4. デザイン状態でユーザビリティテストを実施&改善ポイントを修正
  5. ユーザビリティテスト後のデザインをもとにエンジニアが開発実装

といったステップで実装を進めました。上記ステップはfavyの標準的な開発ステップで、実装後の使い勝手に不便がないように、実装前段階で念入りにチェックと改善が行われる体制になっています。

具体的に、上記のような改善を行いました。

上記の商品ページトップ以外にも、店舗情報ページ、申込導線など、各種条件分岐も含めると100ページ以上の画面の刷新を行いました。

開発実装時の苦労話としては、サブスクという商品特性上、お客さまの課金ステータス(有効、課金失敗、無効)や商品の販売ステータス(販売中、準備中、停止中、非公開)といった条件分岐が多く存在し、条件別の実装またそのチェックがとても大変でした。

そして、アップデートから約2週間が経過し、アップデート前後10日間の各種数値を確認したところ、CVRや直帰率が改善していることがわかりました!

CVR(コンバージョン率)については、約14%の改善。

直帰率については、約22%の改善。

大幅なUIアップデートということもあり、改悪する可能性も含め不安もありましたが、アップデートしてほんとうに良かったという結果になりました。

favyでは、引き続きより良いサービスを提供するために改善を行っていきます。

引き続きよろしくお願いいたします。

favyでは、一緒に良いチームを作っていけるマーケター、エンジニアの仲間を募集しています。こういった改善に興味のある方、ぜひ気軽にお話させてください。

-サブスクブログ, ブログ
-

favicon人気記事

100円生ビール・ハイボールは、飲食店の集客に効果的と判明。総席数250席が満席!売り上げは約1.7倍に『汐留横丁』

4月5日は横丁の日!生ビール・ハイボールが100円!favy社運営の汐留・仙台・大分・鹿児島・宮崎の横丁でイベントを開催

カテゴリ: プレスリリース

流通プロセスで発生する食品ロスの削減に向けて株式会社favyと株式会社ドールが協働!飲食店を活用した新たな仕組作りの実証実験スタート

カテゴリ: プレスリリース

サブスクを導入した飲食店事例20選を一挙にご紹介!

カテゴリ: サブスクブログ

favy、2024年9月大阪でオープンする「JAM BASE」にてシェア型フードホールの出店が決定。さらにフードホール専用モバイルオーダーサービスの一般販売を開始

カテゴリ: プレスリリース

【8/27】カレッタ汐留に次世代型の横丁『汐留横丁』がオープン〜ネオ居酒屋、イタリアン、鮪専門店、チーズケーキの店、経営者限定会員制バー、会員制レストラン、ワイン角打ちの店などのさまざまなジャンルが入ったフードホールが登場〜

カテゴリ: プレスリリース

森ビル株式会社が運営する虎ノ門ヒルズステーションタワーのT-MARKETにfavyのフードホール専用モバイルオーダーシステムを導入〜事前決済型、事後決済型を使い分け〜

カテゴリ: プレスリリース

4月5日は横丁の日!favy社運営の横丁を一挙ご紹介

カテゴリ: 広報ブログ

株式会社favyと株式会社29ON、合併のお知らせ

カテゴリ: プレスリリース

実店舗サブスクの成功事例6選!成功の秘訣を解説

カテゴリ: サブスクブログ