Shopify store demo
Shopifyで作ると、こうなる。
架空の美容ブランド「SUIREI」を題材にした、動かないデモ画面です。実際に商品は買えません。
ストアの見た目・商品ページ・カート・レジ・管理画面の5枚を並べて、どこを自分でデザインできて、どこがShopifyの持ち場なのかを目で見て分かるようにしています。
架空ブランド／販売はしていません
画面はすべて再現（本物のShopifyではありません）
検索には出ません（noindex）
01ECサイトは4つの層でできている
上の2つが自分の持ち場。下の2つはShopifyと店主の持ち場で、作らなくていい。
① 見せる層
トップ・商品ページ・写真・文章・世界観
自分でデザインする
② 導線層
回遊・カート・定期便の見せ方・計測と改善
自分でデザインする
③ お金と在庫層
決済・在庫・注文・配送料・返金・会員
Shopifyが持つ
④ 運用層
発送・問い合わせ・返品・クレーム対応
店主が回す
02実際の画面を5枚
3,000円以上のお買い上げで送料無料｜平日15時までのご注文で当日発送
SUIREI
1
Hydration, in one breath
乾きを感じた瞬間、
肌に、ひと呼吸。
メイクの上から使える、微細ミストの保湿化粧水。日中の乾燥対策に。
よく選ばれている商品
まずはミストから。定期便は2回目以降いつでも変更できます。
デューミスト 80mL
¥3,300税込
★★★★★(128)
モイストクリーム 30g
¥4,180税込
★★★★☆(64)
ハイドラセラム 20mL
¥5,500税込
★★★★★(41)
はじめてセット
¥8,800税込
売り切れ
定期便なら、初回20%オフ。
お届け間隔は4週・6週・8週から選べます。休止も再開もマイページから。
SUIREIの考え方
保湿を、足し算にしない。使い切れる量と、続けられる価格で。
ふわりと広がる粒
暮らしに馴染む形
3呼吸で終わる習慣
SHOP
- すべての商品
- ミスト
- スキンケア
- 定期便
ABOUT
- ブランドについて
- 成分について
- よくある質問
SUPPORT
- 配送について
- 返品・交換
- お問い合わせ
LEGAL
- 特定商取引法に基づく表記
- プライバシーポリシー
- 利用規約
© SUIREI（架空ブランドのデモ画面です）
3,000円以上のお買い上げで送料無料｜平日15時までのご注文で当日発送
SUIREI
1
ホーム ／ ミスト ／ デューミスト 80mL
★★★★★128件のレビュー
デューミスト 80mL
¥3,300税込
3,000円以上で送料無料／平日15時までのご注文で当日発送
容量
80mL150mL（¥5,280）
香り
無香料シトラスローズ（在庫なし）
数量
1
残り12点
あす到着15時までのご注文
30日間返品可未開封のもの
定期便いつでも休止マイページから
商品の詳細・全成分＋
使い方＋
配送と返品について＋
よくある質問＋
あわせて選ばれています
モイストクリーム 30g
¥4,180税込
ハイドラセラム 20mL
¥5,500税込
クリアソープ 90g
¥1,980税込
はじめてセット
¥8,800税込
3,000円以上のお買い上げで送料無料｜平日15時までのご注文で当日発送
SUIREI
2
Hydration, in one breath
乾きを感じた瞬間、
肌に、ひと呼吸。
よく選ばれている商品
デューミスト 80mL
¥3,300税込
モイストクリーム 30g
¥4,180税込
ハイドラセラム 20mL
¥5,500税込
クリアソープ 90g
¥1,980税込
カート（2点）
あと ¥520 で送料無料になります
デューミスト 80mL
無香料／80mL・数量 1
¥3,300
クリアソープ 90g
数量 1
¥1,980
小計（税込）¥5,280
送料と手数料はレジでご確認いただけます
SUIREI
カート ＞ お客様情報 ＞ 配送方法 ＞ お支払い
連絡先
メールアドレス
配送先
姓
名
郵便番号（自動で住所が入ります）
住所
電話番号
配送方法
通常配送（2〜4日でお届け）無料
お急ぎ便（翌日お届け）¥550
お支払い
クレジットカード
コンビニ払い
後払い・スマホ決済
この画面はShopifyが用意したものです（デモのため実際には決済されません）
デューミスト 80mL
無香料／80mL
無香料／80mL
¥3,300
クリアソープ 90g
¥1,980
割引コード
小計¥5,280
配送料無料
合計¥5,280
（税込・内消費税 ¥480）
注文
今日の売上
¥42,680
前週比 +18%
注文数
9
前週比 +2
未発送
3
要対応
カート放棄
24%
追客メール送信中
| 注文 | 日時 | お客様 | 支払い | 発送 | 商品 | 合計 |
|---|---|---|---|---|---|---|
| #1009 | 今日 14:22 | M. S 様 | 支払い済み | 未発送 | 2点 | ¥5,280 |
| #1008 | 今日 11:05 | K. T 様 | 支払い済み | 未発送 | 1点 | ¥3,300 |
| #1007 | 今日 09:41 | A. Y 様（定期便） | 支払い済み | 発送済み | 1点 | ¥2,640 |
| #1006 | 昨日 20:18 | H. N 様 | 支払い済み | 発送済み | 3点 | ¥9,460 |
| #1005 | 昨日 16:02 | R. I 様 | 未払い | — | 1点 | ¥1,980 |
注文が入ると、在庫が自動で減り、お客様には注文確認メールが届きます。発送ボタンを押すと追跡番号つきの発送通知が自動で送られます。
この画面と、この動きは、すべてShopifyが最初から持っているものです。作る必要はありません。
この画面と、この動きは、すべてShopifyが最初から持っているものです。作る必要はありません。
03この5枚から分かること
私が作る（=腕の見せ場）
- トップの世界観・写真・コピー
- 商品ページの構成と説得の順番
- バリエーション・定期便の見せ方
- カートまでの導線と、公開後の計測改善
作らない（=Shopifyと店主の持ち場）
- レジ・決済・カード情報の扱い
- 在庫の増減・注文データ・自動メール
- 発送、問い合わせ、返品対応
- 特商法表記の中身（内容は店主が決める）
この画面について。これは実際のShopifyではなく、Shopifyのストアと管理画面の見え方を再現したHTMLのデモです。ブランド・商品・価格・レビュー件数・注文データはすべて架空で、購入も決済もできません。写真はすべて生成した画像を使っています。