RYX

Works

Shopify — 2026

FLAVIA公式ストア トップ・定期配送ページリニューアル

業務用コーヒーマシン「FLAVIA」の公式ECストアについて、トップページと定期配送(サブスク)ページを全面リニューアルしました。 法人向けの新規開拓と、既にマシンを使っている既存顧客のリピート購入という性質の異なる2つの目的を、1つのトップページで両立させる構成に再設計しています。 ワイヤーフレームをNotionで共有して情報設計を合意したうえで、デザインはShopify上に直接制作しプレビューURLで確認いただきながら進行。あわせて自社開発のお気に入り機能アプリ「RYX Wishlist」も導入しました。

Client
株式会社企画海 様
Category
Shopify
Stack
Shopify · Liquid · Theme App Extension
URL
drinks-aroma.jp

Project Notes

課題

訪問者の大半がすでにマシンを保有するリピーターである一方、8月から法人営業を本格的に開始する予定があり、法人向けに寄せすぎると一般のお客様が「自分は対象外」と感じてしまう懸念があった。 またマシンは3機種あり、どの機種が自社に合うのかを来訪者が自力で判断しにくく、機種選定からサブスク申し込みまでの導線が整理されていなかった。 機種のリニューアル(AROMA → AROMA II)とブランドロゴの刷新、商品カテゴリーの再編も同時に反映する必要があった。

解決策

トップは「メインビジュアル → キャンペーンバナー → 商品カテゴリー → マシン関連 → サブスクプラン」の順に再構成し、リピーターがドリンクパックへ最短で到達できるようカテゴリー導線を上部に配置。銀行振込・請求書払い・インボイス対応などの法人向け情報は法人ページへ切り出した。 機種選択は「利用人数とマシン機能で選ぶ」(〜30名未満/30〜50名/50名以上)を軸に、各カードへ機能の特徴と比較導線を付与し、商品ページ経由で定期購入まで完結する流れに整理。 サブスクはマシン付き3プランを主役に、マシンなし定期便とお試しスターターセットを補足として並べた比較表で、単品購入よりお得になる点を可視化した。 商品カテゴリーは6種へ再編し、AROMA IIの画像・使用方法PDF・新ロゴの差し替え、インボイス登録番号の掲載、よくあるご質問の整備まで対応。廃止した動画枠は使用シーン写真のメインビジュアルに置き換えている。

Contact

同じような案件、
ご一緒できます。

要件が固まっていなくても大丈夫です。非公開の類似案件があれば、ヒアリング時にお見せします。通常24時間以内にご返信いたします。

  • 相談・見積もり無料
  • 24時間以内に返信
  • 全国リモート対応
  • info@ryx.jp
相談する