TEXTBOOK SECTION / AI LEARNING

クリエイター・工芸品ECを作る

Square API × Next.js 実践EC開発|自社ECを低コストで作る、決済・在庫・注文管理の設計と実装の「ケーススタディ」より、クリエイター・工芸品ECを作るを解説。生成AI、AI活用、DX、業務改善を実践しながら学べるオンライン教材です。

2ケーススタディEC

OVERVIEW

この節で学べること

概要を表示する
項目内容
教材名Square API × Next.js 実践EC開発|自社ECを低コストで作る、決済・在庫・注文管理の設計と実装
ケーススタディ
クリエイター・工芸品ECを作る
カテゴリEC
学習内容生成AI、AI活用、DX、業務改善を実践しながら理解するための教材です。

TABLE OF CONTENTS

目次

CONTENT

ここから

第31章では、食品ECの作り方を学びました。

食品ECでは、賞味期限、保存方法、配送温度帯、レシピ、ギフト、リピート導線が重要でした。

この章では、クリエイター・工芸品ECを作るときの考え方を整理します。

クリエイター作品や工芸品は、食品や日用品とは売り方が違います。

大量販売よりも、少量在庫、一点もの、高単価、展示会連携、問い合わせ対応が重要になります。

大量に売るEC
  ↓
価格・在庫・購入ボタンが中心

工芸品EC
  ↓
作品背景・作り手・一点性・相談導線が中心

購入者は、ただ商品を買うだけではありません。

作品の背景、作り手の想い、素材、制作工程、希少性、飾る場所、贈る意味まで含めて判断します。

きれい
  ↓
誰が作ったの?
  ↓
どんな素材?
  ↓
一点もの?
  ↓
どこに飾れる?
  ↓
安心して買える?
  ↓
購入・問い合わせ

攻略本風に言えば、第32章は**「作品の価値を、画面越しに伝える鑑賞ステージ」**です。


32.1 少量在庫商品の販売

クリエイター・工芸品ECでは、在庫数が少ないことが多いです。

大量生産品ではなく、手仕事や限定制作の商品が中心になるからです。

在庫100個:
一般的な量販商品

在庫1〜5個:
工芸品・作品・限定制作

少量在庫商品の販売では、在庫管理が特に重要です。

在庫が少ないため、1つのミスが大きなトラブルになります。

在庫1点
  ↓
2人が同時に購入
  ↓
どちらかに販売できない

少量在庫商品では、商品ページに在庫状況を分かりやすく表示します。

在庫あり
残り1点
売約済み
展示会出品中
予約受付中

表示例です。

残り1点です。
こちらの作品は、売り切れ次第販売終了となります。

少量在庫では、購入ボタンを押したタイミングでサーバー側でも在庫を確認します。

商品ページでは在庫あり
  ↓
別の人が先に購入
  ↓
購入ボタンを押す
  ↓
サーバー側で在庫0を確認
  ↓
購入を止める

在庫数が少ない商品では、在庫を「確保する」タイミングも考えます。

購入ボタンを押した時点で確保する
決済完了時点で確保する
問い合わせ中は仮押さえする

小規模ECでは、最初はシンプルに次の設計で十分です。

通常販売:
決済完了時に在庫を減らす

高額一点もの:
問い合わせ後に管理者が手動で売約済みにする

少量在庫では、無理に完全自動化するより、手動確認を組み合わせる方が安全な場合があります。

少量在庫は、
スピードより正確さを優先する。

32.2 一点もの商品の扱い

一点もの商品とは、在庫が1つしかない商品です。

工芸品、アート作品、着物、器、家具、ジュエリーなどではよくあります。

一点もの:
同じものがもう作れない
または
同じものを用意するのが難しい

一点ものECでは、通常商品とは違う注意が必要です。

在庫が1つだけ
同時購入に弱い
返品時の扱いが難しい
展示会販売と競合しやすい
価格が高いことが多い

一点もの商品のステータス例です。

available:
販売中

reserved:
商談中・仮押さえ

sold:
売約済み

exhibited:
展示中

archived:
販売終了

TypeScriptで考えると、次のようになります。

type ArtworkStatus =
  | 'available'
  | 'reserved'
  | 'sold'
  | 'exhibited'
  | 'archived';

type ArtworkProduct = {
  id: string;
  title: string;
  artistName: string;
  price: number;
  status: ArtworkStatus;
  isOneOfAKind: boolean;
  createdYear: number | null;
};

一点ものでは、購入ボタンの表示をステータスによって変えます。

available:
[購入する]

reserved:
[問い合わせる]

sold:
売約済み

exhibited:
展示会場でご覧いただけます

一点ものでは、売り切れ後もページを残す価値があります。

なぜなら、過去作品としてブランド価値を伝えられるからです。

売約済み作品
  ↓
作家の実績として残る
  ↓
同じ作家の他作品へ誘導
  ↓
問い合わせにつながる

表示例です。

こちらの作品は売約済みです。
同じ作家の作品をご希望の方は、お問い合わせください。

一点ものは、売れたら終わりではありません。

作品アーカイブとして残すことで、ブランドや作家の信頼につながります。


32.3 作品説明の重要性

クリエイター・工芸品ECでは、作品説明が非常に重要です。

なぜなら、購入者は実物を手に取れないからです。

画面上で価値を理解してもらう必要があります。

実店舗:
手に取れる
質感が分かる
重さが分かる

EC:
写真と文章で伝える必要がある

作品説明に入れるべき情報です。

・作品名
・作家名
・制作年
・素材
・サイズ
・重さ
・技法
・制作背景
・使い方
・飾り方
・取り扱い注意

作品説明の例です。

この器は、土の風合いを残しながら、手になじむ柔らかな形に仕上げた一点ものです。
釉薬の濃淡や焼成時に生まれる表情により、同じものは二つとありません。
日常の食卓にも、特別な日の一品にもお使いいただけます。

作品説明では、ただ「美しい」と書くだけでは弱いです。

何が美しいのか、なぜ価値があるのかを説明します。

弱い説明:
美しい作品です。

強い説明:
自然光の下で見ると、釉薬の濃淡がやわらかく変化し、見る角度によって表情が変わります。

購入者が知りたいのは、作品の魅力だけではありません。

実用面も重要です。

どのくらいの大きさか
どこに置けるか
日常使いできるか
水洗いできるか
贈り物にできるか

説明文の基本構成です。

1. 作品の印象
2. 素材・技法
3. 制作背景
4. 使い方・飾り方
5. サイズ・注意点
6. 購入・問い合わせ導線

作品説明は、営業文ではなく、鑑賞の案内です。

売り込む
  ではなく
価値が伝わるように案内する。

32.4 高単価商品の購入導線

工芸品やクリエイター作品は、高単価になることがあります。

高単価商品では、通常のECのように、いきなり購入ボタンだけを置いても購入されにくいです。

価格:
300,000円

購入者:
本当に買って大丈夫かな
実物を見たい
配送は安全?
返品は?
支払い方法は?

高単価商品では、購入前の不安を丁寧に減らす必要があります。

商品ページに必要な情報です。

・作品詳細
・作家プロフィール
・サイズ
・素材
・状態
・配送方法
・保険付き配送の有無
・返品条件
・問い合わせ導線
・実物確認の可否

高単価商品の導線は、次のように分けます。

低〜中価格:
そのまま購入

高価格:
問い合わせ
  ↓
説明
  ↓
見積もり
  ↓
決済リンク送付

購入ボタンを置く場合でも、近くに安心材料を置きます。

[購入手続きへ進む]

・配送前に状態を確認して梱包します
・高額作品は追跡可能な配送方法でお届けします
・ご不明点は購入前にお問い合わせください

高単価商品では、問い合わせボタンも重要です。

[この作品について相談する]
[実物確認について問い合わせる]
[配送方法を相談する]

高単価商品では、即購入だけが正解ではありません。

即決購入
  だけでなく
相談してから購入
  も用意する

特に、作家物や一点ものでは、購入者が納得してから購入する導線が信頼につながります。

高単価商品は、
購入ボタンより先に安心を置く。

32.5 問い合わせ後決済

問い合わせ後決済とは、購入者がまず問い合わせを行い、その後に店舗側が個別に決済案内を送る方法です。

高単価商品、一点もの、展示会販売、オーダー品では有効です。

問い合わせ
  ↓
在庫確認
  ↓
配送方法確認
  ↓
購入意思確認
  ↓
決済リンク送付
  ↓
決済完了

問い合わせ後決済が向いているケースです。

・高額作品
・一点もの
・配送相談が必要な作品
・展示会出品中の商品
・受注制作
・法人購入
・海外配送相談

商品ページのCTA例です。

[この作品について問い合わせる]
[購入前に相談する]
[在庫状況を確認する]

問い合わせフォームで聞く項目です。

・氏名
・メールアドレス
・電話番号
・希望作品
・購入希望か相談か
・配送先地域
・質問内容

ただし、最初から住所などの詳細情報を取りすぎる必要はありません。

最初:
名前、メール、希望作品、質問内容

購入確定後:
配送先住所

問い合わせ後決済の管理画面では、ステータスを管理します。

new:
新規問い合わせ

checking:
確認中

reserved:
仮押さえ

payment_sent:
決済リンク送付済み

paid:
決済完了

cancelled:
キャンセル

Squareの決済リンクを使う場合、管理者が金額と内容を確認してから個別に決済リンクを作成する設計にできます。

管理者:
作品と送料を確認
  ↓
決済リンクを作成
  ↓
購入者へメール送信

問い合わせ後決済は、購入までのステップは増えます。

しかし、高単価商品では、そのステップが安心につながります。

安い商品:
すぐ買えることが大事

高い商品:
納得して買えることが大事

32.6 予約販売

クリエイター・工芸品ECでは、予約販売も有効です。

予約販売とは、完成前や展示前の商品について、先に購入希望や予約を受け付ける方法です。

制作予定
  ↓
予約受付
  ↓
制作
  ↓
完成
  ↓
発送・受取

予約販売が向いているケースです。

・受注制作
・限定制作
・展示会前の先行予約
・再制作予定のある作品
・職人の制作数に限りがある商品

予約販売で必要な情報です。

・予約受付期間
・制作予定数
・完成予定時期
・発送予定時期
・支払いタイミング
・キャンセル条件
・仕様変更の可否

表示例です。

こちらの商品は予約販売です。
ご注文後、制作に入り、完成後に発送いたします。

完成予定:
2026年9月下旬

発送予定:
2026年10月上旬

予約販売では、完成品と写真が完全に一致しない場合があります。

手仕事の商品では、個体差が出ることがあります。

釉薬の表情
木目
染めの濃淡
手彫りの跡

そのため、個体差について説明します。

手仕事のため、色味や表情には一点ごとに個体差があります。
写真は仕上がりの一例としてご覧ください。

予約販売のステータス例です。

reserved:
予約受付済み

in_production:
制作中

ready:
完成

shipped:
発送済み

cancelled:
キャンセル

予約販売では、購入者を待たせるため、進捗連絡が大切です。

予約受付メール
制作開始メール
完成予定の案内
発送完了メール

予約販売は、売れ残りを減らしながら制作できる方法です。

ただし、納期や個体差の説明を丁寧に行います。


32.7 展示会とECの連携

クリエイター・工芸品ECでは、展示会との連携が重要です。

展示会は、作品を実物で見てもらえる貴重な場です。

ECは、その後の購入や問い合わせにつなげる場所になります。

展示会で見る
  ↓
気になる
  ↓
QRコードで作品ページを見る
  ↓
問い合わせる
  ↓
購入する

展示会とECを連携する方法です。

・展示会専用ページを作る
・作品ごとのQRコードを用意する
・展示中ステータスを表示する
・売約済み表示を反映する
・展示会後も作品アーカイブとして残す

展示会専用ページの構成例です。

# 〇〇展 出品作品一覧

## 開催期間

## 会場

## 出品作家

## 作品一覧

## 購入・問い合わせ方法

作品ページでは、展示会情報を表示します。

現在、こちらの作品は〇〇展に出品中です。
会期中は会場にて実物をご覧いただけます。

展示会で販売される可能性がある作品は、EC側のステータス管理が重要です。

available:
販売可能

exhibited:
展示中

reserved:
商談中

sold:
売約済み

展示会会場で売れた場合、EC側もすぐに売約済みにします。

会場で売れる
  ↓
管理画面でsoldに変更
  ↓
ECでは売約済み表示

展示会終了後もページを削除しない方がよい場合があります。

展示会アーカイブ
過去作品一覧
作家の実績
次回問い合わせ導線

展示会とECをつなげることで、会場に来られなかった人にも作品を届けられます。

会場で見る人
オンラインで見る人
どちらにも届く導線を作る。

32.8 売約済み表示

工芸品ECでは、売約済み表示が重要です。

一般的なECでは、売り切れ商品を非表示にすることがあります。

しかし、工芸品や作品では、売約済み作品も価値を持ちます。

売約済み作品
  ↓
人気の証明
作家の実績
ブランドの信頼
次回制作への問い合わせ

売約済み表示の例です。

SOLD OUT
売約済み
こちらの作品はご成約済みです

売約済みページに入れる導線です。

・同じ作家の作品を見る
・似た雰囲気の作品を見る
・次回入荷を問い合わせる
・オーダー制作について相談する
・展示会情報を見る

表示例です。

こちらの作品は売約済みです。

同じ作家の作品をご希望の方は、現在販売中の作品をご覧いただくか、お問い合わせください。

売約済み作品を残すメリットです。

・作家の世界観が伝わる
・過去の制作実績になる
・検索やSNSリンクを受け止められる
・次回購入希望につながる

ただし、売約済み表示が多すぎると、購入できる商品が分かりにくくなる場合があります。

そのため、一覧ではフィルターを用意すると便利です。

[販売中]
[売約済み]
[展示中]
[すべて]

購入できる作品だけ見たい人にも配慮します。

販売中の作品だけを見る

売約済み表示は、単なる在庫表示ではありません。

作家やブランドの信頼を伝えるアーカイブにもなります。


32.9 ブランド体験を損なわないUI

クリエイター・工芸品ECでは、UIがブランド体験に大きく影響します。

安っぽいボタン、派手すぎるバナー、過剰な割引表示は、作品の価値を下げることがあります。

高級な作品
  ↓
派手なSALEバナー
  ↓
ブランド体験が崩れる

工芸品ECのUIでは、次の点を意識します。

・余白を広く取る
・写真を大きく見せる
・文字を詰め込みすぎない
・色数を増やしすぎない
・価格表示を落ち着かせる
・問い合わせ導線を丁寧に置く

避けたいUIです。

・常に赤いSALE表示
・点滅するボタン
・情報が詰まりすぎた商品ページ
・ポップアップの出しすぎ
・大量の商品カードを雑に並べる

よいUIの考え方です。

作品を主役にする
写真を邪魔しない
購入者が落ち着いて見られる

作品ページでは、写真の見せ方が重要です。

・正面
・側面
・質感アップ
・使用シーン
・サイズ感が分かる写真
・展示風景

説明文も、詰め込みすぎず読みやすくします。

短い導入文
  ↓
詳細情報
  ↓
サイズ・素材
  ↓
取り扱い注意
  ↓
問い合わせ・購入

高級感のあるUIでは、購入ボタンも強すぎない表現にできます。

[購入する]
[この作品を購入する]
[購入について相談する]

ブランド体験を守るには、売り込みよりも信頼感を優先します。

急がせる
  ではなく
納得して選んでもらう。

32.10 高級感のある決済導線

最後に、高級感のある決済導線を考えます。

高単価作品や工芸品では、決済導線もブランド体験の一部です。

購入ボタンを押した後に、急に雑な画面になると不安になります。

作品ページは上品
  ↓
決済前画面が雑
  ↓
不安になる

高級感のある決済導線では、次の点を意識します。

・購入前に内容確認を丁寧にする
・配送方法を明確にする
・梱包について説明する
・決済は安全な画面で行うと伝える
・問い合わせ導線を残す

決済前確認画面の構成例です。

ご購入内容の確認

作品名:
〇〇

作家名:
〇〇

価格:
300,000円

配送方法:
追跡可能な配送方法でお届けします。

梱包:
作品の状態を確認のうえ、丁寧に梱包して発送します。

[決済へ進む]

Squareのホスト型決済を使う場合は、外部決済画面へ移動することを伝えます。

決済はSquareの安全な画面で行います。
次の画面でお支払い情報をご入力ください。

高単価商品では、決済前に問い合わせ導線を残すのも大切です。

ご不明点がある場合は、ご購入前にお問い合わせください。

問い合わせ後決済の場合は、さらに丁寧に案内します。

お問い合わせ内容を確認後、在庫状況、配送方法、合計金額をご案内いたします。
内容にご納得いただいた後、決済リンクをお送りいたします。

高級感のある決済導線では、急かさないことが重要です。

今すぐ買ってください
  ではなく
安心してお手続きください

購入完了後のメッセージも、丁寧にします。

ご購入ありがとうございます。
作品の状態を確認のうえ、丁寧に梱包して発送準備を進めます。
発送が完了しましたら、改めてご案内いたします。

決済は、単なる支払い処理ではありません。

作品を迎える体験の一部として設計します。


第32章のまとめ

クリエイター・工芸品ECでは、一般的な量販ECとは違う設計が必要です。

少量在庫、一点もの、高単価、展示会、問い合わせ、売約済み表示、ブランド体験を丁寧に扱う必要があります。

この章で覚えておきたいポイントは、次の通りです。

1. 少量在庫商品では、在庫ミスを防ぐ設計が重要である
2. 一点もの商品は、available、reserved、soldなどのステータスで管理する
3. 作品説明では、素材、技法、背景、使い方、サイズを丁寧に伝える
4. 高単価商品では、購入前の不安を減らす導線が必要である
5. 問い合わせ後決済は、高額作品や一点ものと相性が良い
6. 予約販売では、完成予定、個体差、キャンセル条件を明確にする
7. 展示会とECを連携すると、会場外の購入者にも作品を届けられる
8. 売約済み表示は、作家の実績やブランド価値を伝える役割がある
9. 工芸品ECでは、UIがブランド体験を左右する
10. 高級感のある決済導線では、安心感と丁寧さが重要である

クリエイター・工芸品ECの基本は、次の一言にまとめられます。

作品は、商品として売る前に、価値として伝える。

価格だけで判断されないように、作り手、素材、技法、背景、使い方、飾り方まで伝える。

その上で、購入者が安心して相談・購入できる導線を用意する。

これが、クリエイター・工芸品ECの基本設計です。

第33章では、ここまで作ってきたECシステムを、制作案件としてどのように提案し、どのように収益化していくかを整理していきます。

FAQ

よくある質問

クリエイター・工芸品ECを作るは医療関係者向けだけの内容ですか。
医療分野の例が含まれる場合もありますが、医療関係者だけに限定した内容ではありません。生成AI、AI活用、DX、業務改善、プロトタイプ開発など、一般的なAI学習の事例として読める内容です。
AI初心者でも読めますか。
はい。AIをこれから学ぶ方、数学が苦手な方、仕事でAIを使いたい方にも読み進めやすいように、教材の章と節の流れに沿って整理しています。
サムネイル画像は必ず表示されますか。
はい。教材にcoverUrlが設定されている場合はその画像を表示し、未設定の場合は代替サムネイル画像を表示します。
Square API × Next.js 実践EC開発|自社ECを低コストで作る、決済・在庫・注文管理の設計と実装のほかの章も読めますか。
はい。教材トップから章立てを確認でき、前後の節へもページ下部のナビゲーションから移動できます。