発売前の商品ページを非公開にするしかなく告知ができなかった
新商品の発売前からユーザーの期待値を高めたい事業者向けに、商品ページを発売予告状態に切り替えられるComing Soon機能を開発しました。 予約販売、クロスセル、購入制限、配送・決済ルール制御まで。売り方のルールを在庫や顧客条件に応じて自動化しています。
CHALLENGES
抱えていた課題
着手前に整理した、解くべき課題です。ここが決まらないまま作り始めると、あとから作り直すことになります。
発売前の商品ページを非公開にするしかなく告知ができなかった
発売日をユーザーに伝える手段が限られていた
発売日当日の公開切り替えを手作業で行っていた
WHAT WE BUILT
つくったもの
課題に対して実際に設計・実装した内容です。
予告表示への切替
発売日前は購入ボタンをカウントダウン表示に切り替え、期待値を高める予告ページとして公開します。
カウントダウンUIの実装
発売日時までの残り時間を表示するカウントダウンをLiquid・JSで実装しました。
発売日時の自動公開切替
設定した発売日時に到達すると、自動的に通常の購入可能状態へ切り替わるようにしました。
SCOPE & TECHNOLOGY
対応範囲と技術
TECHShopify LiquidJavaScriptMetafieldsWebhooks
PROCESS
進め方
この案件で実際にたどった流れです。
要件整理
「新商品発売前からユーザーの期待値を高めたい事業者」の現場でどう使われるかを起点に、必要な機能範囲を洗い出します。
設計
Theme App Extension + Metafieldsとして実装する構成に落とし込み、データ構造を設計します。
実装
予告表示切替・カウントダウンUI・自動公開切替を中心に、ストアフロントと管理画面の両方を実装します。
検証・リリース
実際の購入導線で動作検証を行い、問題がないことを確認してから反映します。
OUTCOME
できるようになったこと
実装後の状態を、事実ベースで整理しています。
発売前から商品ページを公開し期待値を高められるようになった
発売日の周知がしやすくなった
発売日当日の切り替え作業が不要になった
CONTACT
つくりたいものを聞かせてください。
Shopifyでの新規構築、既存テーマへの機能追加、アプリ開発のご相談まで。まだ具体化していないアイデアも、整理するところから一緒に始めます。
メールで相談する