運営のルールから考える。
発送日や初回発送の扱いなど、現場の運用を整理して機能へ落とし込みました。
CASE 04 / 受託開発 / 化粧品D2Cブランド
D2C / Shopify
買う体験から、届ける仕事まで。
化粧品ブランドのShopifyストアと、運営を支える周辺システムの開発。ブランドの世界観を伝えるテーマ、固定日での定期購入、発送業務の記録をひとつの運用につなぎました。
PERIOD
2025 —
Shopifyストアの基盤
定期購入固定日の発送に対応
発送記録注文画面と連携
01 / CONTEXT
ブランドの裏側にも、一貫した設計を。
見た目だけでなく、購入後の定期発送や記録管理までを含めて設計。ストアの標準機能で足りない部分を周辺システムで補い、実際の業務に合わせて組み立てました。
02 / HOW IT WORKS
つながる仕組み。
各ステップを選ぶと、役割を確認できます。
01 / 04
ブランドの見せ方と、日々更新する情報をShopifyのテーマに落とし込みます。
03 / DESIGN CHOICES
設計で大切にしたこと。
注文と記録をつなげる。
発送時の写真を注文情報から扱えるようにし、記録が別々にならない流れをつくりました。
技術構成と実装の詳細
開発時の構成・検証記録です。
3 プロダクトを 1 つのブランド世界観の下で統合。テーマは Skeleton 不可侵を守りつつ、is_brand フラグで独自レイヤを差し込む単一エントリ設計。サブスクは Shopify Subscriptions API + Billing Cycles API を使い、月内固定日と 14 日クーリング期間をコード側で管理。発送写真は Admin Extension で 4 スロット UI を出し、Workers 経由で Google Drive へ multipart アップロード、Order Metafield に Drive フォルダ URL を自動書き戻す。 Three products integrated under one brand identity. The theme keeps Skeleton files untouched, injecting a custom layer via a single is_brand flag. The subscription app uses Shopify Subscriptions API + Billing Cycles API to manage the fixed-date-of-month and 14-day cooling in code. Shipping photos are captured through the Admin Extension's 4-slot UI, uploaded to Google Drive via Workers, and the Drive folder URL is written back to the Order Metafield.
Theme
Shopify Liquid
Skeleton (Dawn)
Metaobjects
Subscription
Remix
Vercel
Neon Postgres
Prisma
Shopify Polaris
Admin Ext
Preact
Signals
UI Extensions
Backend
CF Workers
Hono
KV / R2
Google Drive API
Ops
push / rollback / sync
薬機法辞書Yakukiho lexicon
Customizer drift check
LET'S BUILD.