ヨナスは、ベルリン発の D2C メンズグルーミングブランド KANTE を経営しています。Shopify ストアには良い商品、誠実な価格、有料テーマがそろっていました。それでも多くの訪問者はトップページで大きなバナーを 1 枚見て、そのまま離脱していました。「トップページがテンプレートにしか見えない。一番反応のいい Instagram 広告のように売れるページにしたい」と彼は書いてきました。
これは、テーマを変えず、アプリも一つも追加せずに、3 つの Shopify カスタムセクションでトップページをストア一の「販売員」に変えた話です。
この記事について：KANTE は架空のブランドです。実際に納品した Shopify 案件をもとに再構成しており、名前・商品・一部の詳細は変更しています。セクション、課題、解決策はすべて実際のものです。
| クライアント | KANTE、メンズグルーミング、ベルリン（架空） |
|---|---|
| ストア | Shopify、ドイツ語ストア、Online Store 2.0 対応の有料テーマ |
| 納品物 | ヒーロータイル、カート追加付きスポットライトカルーセル、機能スライダー |
| 追加アプリ | なし |
| 編集者 | KANTE のチーム（テーマエディタ） |
必要なものを教えてください。固定価格の見積もり、公開前のプレビューリンク、そしてあなたのものになるコードをお届けします。
課題：見せるだけで売れないトップページ
以前のトップページはスライドショー 1 つと商品グリッドだけ。整ってはいましたが、先へ進む理由がありませんでした。明確なキャンペーンも、セット商品への近道も、KANTE のトリマーがその価格に見合う理由の説明もない。ドイツの購入者はじっくり比較してから買うため、この「なぜ」の欠如が売上を逃していました。
セクション 1：すべての訪問者に道を示すヒーロータイル
バナー 1 枚の代わりに、バッジ・力強い見出し・ボタン付きの大きなキャンペーンタイルと、セット商品やベストセラーへ直接飛べるタイルを配置しました。キャンペーンに興味がない訪問者も、ワンクリックで売れ筋商品にたどり着けます。
幅、デスクトップとモバイル別の高さ、テキスト位置、オーバーレイの濃さ、色はすべてテーマエディタで設定できます。JavaScript を一切使わないため、ページで最も重要な部分がすぐに表示されます。
セクション 2：説明して売るスポットライトカルーセル
カルーセルはスライドごとに技術的な強みを 1 つ（モーター、肌へのやさしさ、防水性）表示し、スライド上に商品バーとカート追加ボタンを配置しています。アクティブなスライドは中央に、両隣は端から少し顔を出し、スマートフォンでは自然とスワイプしたくなります。
スワイプ、ドラッグ、矢印キー、自動再生、ループに対応し、テーマ標準のカートドロワーが開くので、商品ページと全く同じ感覚で買えます。
どの有料テーマでも起こり得る不具合
最初の導入後、本番ストアでカルーセルの見出しが表示されませんでした。テーマが位置指定されたレイヤーでセクション背景を描画しており、それがコンテンツを覆っていたうえ、Shopify が古いキャッシュのスタイルシートを配信していたのです。コンテンツをレイヤーの上に出し、重要な CSS をインラインで出力し、すべての設定に安全な初期値を持たせました。こうした問題は実際のストアでしか表に出ないため、私たちは必ず公開中テーマの複製でテストします。
セクション 3：親指で操作しやすい機能スライダー
スマートフォンでは、長い静的テキストの代わりに、商品リンク付きの機能カードをスワイプで見られるようにしました。各カードはエディタのブロックなので、新商品のたびに数秒で追加できます。
KANTE が得たものと計測すべきこと
- 明確なキャンペーンと、セット商品・ベストセラーへのワンクリック導線
- トップページから直接カートに追加
- 毎回のキャンペーンで再利用できる 3 つのセクション（月額費用なし）
- 既存テーマ内のすっきりした高速なコード
クライアントのコンバージョン数値は公開していません。その代わり、前シーズンと比較する指標を明確にしました。ヒーロータイルのクリック、スポットライトからのカート追加、そしてセット商品を含む注文の割合です。
あなたのストアにトップページのカスタマイズは必要？
トップページにアクセスはあるのに商品へのクリックが少ないなら、カスタムセクションがいちばんの近道です。テーマもアプリもチェックアウトもそのままに、お客さまの買い方に合わせたトップページが手に入ります。
ヒーロータイル、スポットライトカルーセル、機能スライダー、あるいはテーマに足りないセクション。固定価格、公開前にプレビュー可能。
よくある質問
トップページ用のカスタムセクションはどのくらいでできますか？
セクション 1 つなら、見積もり承認からプレビューまで通常数日です。トップページ一式はもう少しかかります。正確なスケジュールは見積もりに記載します。
私のテーマで使えますか？
はい、Online Store 2.0 対応テーマなら使えます。フォント、ボタン、商品カードもテーマに合わせます。
後から自分で内容を変更できますか？
はい。テキスト、画像、商品、色、余白はすべてテーマエディタの設定です。
アプリは必要ですか？
いいえ。すべてテーマに組み込まれるので、月額費用はかかりません。