BIGCOMMERCE ヘッドレスコマース オーナーズマニュアル

BIGCOMMERCE ヘッドレスコマース

仕様

• 製品名: ヘッドレスコマースソリューション
• 成長率: 年平均成長率20.5%と予測
• 2027年までの予想市場規模：32.1億ドル

製品情報

• ヘッドレスコマースは、年間複合成長率 20.5% で成長し、32.1 年までに 2027 億ドルに達すると予測されており、今日の e コマースで最も急速に成長しているトレンドの XNUMX つです。
• このガイドでは、従来のコマースとヘッドレスコマースの主な違い、ヘッドレスソリューションから期待できるメリット、そして当社のマーチャントがヘッドレスeコマースフレームワークからどのように利益を得ているかについて説明します。

説明

ヘッドレスコマースと従来のeコマースの違いは何ですか?

• 従来型のeコマースとヘッドレスコマースのどちらを選ぶかは、まずビジネスニーズと能力を理解することから始まります。従来型コマースとヘッドレスコマースの主な違いと、どちらがビジネスに最適かを判断する方法を見ていきましょう。
• どちらのモデルをお選びいただいても、BigCommerceがお客様をサポ​​ートいたします。ヘッドレスeコマースアーキテクチャを通じて、カスタムメイドかつ最先端のユーザーエクスペリエンスを柔軟に構築しながら、従来のコマース環境でも堅牢ですぐに使える機能を維持します。

ヘッドレスコマースとは何ですか?

• ヘッドレスコマースとは、 webサイトのフロントエンド プレゼンテーション層 (テキスト、色、スタイル、画像、ボタンなどの要素を含む) をバックエンド機能 (価格設定、インフラストラクチャ、セキュリティ、チェックアウトなど) から分離します。
• フロントエンドシステムとバックエンドシステムの間には、強力なAPI（アプリケーション・プログラミング・インターフェース）のレイヤーが存在します。これらのAPIは2つのシステムの仲介役として機能し、eコマース事業者がバックエンドのコマース機能に影響を与えることなく、様々なフロントエンドソリューションをプラグアンドプレイで利用できるようにします。
• これは、企業が複数の独自の店舗を通じて顧客体験を最適化するための完全な自由と柔軟性を持つことを意味します。 web サイト全体にコピーや画像を掲載したり、モバイルアプリ、キオスク、IoTデバイスといった新しいチャネルにこれらの体験を拡張したりすることも可能です。その間も、バックエンドシステムはすべてのコマース機能をサポートし続けます。
• つまり、いつでも好きなときに、好きな方法で、独自の e コマース エクスペリエンスを作成および変更できます。

コンポーザブルコマースについてはどうでしょうか?

• 顧客行動、トレンド、そしてテクノロジーの進歩が絶えず変化する中で、ヘッドレスコマースは新たなレベルの柔軟性と俊敏性への道を切り開きました。しかし、一部の企業はそれをさらに一歩進めています。
• 「ヘッドレスコマース」と「コンポーザブルコマース」という用語を同じ意味で使う人もいます。しかし、ヘッドレスコマースは実際には、より広範なコンポーザブルコマースを構成する要素の一つです。
• ヘッドレスコマースとは、フロントエンドとバックエンドのレイヤーを分離し、独立して動作させることで、オールインワンのコマースシステムを解体することを意味します。一方、コンポーザブルコマースとは、テクノロジースタックのあらゆるコンポーネントが独立しており、それらを「組み合わせる」ことで、ビジネスに最適なカスタマイズされたソリューションを構築できることを意味します。レゴブロックのように、テクノロジースタックのあらゆる要素はモジュール化され、柔軟性があるため、企業は顧客体験を完全にカスタマイズできます。
• 本質的に、ヘッドレス テクノロジーはコンポーザブル コマースの基礎であり、MACH (マイクロサービス、API ファースト、クラウド ネイティブ SaaS、ヘッドレス) の他の原則と連携して機能します。

従来の電子商取引とは何ですか?

• 長年にわたり、多くのeコマース企業にとっての定番の構造は、フロントエンドとバックエンドのシステムを統合したオールインワンのモノリシック構造でした。ヘッドレスが登場する以前、多くのブランドはモノリシック戦略を採用しており、多くの代理店はエンタープライズや老舗企業にモノリシック戦略を推奨していました。
• メリットは何でしょうか？多くの企業にとって、モノリシックなeコマースアーキテクチャは、迅速かつ簡単なセットアップと市場投入までの時間の短縮をもたらします。多くの従来のeコマースプラットフォームは、企業が迅速にサイトを立ち上げられるよう、ストアフロントテンプレートとドラッグアンドドロップ機能を提供しています。
• 欠点は？これらのモノリシックなソリューションは、即座に革新を起こし、将来的にサイトを迅速に変更したいブランドにとって、柔軟性と俊敏性に欠ける可能性があります。さらに、フロントエンドとバックエンドは相互に連携しているため、どちらか一方に変更を加えると、もう一方に悪影響を与える可能性があります。
• しかし、従来のeコマースソリューションが一部のビジネスにとって良い選択肢ではないということではありません。サイトをすぐに立ち上げて運用したい場合や、多くのカスタマイズが必要ないと予想される場合は、従来のeコマースプラットフォームが最適な選択肢かもしれません。

利点

ヘッドレスコマースの利点は何ですか?
ヘッドレスコマースは、コンテンツ主導の戦略を採用したいブランドに無限の可能性をもたらします。このアプローチを採用することで、企業は以下のことが可能になります。

• 技術的負債を減らし、開発チームの実装時間を短縮します
• コンバージョン率を向上させるシームレスなショッピング体験を実現するための柔軟性をさらに高めます
• 顧客のニーズに応えるコンテンツ豊富なエクスペリエンスを設計する
• ビジネス規模に合わせて新しいテクノロジーをサポート

ヘッドレスコマースの 4 つの利点と、それぞれの利点が具体的にどのチームメンバーに影響を与えるのかを見てみましょう。

技術的負債を削減し、開発チームの実装時間を短縮します。

誰を支援するか: 開発者
When it comes to decreasing costs and time to market, headless commerce can be a game- changer.

フロントエンドをバックエンドから分離することで、開発者はコマース エンジンから独立して複数の顧客向けコンテンツを作成できます。これは次の 2 つのことを意味します。

1. フロントエンドとバックエンドのチームは、相手を待たずに迅速にソリューションを革新し、展開することができ、
2. かつては長く困難だった開発プロセスにかかる費用を削減できます。

その結果、ヘッドレスは、新規プロジェクトの迅速なイテレーションと市場投入までの期間短縮を実現します。これは、海外展開でもオムニチャネル戦略の展開でも変わりません。また、柔軟なテクノロジースタックにより、カスタム機能の実装も容易です。

柔軟性が向上し、シームレスなショッピング エクスペリエンスを実現してコンバージョン率が向上します。

対象者: eコマースディレクターおよびeコマースマネージャー

• オムニチャネル アプローチが強力な企業の顧客維持率は約 890/0 であるのに対し、オムニチャネル アプローチが弱い企業の顧客維持率は 330/0 であることを考えると、単一チャネル アプローチだけではもはや十分ではありません。
• 幸いなことに、ヘッドレス化によって、既存のチャネルだけでなく、将来追加する新しいチャネルでもコンテンツをプロモーションできるようになります。バックエンドに影響を与えずにフロントエンドを変更できるため、モバイルアプリ、Amazonのようなオンラインマーケットプレイス、FacebookやInstagramのようなソーシャルメディアプラットフォームなど、複数のオンラインおよびオフラインエクスペリエンスを自由に追加できます。tagRAM。その間、コマースエンジンはバックエンドで継続的に稼働しています。
• こうしたシームレスなショッピング体験を提供することで、コンバージョン率の向上と顧客獲得コストの削減も期待できます。有料広告が増加する中、ヘッドレスコマースは、コンテンツ主導型または体験主導型の戦略を通じてオーガニックトラフィックを増やす新たな手段を提供します。同じバックエンドを運用しながら、様々なフロントエンドソリューションをテストすることで（あるいはその逆）、どのチャネルが最も多くのトラフィックを引き付けているかを特定し、従来のeコマースモデルよりも迅速にコンバージョン率を向上させることができます。

顧客のニーズに応えるコンテンツ豊富なエクスペリエンスを設計します。

対象者: eコマースのマーチャンダイザーまたはマーケティング担当者

• 従来のモノリシック システムでは、フロントエンドで新しいエクスペリエンスを開発する場合、選択肢が限られることがあります。
• しかし、ヘッドレスソリューションであれば、新しいテクノロジーを統合し、新たなトレンドに適応することができます。その結果、マーケティングチームはバックエンドのプロセスに支障をきたすことなく、様々なチャネルを横断して革新的なユーザーエクスペリエンスを構築し、自由に活用できるようになります。
• さらに、ヘッドレスeコマースプラットフォームはコンテンツを一元管理し、APIを介してどこにでも配信できます。この方法により、従来のeコマースプラットフォームよりも読み込み時間が大幅に短縮され、卓越した顧客体験を実現できます。

手術

ビジネスの拡大に合わせて新たなサポートを提供します。

対象者: ITエグゼクティブ

• 新しいテクノロジーやトレンドが出現するにつれ、ブランドの将来性を確保する必要があります。ヘッドレスコマースを活用すれば、バックエンドのプラットフォームを再構築することなく、フロントエンドを迅速に調整できます。ヘッドレス環境では、ブランドは新しいテクノロジーをシームレスにテスト・実装できるため、開発者は従来のCMSの制約に縛られることなく、イノベーションを自由に進めることができます。
• コンテンツ主導型またはエクスペリエンス主導型のコマース向けに設計されたCMS、DXP、またはIoTデバイスに接続することで、eコマースサイトのフロントエンド（つまり「ヘッド」）を最適なコンテンツ配信向けにカスタマイズできます。この設定により、バックエンドの運用を中断することなく、必要に応じてフロントエンドを変更できます。
• こうすることで、開発に集中する時間を減らし、ビジネスの拡大に重点を置くことができます。

ヘッドレスコマースの一般的な使用例は何ですか?

• WordPress、Concertful、Content Stack、Bloom Reach、Adobe Experience Manager、その他のCMS/DXP、PWA、CRMなど、ヘッドレスコマースはほぼあらゆるユースケースで機能します。必要なのは、プラットフォームのプレゼンテーション層を分離するためのAPI接続だけです。あとは、プラットフォームを必要な場所にプラグインするだけです。
• ヘッドレス フレームワークを実装するための最も一般的なユースケースをいくつか見てみましょう。ソリューション。

カスタムソリューション。

• ヘッドレスを選択する主な理由の一つは、どのシステムでもすぐに実現できないような大きなアイデアを持っていることかもしれません。過去にオープンソースプラットフォームで必要なカスタマイズを実現できたものの、長い開発サイクルとメンテナンスに耐えられなかったという経験があるかもしれません。あるいは、SaaSで開発したものの、イノベーションの妨げになっていると感じた経験があるかもしれません。
• ヘッドレスを使用すると、カスタマイズを維持し、コストと維持費を削減できます。
• Headless は、両方の長所を兼ね備えたオープン SaaS エクスペリエンスを提供します。API により、単一のプラットフォームやテクノロジーの限界を超えて、よりモジュール化された方法でシステムをシームレスに接続するために必要な柔軟性が実現します。

コンテンツ管理システム（CMS）。

• ヘッドレスアーキテクチャとCMSを組み合わせると、強力な組み合わせが実現します。この場合、eコマースプラットフォームはプレゼンテーション層から分離されるため、ブランドはWordPressなどの一般的なCMSソリューション、Bloom ReachなどのDXP、あるいはカスタムフロントエンドソリューションを活用して、比類のない顧客体験を提供し、コンバージョン率を向上させることができます。
• 特にオムニチャネルアプローチを採用している場合は、ヘッドレスコマースとヘッドレスコンテンツ管理システムを組み合わせるのが最適です。単一のCMSで、チャネル固有のコンテンツと、フロントエンドとバックエンドを支えるAPIを備えた多様なユーザーインターフェースを作成できます。

デジタル エクスペリエンス プラットフォーム (DXP)。

• DXPは、企業が迅速にデジタル化し、顧客体験を向上させるためのソフトウェアです。DXPをヘッドレスCMSソリューションと組み合わせることで、強固な基盤を構築できます。
• このパートナーシップの価値は、API駆動型の柔軟なコンテンツと、他のサービスとの統合能力にあります。この組み合わせにより、開発者とマーケティング担当者は個別に作業できるだけでなく、プロジェクトフローに影響を与えることなく追加や編集を行う余地も確保できます。

プログレッシブ Web アプリ（PWA）。

• プログレッシブ web アプリ（PWA）は web 最新の web ネイティブアプリのような体験をユーザーに提供するための機能です。 web ページまたは web従来のアプリケーションやネイティブモバイルアプリのようにユーザーに表示されるサイトです。 webサイトやモバイル ソフトウェアで PWA を使用すると、臨場感あふれるユーザー エクスペリエンスが生まれ、コンバージョン率の向上やサイトでの滞在時間の増加につながります。
• BigCommerceは、マーチャントの皆様にPWAを活用できる環境を提供することに尽力しています。DEITY FalconおよびJM ang0360との連携に加え、サーバーレスPWAストアフロントの開発を迅速に開始できるGatsby-Notify CMSテンプレートも提供しています。
• さらに、BigCommerceは最近、開発者と代理店パートナー向けの次世代ストアフロントテクノロジー「Catalyst」をリリースしました。Next.jsとReactをベースに完全に統合されたストアフロントのリファレンス実装を備えたCatalystは、Next.jsフロントエンドフレームワークを基盤とするBigCommerceプラットフォームに事前接続された、エンドツーエンドの完全なゲストショッピングエクスペリエンスを提供します。Catalystは、Next.jsの最新機能とGraph APIを活用し、新しいコンポーザブルビルドのデフォルトスターターとなります。

ヘッドレスコマースを始める方法
これらのユースケースとメリットに共感した方は、ヘッドレスフレームワークの実装をどのように始めればよいかお悩みかもしれません。ここでは、導入に役立つステップバイステップのアプローチをご紹介します。

ヘッドレスコマースがあなたのビジネスに適しているかどうかを判断します。
ヘッドレスソリューションには多くのメリットがありますが、このタイプのフレームワークはすべての人に適しているわけではありません。多くの企業は依然として従来のモノリシックモデルを採用しており、多くの代理店は依然として、エンタープライズや確立されたブランドに対してモノリシック戦略を推奨しています。

しかし、eコマースプラットフォームにさらなる柔軟性、拡張性、俊敏性を求めるなら、ヘッドレスソリューションの導入を検討する価値があるかもしれません。ヘッドレスソリューションへの移行を判断するための基準をいくつかご紹介します。

• あなたはコンテンツ主導のブランドです。
• あなたのブランドはエクスペリエンス主導型であり、パーソナライゼーション、A1、または AR 機能を実装する能力が必要です。
• 複数の顧客タッチポイントとデバイスにわたってシームレスなデジタル エクスペリエンスを作成したいと考えています。
• 複数のサイトまたは国際的な販売ニーズがあり、同じバックエンドで複数のフロントエンド エクスペリエンスを提供しています。
• すでに CMS を使用しており、コマース機能を追加したいと考えています。
• すでにオンラインで販売しており、コンテンツ用の別のサイトがあり、その 2 つを統合できる必要があります。

ヘッドレス化に必要なアーキテクチャを理解します。

• ヘッドレス アーキテクチャから最大限の価値を引き出すには、まずそのアーキテクチャが従来のコマース サイトとどのように異なるかを理解することが重要です。
• ヘッドレスコマースソリューションは、バックエンドにおいて、在庫管理、価格設定、カタログ、チェックアウトなど、ストア運営に必要なすべての機能を備えています。しかし、従来のレガシーシステムとは異なり、ヘッドレスコマースはこれらのバックエンド要素を顧客から分離します。 webサイトのフロントエンドを構築することで、開発者とビジネス ユーザーの両方に、さまざまな顧客タッチポイントで継続的に革新し、独自のエクスペリエンスを構築する自由が与えられます。
• この柔軟性により、チームは独自のコンテンツ主導型エクスペリエンスを構築し、コンバージョン率を向上させて収益成長率の向上につなげることができます。このアーキテクチャを理解することが、ヘッドレスコマースを活用してビジネス目標を前年比で達成するための鍵となります。

フロントエンドのストアフロント オプションとバックエンドの電子商取引プロバイダーを特定します。

• 最適なヘッドレス アーキテクチャを実現するには、ターゲット ユーザーに適したフロントエンドと、コマース エンジンを強化する強力なバックエンドが必要です。
• フロントエンドについては、ReactやVue.jsなどのフレームワークを使用したカスタムビルドのソリューション、またはWordPressやDrupalなどの人気のCMS/DXPプラットフォームなどの選択肢を検討してください。最適なフロントエンドの選択は、ビジネスの規模、ターゲットオーディエンス、そして開発チームのスキルセットに大きく左右されます。
• バックエンドでは、在庫管理、チェックアウト、セキュリティといったコアコマース機能を提供する堅牢なeコマースプロバイダーが必要です。BigCommerceは、これらすべての機能に加え、さらに多くの機能を標準で提供しています。当社のバックエンドコマースプラットフォームは、ヘッドレス連携を豊富に備えているため、比類のない独自の顧客体験を構築できます。プラットフォームを再度変更する必要はありません。

Exampヘッドレスコマースの実践例

• ブランドがヘッドレスコマースを戦略として活用しているかどうかは、見た目だけでは判断が難しい場合が多い。ヘッドレスeコマースが主流になり、その重要性が薄れていくにつれ、この傾向はさらに強まるだろう。 URL チェックアウトページにリダイレクトします。
• とりあえず、ヘッドレスコマースの例をいくつか見てみましょうampレ。

ブラックダイヤモンド。
ケーススタディ: ブラックダイヤモンド

• 登山用品ブランドの Black Diamond が BigCommerce を導入したとき、同社は顧客体験全体に自社のブランド コンテンツを織り込み、ホームページからチェックアウトまでの明確な購入者の行動経路を作成したいと考えていました。
• ヘッドレスフレームワークの柔軟性により、Black Diamondは共通の製品データ、単一のCMSインスタンス、その他の主要サービスを活用しながら、EUサイトの独立性と一貫性を維持した管理を実現しました。Black Diamondは、米国とEUのサイトを一つのeコマースプラットフォームに統合し、様々な市場の顧客に独自のサービスを提供することに成功しました。
• BigCommerceと柔軟な新しいCMSの導入により、Black Diamondは開発者に大きく依存することなく、ビジョンを実現する自由を手に入れました。サイトを直接管理できる自由を得たことで、Black Diamondは自社の技術チームを活用し、PIMとERPシステムを統合することができました。

機能性

バロウ

ケーススタディ：バロウ

• モジュール式でカスタマイズ可能な家具を専門とするブランドであるBurrowは、同様の柔軟性を反映するヘッドレスアーキテクチャを必要としていました。3年に売上高2017万ドルを達成した後、チームは事業の成長に対応できる、モジュール式で柔軟なeコマースソリューションを求めていました。
• BurrowはBigCommerceを導入し、サイトを迅速かつ容易にカスタマイズするために必要な、スケーラブルなバックエンドシステムを見つけました。信頼性が高くメンテナンスの手間もかからないため、チームはマーケティングに重点を置いたサイトの更新作業に集中できるようになりました。また、フロントエンドではカスタムCMSを活用することで、顧客に求めるユーザーエクスペリエンスを提供することができました。ヘッドレスソリューションの導入以来、Burrowはわずか30ヶ月でコンバージョン率が50%向上し、サイトの速度とパフォーマンスはXNUMX%向上しました。

白いもの。

ケーススタディ: 白いもの

• パフォーマンス向上を通じて顧客体験を向上させることが、英国のアパレル＆ライフスタイルブランドであるWhite StuffがBigCommerceへのプラットフォーム移行を決断した最初の動機でした。同社は、従来のテクノロジーによって速度と機能が制限されていることを認識していたため、ヘッドレス化によってフロントエンドとバックエンドを分離するという解決策を採用しました。
• 「ファッション小売業では、顧客が私たちのブランドを体験したいという思いから、動画や豊富な画像の使用を増やしてコンテンツを生き生きとさせる必要があるため、サイトのスピードの役割について非常にこだわりました」と、テクノロジー＆トランスフォーメーションディレクターのスティーブ・ボルグ氏は述べた。
• White Stuff。「それがヘッドレス実装に関するいくつかの決定を後押ししました。軽量なフロントエンドを維持し、顧客に高速な体験を一貫して提供できる可能性を最大限に高めるには、これが最善の方法だと感じました。」

戦闘コーナー。

ケーススタディ：戦闘コーナー

• 以前の e コマース プラットフォームには、ページの読み込み時間が遅く、ユーザー エクスペリエンスが妨げられていたり、サイトを効果的に管理および更新することが困難であったりするなど、大きな課題がありました。
• BigCommerceへの移行後、Combat CornerはWordPress EngineのAtlasプラットフォーム上にReactフロントエンドを備えたヘッドレスソリューションを実装しました。この統合により、サイトのパフォーマンスとユーザーナビゲーションが向上しただけでなく、オンラインストアを効率的に管理・更新するために必要な柔軟性も得られ、デバイスを問わずシームレスな顧客体験を実現しました。
• もっと見るにはampヘッドレスコマースの実際の事例については、BigCommerce のケーススタディ ページをご覧ください。

最後の言葉

• 数字は嘘をつきません。顧客はより良いオンライン体験を求めています。
• PwC の調査によると、買い物客の 73% が、企業から購入するかどうかを決める際に顧客体験を最も重視すると回答しています。
• 幸いなことに、ヘッドレス コマース ソリューションは、企業がコンテンツとエクスペリエンス主導のオンライン ストアを構築する道を開き、柔軟性の向上、市場投入までの時間の短縮、拡張性の向上を実現します。

よくある質問