ECサイト 現状分析+リニューアル提案

shop.yaoki.co の現在地と、
売上・検索・AIを伸ばすリニューアル方針

自社EC shop.yaoki.co(Shopify)/2026年9月からAmazonにも出品 / 武器:検索とInstagramから月1万人超が来て、3.1%が買っていく“土台のある店”。足りないのは「ここで買う理由」の見せ方と、二度目以降の設計
SUMMARY この分析で分かったこと
8月13日に計測を開通してからの33日間、公式ストアには12,015セッションが来て374件・約330万円の購入がありました。購入率3.1%・平均注文額8,815円は、D2Cの物販として見て低い数字ではありません。土台は既にあります。一方で、レビュー・アンバサダー・148名の試食会評価といった「ここで買う理由」がサイト上に1つも無いこと、定期便(10%オフ)が商品ページの一番下に隠れていること、そして「クリームオブライスとは」のような“調べる系”では、Googleの『AIによる概要』の引用元が他社になっていて、公式ページが自然検索2位に出ていても答えの中に居ないこと(AI概要が答えを出し切る今、この種の語はクリックされないのが前提で、勝ち筋は「引用元になる」ことと「着地した人が買う」ことの2つに絞られます)——伸びしろは「集客」より「来た人を逃さない設計」と「二度目以降」にあります。今回のリニューアルは、この実測に沿って“トップ・商品ページ・情報ページ・速度・再訪”の5点を設計し直し、Columnブログの検索流入とAI検索(ChatGPT等)からの来訪を、そのまま売上に変える受け皿を作る提案です。 なお、9月17日にご提案いただいた「まず定期便とレビューを先行し、並行してフルリニューアルを進めて切り替える」という進め方は、そのまま実現できます。工程は本レポートの「進め方」にまとめました。
33日間で購入374件・約330万円(GA4実測)購入率3.1%・平均注文額8,815円頭語「クリームオブライス」自然検索1位+AI概要の引用元レビュー・選手・試食会評価の掲載0件定期便が商品ページ最下部に埋没「とは」のAI概要の引用元は他社(公式は自然2位でも不在)
DATA 現在地(2026年8月13日〜9月14日の実測・33日間)

Google Analytics 4(8/13にタグ設置)と Search Console の実データです。推定値は含めていません。

12,015回
来訪(セッション)
374件
購入
3.1%
購入率(購入÷来訪)
¥8,815
平均注文額
90%
モバイル比率(購入は95%)
5.5%
再訪者の購入率(新規は2.7%)

来訪の入口:検索44%・Instagram33%・直接16%

自然検索5,231・SNS(ほぼInstagram)4,007・直接1,927セッション。購入率は検索3.2%/SNS2.6%/直接4.1%。ChatGPT等のAIアシスタント経由も25セッション・1件購入と、小さいながら既に発生しています。メール経由は8セッション(後述)。

売上の6割はトップページ着地から

6,784セッション(56%)がトップページに着地し、245件(全購入の65%)がそこから生まれています(着地別購入率3.6%)。トップページの作りが売上の過半を決める構造です。

カートの中の歩留まり

商品閲覧9,467 → カート追加1,295 → 決済開始626 → 購入374。カートに入れた人のうち購入まで進むのは29%、決済を始めた人の60%が完了しています。カート追加から決済開始への落ち(52%減)が最も大きい段です。

売れ筋と再訪

個数ベースではプレーンが約半分(370個/771個)。2個セット(チョコ×抹茶)は63件で約60万円と単価が高い。再訪者は来訪の19%ですが売上の35%(約115万円)を占め、購入率も新規の2倍です。

※GA4は8/13設置のため、それ以前との比較はできません。Search Consoleも8/10新設プロパティ。数字は2026-09-16取得。日次では8/24〜26(Instagram発信と重なる日)に来訪が最大793まで跳ね、9月は200〜400で推移=来訪はSNSの発信タイミングに強く依存しています。

RANKINGS 検索での見え方(Search Console実測+9月16日のGoogle実画面)

頭語では既に勝っています。伸びしろは「クリームオブライスとは」「どこで売ってる」「米粉との違い」のような“調べる系”です。この種の語はGoogleの『AIによる概要』が答えを出し切るため、YAOKIに限らずどの業界でもクリックは減っています。だからこそ見るべきは順位やクリック数ではなく、「AI概要・AI回答の引用元が公式か」と「着地した人が買うか」の2点です。

キーワード表示回数33日・GSC掲載順位(GSC平均)クリック・メモ
クリームオブライス 10,377 1.7位 1,678クリック(CTR16%)9/16の実画面でも自然検索1位+『AIによる概要』の引用元1番目。ただし同じ画面の上には競合1社の検索広告と、ショッピング枠6件中3件の同社商品が出ており、公式ストアの商品はショッピング枠に出ていません(Amazon経由の掲載のみ)。
YAOKI/ヤオキ(指名) 2,000超 1位 約1,200クリック指名検索は合計で月1,000クリック超。ブランド需要はある。指名で来た人を迷わせない(トップ→商品→決済の最短化)ことが売上に直結。
クリームオブライスとは 2,343 5.3位 23クリック9/16の実画面では、AI概要の引用元は他社メディアの記事で、公式ページは自然検索2位に表示されていても引用に入っていません。クリックが少ないこと自体はAI概要のある語の共通傾向ですが、「定義の答え」を他社が書いている状態は、公式の座として取り返す価値があります。着地後の購入率は0.6%(トップ着地は3.6%)。
クリームオブライス どこで売ってる 260 4.4位 13クリック購入直前の語。公式の「販売店・購入方法」ページが無いため、モール検索結果や他社に流れている。Amazon開始後は「公式とAmazonの違い(価格・定期便)」を1ページで答える受け皿が必要。
クリームオブライス 米粉 違い 363 2〜2.5位 15クリック2位でもCTR4%。この語はAI概要が出やすい比較語で、クリックより「引用元になる」ことが目標。タイトル・説明文(meta description)が未設定で、検索結果とAIが拾う文を選べていない。
クリームオブライス おすすめ/味/カロリー 229 1.6〜3.1位 12クリック比較・選び方の語。フレーバー比較表・栄養比較・レビューがあれば、順位を上げずにクリックと購入率を上げられる領域。
他社ブランド名+クリームオブライス 155 3.9〜5.9位 7クリック他社名で検索した人にも公式ストアが表示されている=比較されている。「YAOKIが選ばれる理由」(国産・アルファ化度・加熱不要・プロテイン配合)を比較の形で持つ価値がある(実名比較はしない)。

※表示回数・順位はSearch Consoleの2026-08-13〜09-14集計(順位は平均掲載順位)。実画面の確認は2026-09-16・ログイン環境のためパーソナライズの影響があり得ます。ショッピング枠・広告は検索者や時間帯で入れ替わります。

FINDINGS 重要な発見(売上・検索・AIの伸びしろ)

土台が良いぶん、直す場所ははっきりしています。いずれも実測で確認したものだけを挙げています。

POINT 01

商品は並んでいるのに、「選ぶ手がかり」が無い

買う人の動きを追うと、はっきりした傾向が出ました。商品一覧から入った人の購入率は6.3%で全経路の中で最も高く、トップから入った人は3.6%、単品の商品ページから入った人は1.9%です。つまり「並べて比べられた人ほど買っている」。実際、トップを見た9,240セッションのうち約1,900が商品一覧ページへ進んでいます。ところが今の一覧は商品名と価格だけで、味の違い・たんぱく質量・向いている人・評価が出ていません。比べる材料が無いまま説明画像や「とは」ページへ散っていく状態です。

POINT 02

「ここで買う理由」の在庫が倉庫に眠ったまま

レビュー機能なし(構造化データにも review/aggregateRating 無し=Search Consoleの通知8/11と一致)。アンバサダー選手22名・2026年4月の試食会148名の評価(味と香り96%・作りやすさ98%・食感90%が満足以上)・大会出展・クラウドファンディング193名支援——受領済みの素材が1つもサイトに出ていません。9/15のメールではAmazonへのレビュー投稿を呼びかけていますが、その声は公式ストアにも返ってくる設計にしないと、信頼がAmazon側にだけ積み上がります。

POINT 03

定期便(10%オフ)が商品ページの一番下に隠れている

定期便は既に設定されていますが、選択欄が「カートに追加」ボタンから離れた説明画像の最下部(関連商品の直前)にあり、実際に商品ページを開いても最初の画面では見えません。再訪者の購入率は新規の2倍・売上の35%を占めるのに、それを仕組みにする導線が使われていない状態です。プレーンの在庫切れ月に売上が約30%落ちた経験を踏まえると、定期便の比率が上がるほど需要予測と在庫の安定にも効きます。

POINT 04

“調べる系”では、答えを他社が書き、着地しても買われない

「クリームオブライスとは」は33日で2,343回表示される最大の“調べる語”ですが、Googleの『AIによる概要』の引用元は他社メディアで、公式の情報ページは自然検索2位に出ていても答えの中に居ません。AI概要が答えを出し切る語はどの業界でもクリックが減るので、クリック率を追うのではなく「引用元になる」ことが目標です。現在の情報ページは、テキストが冒頭の443字だけで、製法・栄養・食べ方などの中身は説明画像15枚(代替テキスト無し)に入っています。人には読めてもGoogleとAIには“ほぼ空のページ”に見える作りです。さらに着地しても購入率0.6%で、トップ着地(3.6%)の6分の1。9月から始まったColumn(6本公開・9/14にGoogle登録)が連れてくる読者も、同じ受け皿に着地します。

POINT 05

集めたメールアドレスが売上に戻っていない

10%オフのポップアップ等でフォーム送信が33日間に630件ある一方、メール経由の来訪はGA4上で8セッション・購入3件です(9/15のAmazon告知はShopifyメールから配信)。登録の獲得と配信のツールが分かれており、かご落ち・再入荷・購入後フォローの自動配信が来訪として観測できていません。メールは既存客の購入率が最も高い経路なので、ここは費用ゼロで売上に効く部分です。

POINT 06

検索とAIの“公式”の座を固める材料が未整備

頭語で1位・AI概要の引用元1番目という現在地は強いのですが、競合1社が検索広告とショッピング枠を出稿し、公式ストアの商品はショッピング枠に出ていません(Amazon経由のみ)。トップ・商品ページの meta description 未設定、H1が2つ、商品URLに「予約販売-」等の古い日本語ハンドル、Product構造化データにレビュー・配送情報が無い、といった基礎も残っています。ShopifyはAIエージェント向けの商品情報配信(agents.md/UCP)を自動で用意しており、構造化データとFAQ・レビューを整えるほどChatGPT等の回答に公式として引かれやすくなります。

いずれも2026-09-16〜17時点の実測(GA4・Search Console・公開HTML・実画面)に基づきます。商品一覧から入ったセッションは352件(購入22件)と母数が小さいため、購入率6.3%は目安としてご覧ください。表示速度は通常回線でLCP 2.4〜2.5秒(良好)だったため発見には含めず、技術診断で扱っています。Klaviyo/Shopifyメールの配信設定は管理画面が必要なため、外から見える来訪数だけで判断しています。

AUDIT 現行サイトの技術診断(2026-09-16 実測)

公開HTMLの機械判定+実ブラウザの目視+Lighthouse計測+Search Console通知で確認しました。8月14日の診断からの変化も併記します。

サイト使っているツール(CMS)メモ
shop.yaoki.co Shopify(テーマ Horizon 3.3.1・最新世代) Klaviyo(ポップアップ)・Shopify Subscriptions(定期便)・AOVバンドルアップセル・Shopifyメール・Shop Pay。GA4/GSC計測は8/13開通
Column(/blogs/column) Shopifyブログ(当社アプリで投稿) 9/1〜6本公開。ナビ・フッター・商品ページからの導線設置済み。記事内から商品へのリンク9本(1記事あたり)
Amazon(9/15〜) モール 公式より高い価格設定・Prime配送。Googleのショッピング枠にはこちらが表示

強み(活かす)

  • テーマが最新世代で、CLS 0(レイアウトのガタつき無し)。カート・決済・Shop Payなど購入の基本装備は揃っている
  • 商品ページはLP型で説明画像9〜16枚+栄養成分・原材料・食べ方まで掲載。単品の説得力は高い
  • 定期便(1か月ごと・10%オフ)・2個セット・¥9,000以上送料無料・10%オフ登録ポップアップと、単価とリピートの仕掛け自体は存在する
  • 頭語「クリームオブライス」で自然検索1位+『AIによる概要』の引用元。指名検索も月1,000クリック超
  • Column(ブログ)が始まり、記事→商品の内部リンクも設置済み(8月時点の「入口ゼロ」は解消)
  • 商品構成が明確(プレーン800g/20食 ¥3,980=1食約199円/PRO 500g/10食 ¥3,980〜4,980)

改善点(直す)

  • 社会的証明が0件:レビューの掲載が無く、選手/試食会評価/出展実績も未掲載(GSC通知「review/aggregateRatingが無い」8/11)
  • 定期便の選択欄が「カートに追加」から離れた最下部にあり、事実上見えない。配達頻度も1か月のみ
  • 表示速度は通常回線では問題なし(Lighthouse・スマホ画面・回線制限なし:トップLCP 2.4秒/商品2.5秒=良好)。ただし総重量3.8〜4.1MB・未使用JS約450KBと重く、低速4G+低性能端末を再現した条件ではLCP 17〜19秒まで落ちる。弱い回線の来訪者にだけ効く改善余地
  • トップ・商品ページとも meta description 未設定。トップのH1が2つ(YAOKI/商品一覧)。alt無し画像がトップ17枚
  • 商品URLが日本語ハンドル(共有時に長大化。「予約販売-クリームオブライス」等の古い語が残存)
  • 「クリームオブライスとは」ページはテキスト443字+説明画像15枚(alt無し)で、中身が検索・AIに読めない。着地後の購入率0.6%
  • 販売者リスティングの構造化データに shippingDetails 等の欠落3件(GSC通知8/11)。公式ストアの商品がGoogleショッピング枠に出ていない
  • メール登録630件/33日に対し、メール経由の来訪8セッション(配信フローが売上に接続されていない)

※Lighthouseは2026-09-16に2条件で計測(通常回線相当=回線・CPU制限なし/低速4G+CPU4倍遅延の再現)。実ユーザー統計(CrUX)はAPIの日次上限のため未取得=次回レポートで補完。Klaviyo/Shopifyメールの内部フロー・Amazonの売上は外部から確認できないため未評価。

HOMEPAGE リニューアル後のサイト構成

ページ数を増やすことが目的ではありません。実測では商品を並べて比べられた人ほど買っています(商品一覧から入った人の購入率6.3%に対し、単品ページから入った人は1.9%)。そこで「選べるトップと一覧」「比べられる商品ページ」「検索とAIが読む情報ページ」の3層に役割を分け、すべてのページが商品ページへ最短で送る構成にします。商品URLは英字に改め、旧URLからの転送で検索評価を引き継ぎます。

ページ構成(新設・作り直し・既存流用)

「新設」は今のサイトに無いページ、「作り直し」は役割を変えて設計し直すページ、「既存」はShopifyの機能をそのまま使うページです。ページ数は必要最小限にとどめ、<strong>アンバサダー選手はトップと商品ページのセクション、レシピはColumn</strong>に置きます(単独ページを作ると到達が少なく、更新も二重になるため)。情報ページはすべて見出し付きの本文+図解+FAQで組み、Column記事からの内部リンク先になります。

4ページ
新設(どこで買える/違い/お客様の声/FAQ)
4種
作り直し(トップ/商品一覧/商品ページ/とは)
6商品
英字URLへ変更+旧URL転送(プレーン・PRO4種・セット)
ページパス役割
トップ【作り直し】 / ヒーローで「水だけ・約30秒・国産アルファ化米粉」を一言 → すぐ商品を並べ、味・たんぱく質・1食あたりの価格・評価で選べるように → 選手と試食会評価 → 定期便の案内。売上の6割を生む着地ページ
商品一覧【作り直し】 /collections/all 全経路で最も購入率が高い入口(6.3%)。プレーンとPROを役割で分け、比較表(味・たんぱく質・向いている人・1食あたりの価格)から商品へ
商品ページ×6【作り直し】 /products/plain ほか英字URL 定期便/単品/セットの3択を「カートに追加」の直上に。レビュー・比較・よくある不安への回答を説明画像の前に配置。旧URLは転送
クリームオブライスとは【作り直し】 /pages/what-is-cream-of-rice 画像15枚を、見出し付き本文+図解+FAQ(構造化データ)に。基本の作り方もここに統合。Googleの『AIによる概要』とAI回答で「公式の定義」として引用される受け皿
どこで買える【新設】 /pages/where-to-buy 公式ストアとAmazonの違い(価格・定期便・セット)を1ページで答え、公式へ還流。「どこで売ってる」検索の受け皿
米粉・オートミール・海外製との違い【新設】 /pages/compare 国産・アルファ化度・加熱不要・プロテイン配合を比較表で(他社名は出さない)。「違い」「おすすめ」検索と、他社名で比較検討している人の受け皿
お客様の声【新設】 /pages/reviews 公開までに集めたお客様のレビュー+2026年4月試食会148名の評価(回答者数を併記)+同意書を締結した選手の紹介。商品ページにも要約を表示
よくある質問【新設】 /pages/faq トップと商品ページに散っているFAQを1か所に集約し、FAQ構造化データを付与。AI回答の引用元になる
Column【既存】 /blogs/column 当社ブログ運用のまま。レシピ記事はここに集約し、記事内リンクで情報ページと商品へ送る
カート・決済・会員・各種ポリシー【既存】 /cart ほか Shopify標準とShop Payをそのまま利用。カート内にセット・定期便の案内を1つだけ追加
FEASIBILITY ご指定いただいた参考サイトについて(実装のお約束)

9月17日にご質問いただいた「参考サイトのようなデザインや機能は技術的に実装可能か」について、4サイトとも実装できます。Shopifyのカスタムテーマはテーマのコードをこちらで書ける形式なので、見た目も動きも一般的なWebサイトと同じように作れます。ご指定の要素それぞれについて、YAOKIのどの画面で、どう作るかをお答えします。画面写真は2026年9月18日に各サイトで撮影したものです。

Mr. CHEESECAKEの画面
Mr. CHEESECAKE世界観のデザイン
mr-cheesecake.com
ご要望

世界観のデザイン。

YAOKIではこう作ります

写真を大きく置き、文字数を絞り、余白で間を持たせる作りです。書体・余白の取り方・写真のトーンをテーマの設計段階で決めて全ページで統一します。トップの第一画面は「水だけ・約30秒・国産アルファ化米粉」を1枚の写真と短い一言で見せ、そのすぐ下から商品を選べる流れにします。この“世界観”は1つの機能ではなく設計の土台なので、フェーズ02(デザインの方向性を決める)で叩き台をお見せして一緒に決めさせてください。

入る場所:トップの第一画面/商品ページ/情報ページ(デザインの土台として全ページ)
COMPの画面
COMP「あなたはどっち派?」の商品比較
comp.jp
ご要望

「あなたはどっち派?」といった商品比較・説明機能。

YAOKIではこう作ります

2つの選択肢をタブで切り替え、それぞれの説明と「こんな方におすすめ」を出す作りです。同じものを「プレーン」と「PRO」で作ります。切り替えると、味・たんぱく質量・1食あたりの価格・向いている人が入れ替わり、そのまま該当商品のカートへ進めるようにします。ページを移動せずに比べられるので、迷っている方がその場で決められます。現在の商品一覧は全経路で最も購入率が高い入口(6.3%)で、「並べて比べられた人ほど買う」ことが数字に出ています。その比べる体験を、トップと情報ページにも置く狙いです。

入る場所:トップ/商品一覧/「米粉・オートミールとの違い」ページ
Davidの画面
通常 商品名と価格だけの落ち着いたカード。袋は閉じたまま
Davidの画面
カーソルを乗せると 背景がフレーバーの色に変わり、袋が開いて中身が見え、上部に栄養値のバッジと味の説明が現れる
David商品カードでの栄養値の見せ方
davidprotein.com
ご要望

商品の見せ方。マウスを乗せるとPFC(たんぱく質・脂質・炭水化物)が表示されるアニメーション。

YAOKIではこう作ります

Davidは通常時は商品名と価格だけの静かなカードで、カーソルを乗せた瞬間に、背景がそのフレーバーの色に変わり、袋が開いて中身が顔を出し、上部に「150 Calories/28g Protein/0g Sugar」のバッジと味の説明が現れます(上の2枚が同じカードの通常時とホバー時です)。“数値を見せる”ことと“おいしそうに見せる”ことを、1つの動きで同時にやっているのがうまいところです。YAOKIでも同じ作りにできます。通常はパッケージ写真だけの静かなカード、カーソルを乗せると背景がフレーバーの色に変わり、たんぱく質・糖質・1食あたりの価格と「カートに入れる」が現れる——という見せ方です。いま御社が持っている商品写真のままできます。1点だけ補足させてください。購入の95%がスマートフォンからで、スマートフォンにはマウスオーバーがありません。そのためスマートフォンでは数値を最初から表示し、パソコンではこの動きを付ける、という作り分けにします。

入る場所:トップの商品セクション/商品一覧ページ/関連商品
Momentousの画面
Momentous商品一覧の見せ方
www.livemomentous.com
ご要望

商品の見せ方。

YAOKIではこう作ります

カードごとに星評価と件数・一言の説明・価格・「カートに入れる」を並べ、左側で目的から絞り込める作りです。YAOKIでは絞り込みの軸を「たんぱく質を足したい/しっかり糖質を摂りたい/味で選びたい」にします。なお、この見せ方の要は各カードに出ている星評価です(Momentousは533件・3,900件と件数まで出しています)。YAOKIの公式ストアには現在レビューが0件なので、この形を成立させるために、先行期間からレビューを集め始めます。

入る場所:商品一覧ページ/トップの商品セクション

※できないことも先に申し上げます。Shopifyの仕様上、決済画面(カートの後のクレジットカード入力などの画面)そのものは作り替えられません。それ以外の画面は自由に作れます。また、各サイトのデザインをそのまま真似ることはせず、要素の考え方だけを取り出してYAOKI専用の世界観に組み直します。

SPEC 工数の配分(初期制作 約118時間の内訳・概算)

初期制作¥400,000の中で、どの工程にどれだけ時間を使うかの見込みです。設計と実装で約4.3割、ご確認のやり取りと進行管理に約1.3割を見込みます。先行対応(約13時間)も、この中に含みます。数字は概算で、範囲を確定した正式なお見積もりで再提示します。期間の目安は着手から公開まで6〜8週間です。

SPEC 01

先行対応(今のテーマのまま)

約13時間(11%)・着手後すぐ〜2週間

  • 定期便の選択欄を「カートに追加」の直上へ移動(テーマの設定変更のみ)
  • レビュー収集ツールの導入・依頼メールの稼働・今の商品ページへの星の表示
  • かご落ち・購入後フォローのメール2本
  • meta descriptionと画像の代替テキスト17件
  • ストアから会社ホームページへの導線

今のテーマにコードを書かない範囲に限定しています。書いたものが新しいテーマへそのまま引き継げるようにするためです。

SPEC 02

設計・デザイン

約23時間(19%)

  • サイト構成と各ページの役割・導線の確定
  • トップ・商品ページ・情報ページ・共通部品(ヘッダー/フッター/カート)のデザイン
  • スマホ優先で設計(来訪の9割)。参考サイト20選から「参考にする点」だけ抽出

デザインの方向性(トップと商品ページ)は、ご契約後の最初のお打ち合わせで2つの案をお見せし、その場で方向を決めます

SPEC 03

カスタムテーマ実装

約28時間(24%)

  • Online Store 2.0のセクション・ブロック・メタフィールドで、先方が管理画面から編集できる構造に
  • トップ/商品一覧/商品ページ/情報ページ用テンプレート/FAQ・選手・声の各テンプレート
  • 不要なアプリ・スクリプトを積まない構成で総重量を減らす

カート・決済・Klaviyo・定期便・当社ブログ投稿アプリは既存のまま接続

SPEC 04

商品ページと購入導線

約12時間(10%)

  • 定期便/単品/セットの3択を「カートに追加」の直上に配置
  • お客様の声の掲載、比較表、よくある不安への回答
  • アンバサダー選手・試食会評価を購入導線の中(トップと商品ページ)に配置
  • カート内のセット・定期便案内(1つだけ)

既存の定期便設定・アップセルアプリは棚卸しして残すものを決める

SPEC 05

情報ページの原稿化と図解

約12時間(10%)

  • 「とは」の画像15枚を本文と図解に置き換え(基本の作り方もここに統合)
  • どこで買える/違い/FAQの原稿(一次情報バンク65件と8/10インタビューを根拠に)
  • FAQ・HowTo構造化データの付与

ご支給いただく文章以外の原稿はここに含みます。掲載ルール(特許番号非掲載など)に準拠

SPEC 06

技術整備

約8時間(7%)

  • 商品URLの英字化と旧URLからの301転送(検索評価の引き継ぎ)
  • meta description・H1・alt・商品/配送/返品の構造化データ
  • メール自動配信2本(かご落ち・購入後)の設計、GA4計測の継続確認

公開後にSearch Consoleで転送とインデックスを確認

SPEC 07

検証・公開・引き渡し

約7時間(6%)

  • スマホ実機と主要ブラウザでの表示・購入テスト(テスト注文)
  • ベースライン固定→公開→公開直後の数字確認
  • 編集箇所一覧とかんたん更新ガイド、公開時のレクチャー30分

公開は未公開テーマを切り替えるだけなので一瞬で終わり、アクセスの少ない時間帯に行います。旧テーマはそのまま残るため、万一のときはすぐ元に戻せます。

SPEC 08

進行管理・ご確認の往復

約15時間(13%)・期間を通して

  • キックオフと要件確定の打ち合わせ、公開日程の調整
  • デザイン・原稿・公開前の各段階でのご確認依頼と、いただいたご指示の反映(会社ホームページと同じく、原則その日のうちに反映します)
  • ご確認は公開中のストアに触れずに行えます。新しいサイトは「未公開テーマ」として作り、本番と同じ商品・ブログのデータが入った状態のプレビューをご覧いただきます
  • 掲載素材の受け取りと可否の確認(選手リスト・試食会データ・写真)
  • Shopifyの権限・アプリ・ドメイン・決済まわりの調整と、進捗のご報告

週あたり約2時間の見込みです。ご確認の回数が想定より増える場合も、この枠の中で対応します。

※工数は当社の見込みです。範囲が増える場合(ページ追加・撮影・原稿追加など)は着手前に差分をお伝えします。

PROCESS 進め方(先行と本体を並行して進めます)

ご提案いただいた2段階の進め方を、工程に落としたものです。フェーズ01(先行)は、フェーズ02以降と同時に走ります。先行は今のテーマの設定変更だけで行うため、本体の制作を止めません。

先行:着手後すぐ〜2週間本体:着手から6〜8週間で切り替え先行分の費用は初期費用に含みます
フェーズ 当方がやること 御社にお願いしたいこと
01 先行対応(今のテーマのまま) 目安:着手後すぐ〜2週間/02と同時に進めます ここで決めること:レビュー依頼メールの文面と、お送りする対象(いつからの購入者か)
  • 定期便の選択欄を「カートに追加」の直上へ移動します(テーマの設定変更のみ・コードは書きません)
  • レビュー収集ツール(Judge.me)を導入し、購入後のレビュー依頼メールを稼働させます
  • 集まったレビューを、今の商品ページに星と件数で表示します(こちらも設定のみ・コードは書きません)
  • かご落ちメールと購入後フォローの2本を設計して稼働させます
  • 商品・コレクションのmeta descriptionと、画像の代替テキスト17件を整備します
  • ストアから会社ホームページへの導線を設置します(ご相談②)
  • レビュー収集ツールの導入のご承認(月額は御社ご負担・月$15=約¥2,300。無料枠で足りるかは15日間の試用で見極めます)
  • レビュー依頼メールの文面のご確認(御社名義で配信するため)
  • Klaviyoとメール配信まわりの権限のご共有
  • 定期便の割引・解約条件の表記のご確認
02 デザインの方向性を決める 目安:1〜2週間/01と同時に着手 ここで決めること:トンマナ(何を主役に、どんな色・密度で見せるか)
  • 本レポートの参考サイト20選から、方向性の候補を3〜5本に絞ってご提案します
  • トップと商品ページの叩き台をお出しします
  • ご指定の4サイト(Mr. CHEESECAKE/COMP/Momentous/David)の要素を、どの画面でどう使うかに翻訳してお見せします
  • 「トップで最初に何を見せるか/色/情報の密度/写真のトーン」の4点について、good/badをお聞かせください(1本を選ぶ必要はありません)
  • この件をご決裁される方をお知らせください
ここで「デザイン確定」とさせてください 以降は決まった方向に沿って実装を進めます。大きな方向転換が入ると公開時期が後ろにずれるため、方向性はこの時点で固めさせてください。
03 情報と素材をお預かりする 目安:02と並行/ここが最も時間がかかります ここで決めること:掲載する事実(選手・試食会・成分・配送)
  • 必要な素材の一覧をお渡しします
  • 公開情報と既存ページから拾える範囲はこちらで下書きし、ご確認だけお願いする形にします
  • 情報ページ3本(とは/どこで買える/違い)の原稿を起こします
  • 選手の掲載可否(同意書を締結済みの方)
  • 試食会148名の回答から、掲載する声の選定
  • 商品写真・調理写真で使えるものの共有
  • 成分・製法について、掲載してよい範囲と避けたい表現のご指示
04 カスタムテーマの実装 目安:3〜4週間 ここで決めること:商品ページの購入導線(定期便・セット・フレーバー比較の見せ方)
  • トップ・商品一覧・商品ページ・カート・情報ページ4本・お客様の声・FAQを実装します
  • フェーズ01で集まったレビューを、お客様の声と商品ページに掲載します
  • 構造化データ・meta・商品URLの英字化と転送・計測を整備します
  • 各段階での表示のご確認(画面をお送りします)
  • 文言の最終ご確認
05 検証・公開・引き渡し 目安:1週間 ここで決めること:公開日
  • 表示・購入・定期便・メールの通し確認を行い、旧URLの転送を確認したうえで公開します
  • 編集箇所の一覧とかんたん更新ガイドをお渡しし、公開時に30分のレクチャーを行います
  • 公開前の最終ご確認
  • 公開日のご都合の共有

※期間はいずれも目安です。フェーズ03(情報と素材)の進み方で全体の公開時期が決まります。※フェーズ01は本体の制作を止めないよう、今のテーマの設定変更だけで行います。レイアウトの修正はフェーズ04でまとめて作り直します。

WHY なぜ「集客」より先に「受け皿」を直すのか

来訪はすでに月1万を超え、検索とInstagramの2本柱で入ってきています。ここで来訪数を追加で増やすより、来た人の購入率と二度目以降を1ポイントずつ動かす方が、同じ努力で売上に直結します。購入率3.1%は良い数字ですが、トップ着地3.6%と情報ページ着地0.6%の差が示すとおり、「どのページに着いたか」で結果が6倍違うのが今の状態です。

Column(ブログ)とAI検索が連れてくるのは“調べてから買う人”です。9月に始まった記事が検索とAIに引用され始めるほど、着地するのは商品ページではなく情報ページになります。その受け皿が画像中心・レビュー無しのままだと、記事の成果が売上として計上されません。リニューアルはブログ運用の投資を回収するための土台工事でもあります。

Amazon開始で「すぐ欲しい人」はAmazonへ流れます。公式ストアは「お得に・続けて・選んで買う場所」として役割をはっきりさせる必要があります。定期便・セット・レビュー・フレーバー選びのガイドは、その役割を形にする部品です。

作り直しといっても、カート・決済・Klaviyo・定期便・当社のブログ投稿アプリなど動いている資産はそのまま生かします。新しくするのは「見せる順番」「読める情報」「速さ」「再訪の仕組み」です。

METHOD リニューアルで設計し直す5つのこと

効果の大きい順に「トップ → 商品ページ → 情報ページ → 速度・技術 → 再訪」を、カスタムテーマの設計段階から組み込みます。各項目は前後の数字(購入率・LCP・メール経由売上)で効果を報告します。

METHOD 01

① トップと一覧を「すぐ選べる」構成に

ECに来る人は商品を探しに来ます。ヒーローは「水だけ・約30秒・国産アルファ化米粉」を一言で示すだけにして、すぐ商品を並べます。変えるのは並べ方です。各商品に、味の方向・たんぱく質量・1食あたりの価格・向いている人・評価を添えて、その場で比べて選べるようにします。選手や試食会の評価は一覧のすぐ下と各商品カードに置き、選ぶ手を後押しする位置に配置します。詳しい説明は下へ送ります。

進め方商品一覧からの購入率6.3%を基準に、トップ着地3.6%・商品ページ着地1.9%を引き上げる。公開後は着地別購入率と、一覧から商品ページへ進む割合で確認
使うツールGA4(着地別購入率・ページ遷移)/受領済みアンバサダーリスト/試食会アンケート
METHOD 02

② 商品ページ:定期便を主役に、比較と証明を足す

定期便(10%オフ)の選択を「カートに追加」の真上に置き、単品/定期/セットの3択を一目で比べられる形にします。あわせて、1つの商品ページに着地した人がその場で他のフレーバーと比べられるようにします(単品ページ着地の購入率は1.9%と最も低く、他の選択肢が見えないまま離脱していると考えられます)。レビュー・フレーバー比較表・「よくある不安」への回答を、長い説明画像の前に配置します。

進め方レビュー収集ツールを導入→購入後の依頼メールで声を集める→定期便の配達頻度を2週間/1か月/2か月に拡張→カート内アップセルの整理
使うツールレビュー収集ツール(Judge.me)/Klaviyo/Shopify Subscriptions
METHOD 03

③ 情報ページを「読める・引用される・買える」に作り直す

「クリームオブライスとは」を画像頼みから、見出し構造のある本文+図解+FAQ(構造化データ付き)に作り直し、Googleの『AIによる概要』とChatGPT等の回答で「公式の定義」として引用される状態を狙います。あわせて「どこで買える(公式とAmazonの違い)」「米粉・オートミールとの違い」の受け皿ページを新設します。レシピや食べ方はColumnの記事に集約し、記事→情報ページ→商品の回遊を内部リンクで作ります。クリック率ではなく、引用元に入っているかと着地後の購入率で効果を見ます。

進め方GSCで表示が多い語(とは・どこで売ってる・違い)から着手。公開後はAI概要の引用元(月1の定点観測)と着地別購入率で確認
使うツールSearch Console/FAQ・HowTo構造化データ/Column(当社ブログ運用と連動)
METHOD 04

④ 技術SEO・AI対応を設計に組み込む(速度は落とさない)

meta description・H1・alt・商品URL(リダイレクト付きで英字化)・Product/Offer/FAQ構造化データ(レビュー・配送・返品)を整備し、Googleショッピング枠とAIアシスタントの回答に公式として引かれる材料を揃えます。表示速度は現状でも通常回線で良好(LCP 2.4〜2.5秒)なので、リニューアルで重くしないことを条件にし、総重量(現状3.8〜4.1MB)と未使用スクリプトはアプリの棚卸しで減らします。

進め方Lighthouseで前後比較(通常回線・低速回線の2条件)→アプリ/スクリプト棚卸し→構造化データ検証→Merchant Center連携の点検
使うツールLighthouse/Search Console/Merchant Center/Shopify agents.md・UCP(自動提供)
METHOD 05

⑤ 二度目以降を仕組みにする(メール・定期便)

登録630件/月のメールを売上に戻す自動配信(かご落ち・購入後の食べ方案内・再購入タイミング・再入荷)を設計します。再訪者の購入率5.5%を活かす部分で、費用対効果が最も高い工程です。

進め方GA4のメール経由セッション(現状8)と再訪購入率を毎月追う。配信ツールは登録と送信を一本化
使うツールKlaviyo(フロー)/Shopifyメール/定期便
NEXT 今後の進め方
STEP 01
1. 正式なお見積もりとスケジュールこの進め方でよろしければ、範囲を確定した正式なお見積もりと、公開日から逆算したスケジュールをお出しします。デザインの叩き台(トップと商品ページ)は、着手後のフェーズ02でお出しします。方向性を先にうかがってから作るほうが、精度が上がるためです。
STEP 02
2. 先行対応はご契約後すぐに始められますフェーズ01の5点は、ご契約後すぐ着手できます。とくにレビューの収集は集まるまでに時間がかかるため、早く始めるほど有利です。公開時に「お客様の声が載っている状態」にするための準備とお考えください。
STEP 03
3. ベースラインの固定本レポートの数字(購入率3.1%・トップ着地3.6%・情報ページ着地0.6%・LCP 2.4〜2.5秒(通常回線)・メール経由8セッション・「とは」のAI概要引用元=他社)をリニューアル前の基準として固定し、公開後は月次レポートで「何を直して何が変わったか」を同じ指標で報告します。
STEP 04
4. Columnとの連動10月分の記事から、新設する情報ページへの内部リンクを前提に構成します。記事が連れてくる読者を、新しい受け皿で受け止めます。
PROPOSAL ご提案と概算見積もり

9月17日にご提案いただいた進め方——まず定期便とレビューを先行し、並行してフルリニューアルを進めて6〜8週間後に切り替える——は、そのまま実現できます。本レポートも、フルリニューアルを前提とした1案に整理し直しました(9月16日版でお出しした「②ミニマム改善」は取り下げます)。
ひとつだけ、先行の範囲を「今のテーマにコードを書かない範囲」に限らせてください。今のテーマ(Horizon)に書いたコードは新しいテーマへ引き継げず作り直しになるうえ、切り替えまでの6〜8週間は「今のサイト」と「制作中のサイト」を二重に管理することになり、ご依頼のたびに両方へ反映が必要になります。設定・データ・メールの範囲であれば、そのまま新しいテーマへ引き継げて、公開を待たずに効き始めます。先行分の費用は初期費用に含みます(追加費用はありません)。

② 公開後の改善運用
数字を見ながら毎月手を入れる期間(公開翌月から6か月)
¥30,000/月(税込・概算)月3時間まで・7か月目からは月¥10,000の見守りに移行
毎月の数字チェック(購入率・着地別・定期便比率・メール経由・AIによる概要の引用元)と、ブログ月次レポートへの統合
残り約2時間で改善を実装。内容は毎月の数字を見て優先順位を決めます(例:定期便の位置、かご落ちメール、レビュー掲載、トップの並び、比較表)
使った時間と内容はレポートに毎月明記。時間は繰り越しません
追加作業は事前にお伝えしたうえで3時間¥20,000
7か月目以降(見守り 月¥10,000):月1回の数字チェック+レポート統合+30分以内の軽微な修正
※改善の件数はお約束せず、時間で区切ります。「やった方がいいのにできない」を避けるためです。
FUTURE 今後ご一緒できること(今回の見積もりには含みません)

今回のリニューアルの範囲外ですが、公開後にご提案したい支援です。調べる中で、Instagramのショップはすでにきれいに整っていることを確認しました(商品カタログ・価格・送料条件まで同期済みで、プロフィールからショップに入れる状態です)。一方でGoogle側は、タグは入っているのに商品がショッピングの枠に出ていません。そこでGoogleまわりと、もうひとつ、ストアにまだ導線がないLINE公式アカウントをご提案します。

OPTION 01

Googleショッピングへの掲載(広告費ゼロ)

リニューアル公開後

「クリームオブライス」は月1,678回検索されていますが、Googleショッピングの一覧に公式ストアは1件も出ていません(2026年9月18日に実画面で確認)。出ているのはAmazon経由の御社商品と他社で、Amazon経由の御社商品は公式ストアより510〜610円高く表示されています。公式が並べば、同じ検索の中で最も安い選択肢としてお見せできます。一方でストアを調べたところ、GoogleのタグはShopifyのアプリ経由ですでに入っていました(GA4とGoogleタグ)。つまり連携の土台はできていて、あとは商品データがGoogle側の掲載条件を満たせば載る状態です。手がかりとして、Shopifyの商品バーコード(JANコード)欄が5商品とも空でした。ここは掲載条件に関わる項目なので、整備からお手伝いできます。Google Merchant Centerの画面を拝見できれば、どこで止まっているかがその場で分かります。掲載は広告費ゼロの枠です。

OPTION 02

検索結果に星を出す

レビューが50件を超えてから

Googleの商品評価は、全商品の合計で50件以上のレビューが集まると申請できます(1商品あたり3件以上が目安)。先行期間からレビューを集め始めるので、公開後しばらくで届く見込みです。集まった時点で、レビューのデータをGoogleへ渡す設定をします。検索結果やショッピングの枠で星が出ると、順位を動かさずにクリックを増やせます。

OPTION 03

LINE公式アカウントで「次の一回」を取りにいく

新ストアの公開に合わせて開設

公式ストアと会社ホームページを調べたところ、LINE公式アカウントへの導線がまだありません(SNSはInstagramのみ)。いまメールは33日間で630件登録される一方、メール経由の来訪は8セッションと、登録が売上に戻っていない状態です。LINEは届いた瞬間に開かれやすく、クーポンの受け取りがその場で完結するので、「新フレーバーが出た」「定期便が10%オフ」「イベントに出る」をいちばん速く届ける窓口に向いています。VALXがトップの最上段で「LINE友だち追加で1,000円OFF」を掲げているのと同じ型です。進め方は3段階です。①開設と友だち追加の特典(初回クーポン)を決め、新ストアのトップとポップアップに「友だち追加」を置く。②配信は月2〜4回に絞り、新商品・キャンペーン・食べ方のレシピ・選手の情報に限定する(売り込みだけの配信は解除につながるため)。③Shopifyと連携するアプリで、購入者の友だち追加とクーポンの利用を結びつけ、LINE経由の購入を月次レポートで追う。LINE側の料金は、友だちが少ないうちは無料プラン(月200通まで)で足り、配信数が増えてから有料プランへ移る形で十分です。デモのトップに置いた「LINE友だち追加で500円OFF」のバナーは、この導線を想定した仮のものです。特典の金額と条件は御社にお決めいただきます。

※いずれも今回の初期費用¥400,000には含みません。公開後の改善運用(月3時間)の枠内で収まるものは、その中で進めます。枠を超える場合のみ、範囲と費用をあらためてご相談させてください。

REFERENCES 世界観・デザインの参考サイト(20選)

カスタムテーマの設計時に参照するECサイトです。前半10件は同カテゴリ(フィットネス・機能性食品・米)、後半10件はジャンルの違う世界観・デザインの優れたEC(スイーツ・コスメ・雑貨・工芸・アパレル等)から選びました。各カードはトップページの実スクリーンショット(2026-08-15撮影・クリックで実サイトへ)。

VALX(バルクス)のトップページ
VALX(バルクス)国産・筋トレ系D2C
valx.jp

山本義徳氏のインフルエンサー発ブランド。監修者の顔と実績数字を前面に出す信頼設計。アナスペ発信力の活かし方の直接参考

ULTORA(ウルトラ)のトップページ
ULTORA(ウルトラ)国産・無添加プロテイン
ultora.co.jp

単色×余白のクリーンな世界観。人工甘味料不使用などの「引き算の訴求」とフレーバー展開の見せ方

LÝFT(リフト)のトップページ
LÝFT(リフト)フィットネスブランド
lyft-fit.com

インフルエンサー発ブランドの世界観統一の徹底例。写真のトーンとロゴ運用でECを「ブランドの旗艦店」に見せる

BASE FOOD(ベースフード)のトップページ
BASE FOOD(ベースフード)完全栄養の主食
basefood.co.jp

「主食を置き換える」という新カテゴリの教育型LP。クリームオブライス=新しい主食の説明構造の最重要参考

COMP(コンプ)のトップページ
COMP(コンプ)完全栄養食
comp.jp

機能性食品のミニマルデザイン。栄養設計を知的に見せるタイポグラフィと図解

八代目儀兵衛のトップページ
八代目儀兵衛米ギフトEC
www.okomeya.net

米の上質感・和モダンの見せ方。MADE IN JAPAN×お米というYAOKIの原点の表現に接続できる

Huel Japanのトップページ
Huel Japan海外完全栄養食(日本展開)
jp.huel.com

機能主義デザインの代表格。数字・成分の即物的な見せ方と、海外ブランドの日本語ローカライズの塩梅

Momentousのトップページ
Momentous米国・プレミアムサプリ
www.livemomentous.com

アスリート×科学のプレミアム路線。抑制の効いた配色でエビデンスと選手起用を高級感に変換している

Davidのトップページ
David米国・プロテインバーD2C
davidprotein.com

大胆タイポ×ミニマルの最新D2Cデザイン。少ないSKUを強く見せる構成はYAOKIの6商品構成と相性が良い

Magic Spoonのトップページ
Magic Spoon米国・シリアルD2C
magicspoon.com

「美味しさ×機能」を楽しく見せる代表例。「まるで、スイーツ。」の世界観をECの隅々まで展開する参考

Mr. CHEESECAKEのトップページ
Mr. CHEESECAKED2Cスイーツ
mr-cheesecake.com

余白と写真だけで高級感を出すD2Cスイーツの代表。「まるで、スイーツ。」を上質に言い換える表現の参考

OSAJI(オサジ)のトップページ
OSAJI(オサジ)国産スキンケア
osaji.net

淡いトーンで製品を静かに見せる国産ブランド。落ち着いたウェルネス層に届く色彩設計

KINTO(キントー)のトップページ
KINTO(キントー)生活雑貨
kinto.co.jp

ミニマルデザインの教科書。写真のトーン統一と余白の使い方

北欧、暮らしの道具店のトップページ
北欧、暮らしの道具店ライフスタイルEC
hokuohkurashi.com

読みもの(コンテンツ)とECの融合の完成形。Columnブログ×商品の回遊設計の直接参考

中川政七商店のトップページ
中川政七商店日本の工芸
www.nakagawa-masashichi.jp

和モダンと産地ストーリーの見せ方。MADE IN JAPANを現代的に翻訳している

Minimal(ミニマル)のトップページ
Minimal(ミニマル)クラフトチョコレート
mini-mal.tokyo

素材と製法を主役にするクラフト表現。原材料のこだわりを価値に変える構成

PostCoffeeのトップページ
PostCoffeeコーヒーD2C
postcoffee.co

診断→サブスクのUX設計。ポップさと機能性の両立、初回導線の作り込み

土屋鞄製造所のトップページ
土屋鞄製造所革製品
tsuchiya-kaban.jp

職人ストーリーと世界観写真でブランドを語る。「読み物」コーナーのEC内配置

Snow Peakのトップページ
Snow Peakアウトドア
www.snowpeak.co.jp

ブランドの世界観(体験)をECへ拡張する構造。商品を暮らしの文脈で見せる

Allbirds Japanのトップページ
Allbirds JapanシューズD2C
www.allbirds.jp

グローバルD2Cの日本語ローカライズ。サステナ訴求を押し付けずシンプルに保つ設計

※順不同。トーンをそのまま真似るのではなく、各サイトの「参考にする点」だけを抽出してYAOKI専用の世界観に再構成します。 ※9月17日にご指定いただいた4サイト(Mr. CHEESECAKE/COMP/Momentous/David)は、いずれもこの20選に含まれています。世界観の作り込み、「あなたはどっち派?」のような比較コンテンツ、カーソルを合わせると栄養値が表示される商品の見せ方——ご指摘の要素は、いずれもShopifyのカスタムテーマで実装できます。Shopifyの仕様上そのままでは変更できないのは決済画面そのものだけで、それ以外の画面は作り込めます。