手仕事のジュエリーを想定したネットショップのイメージ写真
Online Shop Proposal

サイトと
ネットショップを、
まとめて。

お問い合わせいただいた方への、
ご案内ページです。

プランを見る ↓
STYLE DESIGN WORKS2026.09

このたびはお問い合わせをありがとうございます。ホームページと、商品を購入できるお店(Shopify)を一緒におつくりするご案内です。

Shopify(ショッピファイ)は、世界中で使われているネットショップの仕組みです。商品を選ぶ・カートに入れる・お支払い、までをこの仕組みが動かします。今回は、その「お店」をどこまでサイトと一体にするかで、2つのプランをご用意しました。

プランは2つ

それぞれのプランの下に、同じ架空の美容液ブランド「はぐくみ」で作ったデモがあります。画像を押すと実際に触れます。いずれも自主制作で、購入ボタンの先は「お店の画面のイメージ」まで。決済ページには飛びません。

Plan 1

ベーシック
サイト制作+商品棚(リンク型)

¥280,000¥160,000モニター価格・税込・限定数

サイトの中に商品棚をつくり、各商品の「購入する」ボタンからShopifyの購入画面へ移動する形です。Amazonのリンクを貼るようなイメージで、サイトの世界観はそのまま、ご購入はShopify側で完結します。購入画面はShopifyの標準デザインになるため、そこだけ雰囲気が変わります。

含まれるもの
  • ホームページ制作(世界観・構成・文章の整理・スマホ対応)
  • 商品棚ページ(ホームページに載せるのは6点まで。購入ボタンも6個まで)
  • Shopifyの裏側の設定一式(ホームページに載せる6点の商品登録・配送・発送元・必要なページの文面)
  • 各商品の購入ボタンとShopifyの接続
  • テスト注文での動作確認、納品ガイド、納品後30日の質問対応

7点目以降の商品は、ホームページには載せられませんが、Shopify側でお客さまご自身で追加できます(追加の仕方は納品ガイドでお渡しします)。

Plan 2 ― おすすめ

プレミアム
サイトとお店を、同じ世界観でひとつに

¥250,000¥180,000モニター価格・税込・限定数

購入画面まで、サイトと同じ配色・書体で整え、境目がわからない状態にします。Shopify側から入ってきた方にも同じ世界観で届き、カート・まとめ買いにも対応します。
サイト制作に加えて、今回は特別にShopifyの設定もモニター料金でお付けします。

含まれるもの(ベーシックに加えて)
  • Shopify側のデザインをサイトと統一(お店の見た目の制作)
  • ドメインの接続(サイトとお店が同じ住所・同じ世界観)
  • カート・まとめ買い・クーポンに対応した購入の流れ
  • 商品棚に載せる6点は、お店側にも同じ世界観で並びます

モニターの条件:先着の限定数/制作事例としてサイト・SNSに掲載させていただけること/今回限りの価格です(通常は¥250,000〜)。

プレミアムは、ここが違います

同じ商品の「購入する画面」を並べました。左はShopifyの標準テンプレートのまま、右はプレミアムで作り込んだもの。番号のところが、標準の範囲を超えて手を入れている場所です。

標準テンプレートのままベーシックの購入画面
Shopify標準テンプレートの商品ページ。白い背景に標準の書体とボタン
プレミアム作り込んだ購入画面
サイトと同じ配色・書体で作り込んだ商品ページ 1 2 3 4 5
  1. 1
    配色・書体・余白サイトと同じ緑・同じ明朝体・同じ間隔。お店に入っても「別の会社」に見えません
  2. 2
    在庫バッジと送料の注記「翌営業日に発送」「送料は購入手続きで計算」を商品名のすぐ下に。標準では別の場所に散らばります
  3. 3
    ギフト包装のチェック贈りもの向けの商品なら、購入の流れの中で選べる形に。標準テンプレートにはありません
  4. 4
    ボタンの色と言葉「カートに入れる/今すぐ購入する」の色・形・言葉づかいまでサイトに合わせています
  5. 5
    写真の切り替えサムネイルで使用シーンの写真に切り替え。商品の見せ方を設計しています
ジュエリーブランドを想定した、作り込んだ商品ページ
別のブランド(ジュエリー想定)でも同じ考え方。写真・配色・言葉づかいが変わっても、「サイトの続き」として成立します。
「リンクを貼るだけ」で終わらない理由
購入ボタンを押した先の画面は、Shopifyというお店の仕組みが動かしています。この仕組みは、お店の中身が設定されていないと動きません。
  • 商品の登録(写真・価格・在庫・送料の計算に使う重さ)
  • 配送の設定(どこへ・いくらで・どこから送るか)
  • 決済の設定(ご本人の口座・本人確認。ここだけはご本人にしかできません)
  • 法律で必要なページ(特定商取引法に基づく表記・返品条件・プライバシーポリシー)
  • 実際に注文を通してみるテスト
これらが1つ欠けると、お客様が住所を入力した時点で「配送できません」と止まってしまいます(実際に、設定が1箇所ズレただけでこのエラーが出ました)。
つまり、省けるのは「お店の見た目」だけで、「お店の中身」は必ず要ります。リンクを貼る作業そのものは数分ですが、その先を動かす準備に工数がかかる、という構造です。
お店の外観は線だけで、中のレジ・棚・伝票・配送の道具はしっかり描かれているイラスト
看板と内装(見た目)を省いても、レジ・商品棚・伝票・配送の準備(中身)はそのまま要る、というイメージです。
仕組みと「住所」の話

ドメインとは、インターネット上の「住所」です(例:yourshop.com)。お客様名義で取得し、年に約¥1,600かかります。設定はこちらで代行します。サイトとお店が、その住所の中でどう置かれるかがプランで変わります。

ベーシック
yourshop.comサイト(置き場:Cloudflare・利用料¥0)
購入ボタン →
shop.myshopify.com などお店(Shopify・標準デザイン)

住所も見た目も、サイトとお店で別々。安く速い代わりに、お店に入ると雰囲気が切り替わります。

プレミアム
yourshop.comサイト(置き場:Cloudflare・利用料¥0)
同じ住所の中 →
shop.yourshop.comお店(Shopify・サイトと同じデザイン)

お店も同じ住所の中に置き、見た目もそろえます。お客様から見ると「同じお店の中で買った」体験になります。

月々のご負担(目安)
サイトの置き場¥0Cloudflare。利用料はかかりません
ドメイン(住所)約¥1,600/年お客様名義。月に直すと約¥133
Shopify¥3,650/月ベーシックプラン・年払い。月払いは¥4,850。どちらのプランでも必要

合計の目安は月 約¥3,800。これに、売れたときだけ決済手数料(国内カード 売上の3.55%)がかかります。制作費とは別に、お客様ご自身でShopifyとご契約いただく形です。

進め方と納期
  1. 1
    ヒアリングシートご本人 15分

    選択式のシートにご記入いただきます。ドメインの管理画面に入れるかも、ここで確認します。

  2. 2
    お店の裏側の設定こちら

    通貨・配送・発送元・必要なページを整えます。決済の口座と本人確認だけは、ご本人に入力していただきます。

  3. 3
    サイトと商品棚の制作こちら

    ホームページに載せる6点までを登録。7点目以降は納品ガイドを見て、ご自身で追加できます。

  4. 4
    テスト注文一緒に

    注文が通るところまで、実際に一緒に確認します。

  5. 5
    お渡しこちら

    納品ガイド(商品の増やし方・触ってよい場所・修正のルール)と一緒にお渡しします。

納期の目安は、素材(ロゴ・写真・参考にしたいお店など)がそろってから4〜5週間。デザインの確認は3往復まで。納品後30日は設定に関する質問にお答えします。

オプション(要お見積り)
ロゴ制作¥80,000
LINEリッチメニュー¥45,000
同梱物のデザインお見積りサンクスカード・タグ・入稿データ
公開後の運用月額数字を見ながらの改善のご提案
権利について(要点)
お客様のものお店・ドメイン・写真・文章Shopifyのアカウントもドメインも、お客様名義です
制作者に残るものお店の見た目の設計(テーマ)同じ骨組みを、次の制作にも使うためです
お客様ができることご自身のお店で期限なく利用追加費用なく、使い続けていただけます

ご不明な点があれば、どんなことでもお気軽にお聞きください。
よろしければ、この内容で進めます。

この内容で進める(¥180,000) 先に質問だけしたい方はこちら

← style.DESIGNWORKS のサイトへ