Shopifyストアフロントを構築するには3つの方法があり、その間の価格差は約30倍です。カスタマイズされたプレミアムテーマは2,500ドル~5,000ドルです。カスタムテーマは8,000ドル~50,000ドルです。ヘッドレス構築は30,000ドル~250,000ドル以上です。
ほとんどのストアは最も安価なオプションを選択すべきです。しかし、ほとんどのストアは他の2つのうちの1つを売り込まれます。なぜなら、どちらも構築する方が利益が大きく、「既存のテーマをうまく設定します」よりも「カスタム」の方が提案で聞こえが良いからです。
このガイドでは、コスト、メンテナンス、スピード、柔軟性、リスクの観点から3つの選択肢を正直に比較し、見栄えのするものではなく、実際に必要なものから始まる意思決定フレームワークを提供します。
3つの選択肢の概要
| プレミアムテーマ+カスタマイズ | カスタムテーマ | ヘッドレス | |
|---|---|---|---|
| 構築費用 | $2,500~$5,000 | $8,000~$50,000 | $30,000~$250,000以上 |
| 期間 | 2~4週間 | 6~10週間 | 10~30週間 |
| テーマの更新 | テーマ開発者から提供 | ご自身の責任 | 該当なし。フロントエンドはご自身で所有 |
| 年間メンテナンス | 低い。通常、アプリとコンテンツ作業のみ | 構築費の10~20% | 継続的なエンジニアリング能力が必要 |
| デザインの柔軟性 | テーマの構造内で高い | Liquid内で非常に高い | 無制限 |
| ローンチ後に編集できる人 | テーマ設定を通じてご自身 | コンテンツはご自身、構造は開発者 | ほとんどのことは開発者 |
| チェックアウト | Shopify(高速、最適化済み、メンテナンス済み) | Shopify | Shopifyのドメイン上のShopify |
| 速度の上限 | 良い | 良い~非常に良い | うまく構築されていれば非常に良い |
| 代理店が消滅した場合のリスク | 低い。どのShopify開発者でも引き継ぎ可能 | 中程度。Liquid開発者が必要 | 高い。アーキテクチャに精通したReactまたはHydrogen開発者が必要 |
オプション1:プレミアムテーマとカスタマイズ
最新のOnline Store 2.0テーマ(Dawn、Sense、Refresh、またはImpulseやPrestigeなどのプレミアムオプション)から始めてカスタマイズします。ブランディングスタイル、必要に応じたカスタムセクション、マーチャンダイジングに合わせて調整されたPDPおよびコレクションページの構造などです。
得られるもの
- テーマの更新。開発者がShopifyの変更に合わせてメンテナンスします。規約が変更されたり、APIバージョンが廃止されたりすると、更新版がリリースされます。
- 編集性。セクションとブロックにより、開発者なしで自分でページを再構築できます。
- テスト済みのコード。数千のインストール実績があるテーマは、他のユーザーによってそのエッジケースが発見されています。
- 速度のベースライン。最新のテーマには、遅延読み込み、レスポンシブ画像、適切なスクリプト処理がすでに組み込まれています。
- 移植性。どのShopify開発者でも作業できます。構築者に縛られることはありません。
真に制限される点
- 珍しいマーチャンダイジングモデル:複雑なコンフィギュレーター、非標準の製品関係、特注UXが必要なサブスクリプションフロー
- テーマの構造内で作業するのではなく、それに反するデザイン上の野心
- 機能の肥大化:プレミアムテーマには使用しないオプションが付属しており、そのコードは依然として読み込まれます。
オプション2:カスタムテーマ
お客様のストア専用にLiquidでゼロから構築されたテーマです。使用しないものはなく、マーチャンダイジングに合わせて正確に構造化されています。
正当化される場合
- お客様のマーチャンダイジングモデルが既存のテーマに適合しない場合。製品コンフィギュレーター、受注生産フロー、複雑なバリアント関係、珍しいバンドルロジックなど。
- ブランド差別化が実質的な競争優位性である場合。お客様のカテゴリー全体が同じ3つのテーマを使用しており、デザインが勝利の鍵である場合、カスタムは正当化されます。
- メンテナンス能力がある場合。誰も更新しないため、社内開発者または契約代理店が必要です。
- パフォーマンスが真の制約であり、現在の設定でアプリのクリーンアップとテーマの最適化をすでに使い果たしている場合。
構築以外の実際のコスト
- テーマの更新なし。これは本当のコストであり、単発ではなく慢性的なものです。Shopifyは規約を変更し、APIバージョンを廃止し、新しい機能を出荷します。これらすべてが、今やお客様の開発チケットになります。
- 年間メンテナンスとして構築費の10~20%を作業予算として計上。
- 構造変更のための開発者依存。セクションが再利用可能なブロックとして構築されていれば編集可能ですが、ハードコードされている場合は、レイアウト変更ごとにチケットが発生します。
- 引き継ぎリスク。文書化されていないカスタムテーマは負債となります。成果物として文書化を要求してください。
決定的な質問
既存のテーマではできない特定のことを挙げられますか?「ユニークに見せたい」ではなく、機能的な要件です。もし挙げられるなら、カスタムが適切かもしれません。挙げられないなら、プレミアムテーマでより安く手に入る美的コントロールのために5倍の費用を払うことになります。
オプション3:ヘッドレス
ストアフロントAPIを介してShopifyと通信する独立したフロントエンドアプリケーション(Hydrogen、Next.js、Nuxt、Remix)です。Shopifyはコマースとチェックアウトを処理し、買い物客がチェックアウト前に見るすべてのものを所有します。
真に得られるもの
- 無制限のデザインとインタラクションの自由。Liquidの制約はありません。
- パフォーマンスの上限。適切に構築されたヘッドレスストアフロントは、Liquidでは実現できないサブ秒レベルのナビゲーションを実現できます。
- マルチチャネルコンテンツの再利用。1つのCMSがストアフロント、アプリ、店舗内スクリーン、マーケティングサーフェスに供給します。
- テーマでは扱いにくい、あるいは不可能な高度なパーソナライゼーション。
実際の費用
ホスティングは最小のコストです。OxygenはStarterを除くすべてのShopify有料プランに含まれています。予算は他の場所にかかります。
代表的な初年度ヘッドレス予算:
構築(代理店、標準スコープ) $60,000
ヘッドレスCMSライセンス(年間) $12,000
継続的なエンジニアリング(0.5 FTE) $40,000
移行とコンテンツ作業 $8,000
監視、エラー追跡、その他 $2,000
--------
初年度合計 約$122,000
公開されている例も同様の範囲です。CMSとエンジニアリングを含めた標準的な代理店構築の場合、Hydrogenの代表的な初年度予算は約115,000ドルという現実的な数字です。
ほとんどのヘッドレス見積もりが見落としているコスト
- ヘッドレスCMSライセンス。Contentful、Sanity、またはStoryblok。ティアとシート数に応じて月額300ドル~3,000ドル以上。構築見積もりにはほとんど含まれていません。
- 継続的なエンジニアリング。現在、2つのシステムをメンテナンスしています。Shopify APIバージョンの非推奨化、フレームワークのアップグレード、依存関係のセキュリティパッチ。これらは必須であり、止まることはありません。
- 専門的な人材採用。Liquid開発者は豊富で手頃な価格です。コマースを理解するReactまたはHydrogen開発者はそうではなく、それに応じて高価です。
- マーケティングチームの速度。これは過小評価されているコストです。テーマでは、マーケターは午後にはランディングページを構築できます。ヘッドレスでは、チケットを発行します。このトレードオフが価値があるかどうかは、ページをどれくらいの頻度でリリースするかによって完全に異なります。
- アプリ。多くのShopifyアプリはテーマアプリ拡張機能に依存しており、ヘッドレスでは機能しないか、カスタム統合が必要です。コミットする前にアプリスタックを監査してください。
ヘッドレスが真に適切である場合
- 収益が200万ドルを大幅に超え、2つのシステムを維持するエンジニアリング能力がある場合
- Liquidでは満たせない特定の要件があり、単なるスピードや自由への漠然とした欲求ではない場合
- マルチチャネルコンテンツの再利用が、仮説ではなく実際の運用上のニーズである場合
- パフォーマンスが測定可能なビジネス上の制約であり、アプリのクリーンアップとテーマの最適化をすでに使い果たしている場合
- 既存のエンジニアリングチームがそれを所有するか、そのための予算がある場合
ほとんどの200万ドル未満のストアにとって、ヘッドレスは過剰設計です。これはヘッドレスを非難するものではありません。5ページのパンフレットサイトにKubernetesを実行しないのと同じ理由です。
意思決定フレームワーク
これらを順番に実行してください。最初の正直な「はい」で停止してください。
質問1:既存のテーマでは満たせない機能要件を挙げられますか?
美的感覚ではありません。機能です。コンフィギュレーター、珍しい購入フロー、テーマモデルではないマーチャンダイジングの関係。
いいえ → カスタマイズ付きのプレミアムテーマ。これで終わりです。差額はコンバージョン作業、コンテンツ、または獲得に費やしてください。
はい → 続行。
質問2:その要件はカスタムセクション、アプリ、またはShopify Functionで満たせますか?
これは費用を節約するための質問ですが、常にスキップされます。「カスタムテーマが必要」という要件の多くは、実際にはカスタムセクション(数時間の作業)または既存のアプリ(月額29ドル)で解決できます。
はい → プレミアムテーマと、その特定のカスタム作業。
いいえ → 続行。
質問3:誰も更新しないコードベースのメンテナンス能力がありますか?
いいえ → 再考してください。メンテナンス能力のないカスタムテーマは、Shopifyが変化し、何も追いつかなくなるため、18〜24ヶ月で劣化します。
はい → カスタムテーマは正当化されます。ヘッドレスも検討している場合にのみ続行してください。
質問4:ヘッドレスの投資回収は、証拠に基づいた粗利益で成り立ちますか?
いいえ → カスタムテーマ。ほとんどの柔軟性を、総所有コストのごく一部で手に入れることができます。
はい → ヘッドレス。ただし、継続的なエンジニアリングへのコミットメントについては十分に認識しておく必要があります。
ほとんどのブランドが従うべきシーケンス
一度に選択するのではなく、段階的に選択します。
| ステージ | アプローチ | 理由 |
|---|---|---|
| ローンチから約50万ドル | カスタマイズされたプレミアムテーマ | お客様の顧客が何に反応するかまだ分かりません。仮定に基づいて設計するのは費用がかかります。 |
| 50万ドル~300万ドル | 高度にカスタマイズされたプレミアムテーマ、CRO主導型 | これでコンバージョンデータがあります。データに基づいて投資し、再構築ではありません。 |
| 300万ドル~1000万ドル | 機能要件が正当化される場合、カスタムテーマ | メンテナンス能力があり、何を構築すべきかの証拠があります。 |
| 1000万ドル以上 | 投資回収が成り立つ場合、ヘッドレス | エンジニアリング能力があり、絶対的な観点から増分利益が十分に大きいです。 |
このシーケンスのポイントは、各ステージが次の意思決定に必要な証拠を生み出すことです。カスタムやヘッドレスから始めることは、仮定に基づいて設計することを意味し、実際に何が機能するかを学んだら、いずれにしても再構築することになります。
特に速度について
速度はカスタムまたはヘッドレスにする最も一般的な理由ですが、通常は最も弱い理由です。なぜなら、ほとんどのShopifyの速度問題はテーマが原因ではないからです。
実際の原因は以下の通りです。
- アプリのスクリプト。各アプリは約150〜300ミリ秒をLCPに追加します。15個のアプリがあるストアは、テーマの選択では解決できない速度問題を抱えています。
- テーマの劣化。すべての「小さな」カスタマイズはCSSファイルまたはスクリプトを追加します。誰も何も削除しません。2年後にはコードベースがLCPを圧迫しています。
- 最適化されていないヒーローメディア。圧縮されていないヒーロー画像は、どのフレームワークの選択よりもLCPに影響を与えます。
- head内のレンダリングをブロックするリソース。
- ベーステーマ。最後で、はるかに影響が少ないです。
モバイルでLCPが2.5秒未満のストアは、通常4週間以内にコンバージョン率が0.4〜0.7ポイント改善します。この結果は、再プラットフォーム化ではなく、アプリの監査とテーマのクリーンアップによって得られます。速度があなたの動機であれば、まず安価な作業を行い、結果を見てください。
よくある間違い
- 美的コントロールのためにカスタムを選択する。プレミアムテーマでも、5分の1のコストで実現できます。
- アプリとテーマの肥大化を監査せずに、速度のためにヘッドレスを選択する。
- 売上が200万ドル未満でヘッドレスを選択する。過剰設計であり、継続的なエンジニアリングコストが痛手になります。
- ヘッドレスCMSライセンスの予算を計上しない。構築見積もりにはほとんど含まれておらず、ほとんどのティアで年間数万ドルの経常費用です。
- マーケティングチームの速度を無視する。テーマではマーケターは午後にはランディングページを公開できます。ヘッドレスではチケットを発行します。これにかかるコストを考慮してください。
- ハードコードされたセクションでカスタムテーマを構築する。開発者なしでページを再構築できない場合、ストアフロントではなくパンフレットを購入したことになります。
- カスタム構築のドキュメントがない。文書化されていないカスタムテーマは、代理店との関係が終了した日には負債となります。
- 対象を絞った修正で済むのに再構築する。モバイルPDPの問題は8,000ドルのプロジェクトであり、40,000ドルの再構築ではありません。再構築はコンバージョン率の基準もリセットしてしまいます。
私たちがこれについてどのようにアドバイスするか
ほとんどのプロジェクトでプレミアムテーマを推奨しており、見積もりを出す前にそのように伝えています。なぜなら、お客様の状況が必要とするものよりも高価な構築を販売することになるからです。
機能要件が既存のテーマでは満たせず、メンテナンス能力がある場合にカスタムテーマを推奨します。ヘッドレスは、粗利益で投資回収が成り立ち、それを所有するためのエンジニアリング能力がある場合にのみ推奨します。これはほとんどのブランドにとって予想よりも後になることを意味します。
私たちがShopifyの開発とデザインにどのように取り組んでいるかをご覧ください。テンプレート数によるスコープ設定、カスタムが真に正当化されない限りプレミアムテーマを使用すること、そしてローンチ時の目標速度を明確にしています。
よくある質問
カスタムShopifyテーマが必要ですか、それともプレミアムテーマで十分ですか?
ほとんどのストアにはプレミアムテーマで十分です。考え抜かれたカスタマイズが施された最新のOnline Store 2.0テーマは、カスタムテーマの価値の約90%をはるかに低コストで提供し、継続的にアップデートを受けられます。カスタムテーマは、お客様のマーチャンダイジングモデルが既存のテーマに真に適合しない場合や、お客様のカテゴリーにおいてブランド差別化が実質的な競争優位性である場合に正当化されます。
ヘッドレスShopifyは価値がありますか?
売上200万ドル未満のほとんどのストアにとっては、ありません。その規模ではヘッドレスは過剰設計であり、適切に構築されたLiquidテーマは10%のコストで約90%の価値を提供します。ヘッドレスは、パフォーマンスが重要なコマース、マルチチャネルコンテンツの再利用、高度なパーソナライゼーション、Liquidでは真に満たせないデザイン要件など、特定のニーズを持つ実質的な規模でその価値を発揮します。
カスタムShopifyテーマはプレミアムテーマよりも高速ですか?
自動的にはそうではありません。適切に構築されたカスタムテーマは、ストアが使用するコードのみを含むため、より高速になる可能性があります。一方、プレミアムテーマは、使用しない可能性のある機能も含まれています。しかし、Shopifyの速度問題のほとんどは、ベーステーマではなく、アプリのスクリプトと蓄積されたテーマのカスタマイズに起因するため、15個のアプリがインストールされたカスタムテーマは、5個のアプリがインストールされたプレミアムテーマよりも高速ではありません。
カスタムShopifyテーマを維持するのにかかる本当の費用とは?
構築費用の10~20%を年間予算として計上してください。より大きな問題は、カスタムテーマはテーマのアップデートを受けられないため、Shopifyが慣例を変更したり、APIバージョンを非推奨にしたりした場合、その作業はあなたまたはあなたの代理店に任されるということです。プレミアムテーマの開発者はそれを処理し、アップデートを提供します。
プレミアムテーマから後でカスタムに切り替えることはできますか?
はい、そしてそれは多くの場合正しい順序です。カスタマイズされたプレミアムテーマで立ち上げ、実際のコンバージョンデータを通じて顧客が実際に何に反応するかを学び、何を作るべきかがわかってからカスタム構築に投資します。カスタムから始めるということは、証拠ではなく仮定に基づいて設計することになります。
Want a real number for your store?
Send us the URL and the catalog size. We will come back with a fixed quote and the template list it covers, no call required unless you want one.
Get a build quote