名入れ希望の伝達を注文後のメールでやり取りしていた
ギフト商材やオーダー商品を扱う事業者向けに、購入時に名前や文字情報を入力できる名入れオプション機能を開発しました。 熨斗、名入れ、ラッピング。日本の贈答文化に対応する購入オプションを、Shopifyの注文フローに組み込んでいます。
CHALLENGES
抱えていた課題
着手前に整理した、解くべき課題です。ここが決まらないまま作り始めると、あとから作り直すことになります。
名入れ希望の伝達を注文後のメールでやり取りしていた
入力可能な文字数や書体のルールが伝わりづらかった
名入れ情報が生産・加工工程まで正しく届いていなかった
WHAT WE BUILT
つくったもの
課題に対して実際に設計・実装した内容です。
名入れ入力欄の実装
商品ページに文字入力欄を追加し、購入時に名入れ内容を指定できるようにしました。
入力バリデーションの実装
文字数上限・使用可能文字種をその場でチェックし、入力ミスを防ぎます。
生産工程への連携
入力内容を注文データに記録し、加工・生産担当者が管理画面から一覧で確認できるようにしました。
SCOPE & TECHNOLOGY
対応範囲と技術
TECHShopify LiquidShopify Admin APIMetafields
PROCESS
進め方
この案件で実際にたどった流れです。
要件整理
「ギフト商材・オーダー商品を販売する事業者」の現場でどう使われるかを起点に、必要な機能範囲を洗い出します。
設計
Theme App Extension + 受注データ連携として実装する構成に落とし込み、データ構造を設計します。
実装
文字入力欄・入力バリデーション・生産工程連携を中心に、ストアフロントと管理画面の両方を実装します。
検証・リリース
実際の購入導線で動作検証を行い、問題がないことを確認してから反映します。
OUTCOME
できるようになったこと
実装後の状態を、事実ベースで整理しています。
名入れ希望のやり取りが購入導線内で完結するようになった
入力ミスによる作り直しが減った
生産担当者が名入れ内容を一覧で確認できるようになった
CONTACT
つくりたいものを聞かせてください。
Shopifyでの新規構築、既存テーマへの機能追加、アプリ開発のご相談まで。まだ具体化していないアイデアも、整理するところから一緒に始めます。
メールで相談する