ECサイト最前線

複数ブランドでEC運営なら
ヘッドレスコマースが賢い選択となる理由
マルチテナント／マルチブランド／マルチドメイン／モール型EC

Copyright ©GMO MAKESHOP All Rights Reserved.

複数ブランドでEC運営ならヘッドレスコマースが賢い選択となる理由
消費者が利用する画面（UI）を自由に設計できるEC構築サービスが増えたことにより、ブランドサイトとECサイトを統合するケースが一般的になりつつあります。ブランドのイメージを生かした買い物体験を提供できることや、サイトを移動することによる離脱を防ぐなど、ブランドサイトとECサイトの統合にはさまざまなメリットがあります。
一方で「立ち上げのタイミングの違いから、ブランドごとにECサイトを運営しているが統合したい」というニーズが増えています。管理画面などを統合することにより、運営を効率化したいというのが主な狙いです。ところが一般的にブランド固有のビジネスロジックがあるため、統合サイトの開発が肥大化するなどの問題が出てきます。
ヘッドレスコマース（ヘッドレスシステム）は、UI部分をEC本体機能から切り離したものと考えられがちですが、それは大きな誤解です。ビジネスロジックもEC本体機能から切り離すことで本領を発揮するのです。この考え方が、複数ブランドの統合サイトで生きてきます。
Copyright ©GMO MAKESHOP All Rights Reserved.

目次
01. はじめにヘッドレスコマースの定義と本質

02. ブランドサイトの運営ポイント
ECを意識したブランド戦略とは

03. 複数ブランドのヘッドレスコマース
複数ブランドの運営で重視すべきシステムの条件
ヘッドレスシステムの優位性
Copyright ©GMO MAKESHOP All Rights Reserved.

01.

はじめに
ヘッドレスコマースの定義と本質

Copyright ©GMO MAKESHOP All Rights Reserved.

ヘッドレスコマースとはヘッドレスコマース ＝ ヘッドがない商取引？
ECコマースプラットフォームからプレゼンテーションレイヤー（消費者とのタッチポイント。例えばECサイトの画面）、オペレーションレイヤー（受注管理や顧客情報、決済、在庫など）を分離するシステム構造を意味します。
ここでのヘッドとは、プレゼンテーションレイヤーを意味し、その部分を自由に設定することを前提としているため、「ヘッドレス」と表現しています。

Copyright ©GMO MAKESHOP All Rights Reserved.

5

ヘッドレスコマース

ヘッドレスコマース（ヘッドレスシステム）とは本体機能内にヘッド＝頭（顔）＝画面表示機能を持たないシステム
ヘッドレスコマース

従来のシステム

画面表示機能データ

本体機能
画面表示機能

本体機能

API

データ

データ

データ

システム領域

システム領域

画面表示機能がシステムの中にある

画面表示機能がシステムの外にある

Copyright ©GMO MAKESHOP All Rights Reserved.

6

SaaS型EC構築サービス・ ECモール出店のメリット／デメリット
メリット• 初期コスト、ランニングコストともに安価• デザインや機能がすべて用意されているのですぐに始められる
デメリット

致命的

• 機能やデザインに制約がある• 既存のECモールでは顧客情報の取得が制限される場合がある

従来の直販チャネルには最適だがブランドのイメージに沿ったサイトづくりは困難
Copyright ©GMO MAKESHOP All Rights Reserved.

7

パッケージ型EC構築サービスのメリット／デメリット
メリット• 目的に沿ったカスタマイズができる• 比較的安価に導入できる

必須

デメリット

致命的

• 陳腐化・ブラックボックス化しやすい• 導入後の機能追加や保守に想定外のコストがかかる場合がある

初期の柔軟性は高いものの長期的に利用するとシステムが足かせになってくる
Copyright ©GMO MAKESHOP All Rights Reserved.

8

フルスクラッチECのメリット／デメリット
メリット• 制限なく自由な設計でシステムを構築できる

必須

デメリット

• 導入・保守ともに多大なコストがかかる

致命的

ゼロスタートとなり初期導入のハードルが高い

Copyright ©GMO MAKESHOP All Rights Reserved.

9

ヘッドレスコマース（ヘッドレスシステム）のメリット／デメリット
メリット• 顧客接点となるECサイトの表現に制約がない• 外部サービスやシステムとの相性が良い 必須• ビジネスロジックを外部化できる 必須

必須

デメリット

• SaaSやパッケージと比較すると導入コストが高め

ブランドイメージの表現に制約がなく事業に合わせてシステムを成長させることができる
Copyright ©GMO MAKESHOP All Rights Reserved.

10

ヘッドレスで消費者が享受できるメリット※API：Application Programming Interface
本体機能を外部から操作するリモコンのようなもの。

プレゼンテーションレイヤーと呼ばれるフロント側とEC
プラットフォームをAPIで連携するため、モバイルアプリ、
ECサイト、ソーシャルメディア、音声、デジタルサイ
ネージなどに適したコンテンツを、スピーディーに配信可能です。モバイルファーストやIoTの時代に最適なコンテンツをお客様に届けることができます。

Copyright ©GMO MAKESHOP All Rights Reserved.

11

ヘッドレスで事業者が享受できるメリット

ECプラットフォームにバックエンドシステムやフロント部分が組み込
まれていないので、スピーディーに連携開発を進めることができます。
EC業界の激しい変化に臨機応変に対応できるようになります。

Copyright ©GMO MAKESHOP All Rights Reserved.

12

POINT

ヘッドレスは自由度の高いECサイト構築モデル
EC市場の変化は日進月歩。
消費者のニーズはもちろん、トレンドやECを支えるオペレーション層……。
こうした変化にスピーディーに対応していくシステム概念が「ヘッドレスコマース」

Copyright ©GMO MAKESHOP All Rights Reserved.

02.

02. ブランドサイトの運営ポイント
ECを意識したブランド戦略とは

Copyright ©GMO MAKESHOP All Rights Reserved.

消費マインドの変化～2000年～2010年

2010年～“モノ”消費“コト”消費“イミ”消費

個別の製品やサービスの持つ機能的価値に対して価値を見出す

製品やサービスを所有・利用することで得られる体験や経験に価値を見出す

製品やサービスの社会的意味
や、とりまくコミュニティに所属することで価値を見出す。
健康、SDGs、歴史や文化

個人の嗜好・思想へのリーチ

最適化されたアプローチが必要
Copyright ©GMO MAKESHOP All Rights Reserved.

15

実店舗とECの関係

従来モデル

ECファースト

実店舗からECへ進出

ECから実店舗へ進出

購入前に商品を手に取れないハンデを払拭する

ECファーストのブランディング
Copyright ©GMO MAKESHOP All Rights Reserved.

16

ECサイトの役割

従来のEC購買モデル
注目

興味

検索

比較

検討

行動・購入

共有

A

I

S

C

E

A

S

Attention

Interest

SearchComparison

Examination

ActionShare

広告・キュレーションサイト・SNS

自社サイト・オウンドメディア・比較媒体

ECサイト

SNS

• 商品の認知が重要。店頭での認知・比較も• マス広告による集客• ECサイトの外での行動が主体となる• 多数の商品から比較・検討されることが前提• ECサイトでは商品の検索性やスペックの表示が重要
Copyright ©GMO MAKESHOP All Rights Reserved.

17

ECサイトの役割

ブランドセントリック（中心）の購買モデル
共感

確認

参加・購入

共有・拡散

S

I

P

S

Sympathize

Identify

Participate

Share & Spread

SNS

ECサイト

SNS

• SNSでの活動からのブランドへの共感が重要
事前に商品を• データを駆使してニッチなターゲットへのダイレクトリーチ 手に取れない点を• 購入意思決定はECサイト内での体験が主体
カバー• ニッチな需要に応えることで他との比較の余地を作らない• 商品の詳細なスペックよりもイメージやストーリーの表現を優先
Copyright ©GMO MAKESHOP All Rights Reserved.

18

購買モデルの違い

タッチポイント
従来モデル

ブランドセントリック

Web広告、検索サイト

SNS、ブランドECサイト

戦場がWebからSNSへシフト。
商品・サービスの認知の段階からECサイトへ流入させる。

商品単位のSEOよりもブランド公式SNSの使い方が重視される
Copyright ©GMO MAKESHOP All Rights Reserved.

19

購買モデルの違い

訴求対象
従来モデル

ブランドセントリック

不特定多数

特定少数
テクノロジーの活用

マスマーケティングからニッチマーケティングへ。
こだわりのある消費者層を探り出し「スモールマス市場」へのリーチ。

デモグラフィック重視のセグメントから
より詳細な行動履歴からのターゲティングへ
Copyright ©GMO MAKESHOP All Rights Reserved.

20

D2CにおけるECサイトの役割訴求するもの従来モデル

ブランドセントリック

商品スペック、価格

ブランドへの共感

商品の効能や事実よりもブランドイメージの訴求が優先される。
他との比較を許さない、ここにしかないストーリーや体験。

洗練されたデザインとテキストでイメージやストーリー、コミュニティのアピール
Copyright ©GMO MAKESHOP All Rights Reserved.

21

D2CにおけるECサイトの役割重視されるECサイトの機能
従来モデル

検索性、商品詳細

ブランドセントリック

世界観の表現、UX（＋定期購入）大量の商品を陳列して比較検討するスタイルからブランドへの共感をそのまま購入体験にまでつなげる導線を重視。

より簡略化されたサイト構成と世界観を阻害しないシンプルな購入導線
Copyright ©GMO MAKESHOP All Rights Reserved.

22

ブランドセントリックにおけるECサイトの役割

従来モデル

ブランドセントリック

外部サイト

ECサイト

公式サイト

SNS

広告

LP

ブランド

Instagram

検索

商品
検索

メディア

商品
詳細
カート

ブランドECサイト
購入への関与
最重要
ブランド紹介購入への関与薄い

Twitter

商品紹介
Facebook

回遊を促し
注文単価上げる

決済

最小限の導線
リピート購入の負荷軽減

決済

モールから発展した従来の導線とは根本的に異なる
Copyright ©GMO MAKESHOP All Rights Reserved.

23

D2CにおけるECサイトの役割

商品にまつわる体験が価値
ブランドイメージも商品

ECサイトの体験も商品の一部
Copyright ©GMO MAKESHOP All Rights Reserved.

24

POINT

ECサイトはブランドへの共感の場
商品主体のプロモーションから脱却しブランドイメージへの共感を最優先したサイトづくり

Copyright ©GMO MAKESHOP All Rights Reserved.

25

03.

複数ブランドのヘッドレスコマース
複数ブランドの運営で重視すべきシステムの条件
ヘッドレスの優位性

Copyright ©GMO MAKESHOP All Rights Reserved.

26

複数ブランドの運営にはヘッドレス

マルチテナント／マルチブランド／マルチドメイン／モール型EC

複数ブランドの運営にはヘッドレスが最適！
なぜか？
Copyright ©GMO MAKESHOP All Rights Reserved.

27

ECシステムにおけるヘッドとは？

ヘッド ＝ 頭（顔）＝ 画面表示機能 ＝ ECサイト
つまり売場
EC事業者にとって重要なのはブランドの世界観を伝える売場の自由度
Copyright ©GMO MAKESHOP All Rights Reserved.

28

ヘッドレスでないシステムを実店舗に置き換えると

顧客導線の
改善困難

スタッフ
増員できない
カウンター

事務室

売場の
レイアウトに
制限

売場

倉庫の拡張
や搬入経路
の変更困難
倉庫

1つのシステムにすべての機能が収まっているため、個々の拡張性や自由度に制限がある

Copyright ©GMO MAKESHOP All Rights Reserved.

29

ヘッドレスな実店舗

圧倒的自由！

どこでもドア完備！

店舗用地※立地・面積も自由To
Headless System

Copyright ©GMO MAKESHOP All Rights Reserved.

30

結論１

ブランドコンセプトの表現の場である
ECサイトの自由度の高さが複数ブランドの運営には不可欠
売場を自由に設計できる

ヘッドレスが最適
Copyright ©GMO MAKESHOP All Rights Reserved.

31

ビジネスロジックとはシステムへの実装はビジネスモデルを「ビジネスロジック＝仕様」に変換する
ビジネスモデル

• どこで
• いつ
• だれに
• 何を
• いくらで• いくつ• どうやって販売するか

ビジネスロジック
ビジネスモデル• データ連携の条件• 販売期間の制限• 顧客セグメント• 商品セグメント• 値引条件• 数量管理• 販促条件

ビジネスロジックはビジネスモデルそのもの
Copyright ©GMO MAKESHOP All Rights Reserved.

32

ビジネスロジック

ビジネスモデルをシステムで表現するのがビジネスロジック
特定のシステムに組み込んでしまうと再利用がむずかしくなる
Copyright ©GMO MAKESHOP All Rights Reserved.

33

ビジネスロジックをどこに持つか

一般的なSaaS・パッケージ・スクラッチシステム

ECサイト

ビジネスロジックをシステム領域に組み込む必要があり、ECシステムと密接に結合しているためブラックボック
ス化しやすい。

ビジネスロジック
EC本体機能データ

データ

パッケージを熟知したエンジニアしかカスタマイズできないため、ビジネスロジックの追加・変更に必要なコストが高い。
システムからビジネスロジックを切り離せないため、ビジネスモデルの横展開時にビジネスロジックを再利用しづらい。

システム領域
Copyright ©GMO MAKESHOP All Rights Reserved.

34

ビジネスロジックをどこに持つか

ヘッドレスコマース
ECサイト
ビジネスロジック

API

EC本体機能データ

データ

システム領域

ビジネスロジックがECサイト側にあり、システム領域とAPI通信で接続している。
そのためビジネスロジックの追加・変更が容易でコストも比較的安価。（一般的なプログラミングの知識で作業できる）

ビジネスロジックがシステムから分離しているため、ビジネスモデルの横展開時にビジネスロジックを再利用しやすい。
Copyright ©GMO MAKESHOP All Rights Reserved.

35

ヘッドレスコマースでのビジネスロジックの再利用

ヘッドレスコマース
ECサイト

ECサイト

ECサイト

固有ビジネスロジック

固有ビジネスロジック

固有ビジネスロジック

共通ビジネスロジック
API

EC本体機能システム領域

ビジネスロジックを固有のものと共通のものに分けて再利用できるシステムも共用化することで無駄がなく、運用も一元化できる
Copyright ©GMO MAKESHOP All Rights Reserved.

36

結論２

ビジネスモデルを横展開でき
ビジネスロジックを再利用できることが複数ブランドの運営には不可欠
ビジネスロジックを外部化できる

ヘッドレスコマースが最適
Copyright ©GMO MAKESHOP All Rights Reserved.

37

ブランド運営事業者に求められるもの

ブランドの成長には時代の変化をとらえることが必要

変化し続ける市場への素早い対応が求められる

新たなビジネスモデルに対応するシステムの継続的な改善
Copyright ©GMO MAKESHOP All Rights Reserved.

38

システムの拡張性

一般的なSaaS・パッケージ・スクラッチシステム
基本的に本体機能に付加機能を追加するためコストが高く、複雑性によりス
ピード感にも欠ける。

ECサイト
ビジネスロジック

付加機能A

外部連携１

外部システム１

付加機能B

外部連携２

外部システム２

EC本体機能外部システムを利用する場合でも接続のために本体機能の改修が必要。
古くなり使わなくなった機能がシステ
ム内に残り続け、不具合の温床となりやすい。

システム領域
Copyright ©GMO MAKESHOP All Rights Reserved.

39

システムの拡張性

ヘッドレスシステム
本体機能への影響なく、APIを利用してさまざまな外部のシステムとの接続ができる。

ECサイト
ビジネスロジック

API

ヘッド側のビジネスロジックから直接外部システムへ接続することができ、リアルタ
イムなデータのやりとりがしやすい。

外部システム２

APIAPI

外部システム１

EC本体機能使わなくなった外部システムは切り離しやより良いシステムとの入れ替えが容易にできる。

システム領域
Copyright ©GMO MAKESHOP All Rights Reserved.

40

結論３

ビジネスモデルを時流に合わせて変化成長させるためシステムを継続的に改善できることがブランドサイトの運営には不可欠
外部システムとの連携が容易な

ヘッドレスコマースが最適
Copyright ©GMO MAKESHOP All Rights Reserved.

41

ヘッドレスコマースで実現する実店舗イメージ

ブランドイメージを表現できる
自由な売場

事務所
売場への影響なく追加・拡張できる設備

売場

倉庫
複数店舗での設備の共用化

購入導線の最適化

バックヤードの分離

売場２Copyright ©GMO MAKESHOP All Rights Reserved.

42

POINT

複数ブランドの運営に求められるシステムは高い自由度と事業成長への対応
システムの制約がないデザインと継続的な機能改善、
ビジネスロジックの横展開が容易なシステムを選ぶことが複数ブランドサイトの運営における成功の近道

Copyright ©GMO MAKESHOP All Rights Reserved.

43多様化するビジネスへの対応には

自由度の高いヘッドレスコマースが最適
ヘッドレスコマースのことなら

https://www.cloudec.jp/

Copyright ©GMO MAKESHOP All Rights Reserved.

44

ＧＭＯメイクショップ株式会社
・社名

GMOメイクショップ株式会社

・代表者

代表取締役社長 向畑 憲良

・所在地

【本社】
東京都渋谷区桜丘町26-1 セルリアンタワー【西日本支社】
大阪府大阪市北区大深町3番1号 グランフロント大阪タワーB 23F【福岡支社】
福岡県福岡市中央区大名1-14-45 Qiz TENJIN 7F

・設立

2004年9月22日

・事業内容

プラットフォーム事業（EC構築支援・ECマーケティング支援・EC運用受託）
システムインテグレーション事業

・資本金5,000万円

・従業員数

340名（2022年4月1日時点）

Copyright ©GMO MAKESHOP All Rights Reserved.

GMOメイクショップ株式会社〒150-8512 東京都渋谷区桜丘町26-1 セルリアンタワー
Copyright ©GMO MAKESHOP All Rights Reserved.