売れ筋商品が埋もれてユーザーに伝わっていなかった
売れ筋商品を分かりやすく訴求したい事業者向けに、Shopifyの販売実績データを使ったランキング表示機能を開発しました。 ランキング、スライダー、在庫僅少表示、追従ボタンなど。ストアフロントの見せ方を変えて、購入までの迷いを減らす機能を開発しています。
CHALLENGES
抱えていた課題
着手前に整理した、解くべき課題です。ここが決まらないまま作り始めると、あとから作り直すことになります。
売れ筋商品が埋もれてユーザーに伝わっていなかった
ランキングの更新を手作業で行っていた
カテゴリー別のランキングが作れなかった
WHAT WE BUILT
つくったもの
課題に対して実際に設計・実装した内容です。
販売実績の集計ロジック
注文データから商品ごとの販売数を集計し、期間・カテゴリー別のランキングを自動生成します。
ランキングUIの実装
1位〜N位を視覚的に伝えるバッジ付きのランキングセクションをLiquidで実装しました。
自動更新の仕組み化
定期実行でランキングデータを再計算し、手作業の更新を不要にしました。
SCOPE & TECHNOLOGY
対応範囲と技術
TECHShopify LiquidShopify Admin APITheme App Extension
PROCESS
進め方
この案件で実際にたどった流れです。
要件整理
「売れ筋商品を分かりやすく訴求したいEC事業者」の現場でどう使われるかを起点に、必要な機能範囲を洗い出します。
設計
Theme App Extension + Admin APIとして実装する構成に落とし込み、データ構造を設計します。
実装
販売実績集計・ランキングUI・カテゴリー別集計を中心に、ストアフロントと管理画面の両方を実装します。
検証・リリース
実際の購入導線で動作検証を行い、問題がないことを確認してから反映します。
OUTCOME
できるようになったこと
実装後の状態を、事実ベースで整理しています。
売れ筋商品がひと目で伝わるようになった
ランキング更新の手作業がなくなった
カテゴリー別の訴求ができるようになった
CONTACT
つくりたいものを聞かせてください。
Shopifyでの新規構築、既存テーマへの機能追加、アプリ開発のご相談まで。まだ具体化していないアイデアも、整理するところから一緒に始めます。
メールで相談する