Shopify / 導線設計 / Liquid実装 Shopify / 導線設計 / Liquid実装

集客後の導線を整える。
Shopifyの設計から運用まで。 集客後の導線を整える。
Shopifyの設計から運用まで。

Shopify構築7件（2026年7月時点）。広告運用の視点で、購入導線・計測・運用まで一貫して設計します。
Shopify構築7件（2026年7月時点）。
購入導線・計測・運用まで
一貫して設計します。
まずは課題を相談する

相談無料24時間以内返信全国リモート制作会社との協業可

相談無料24時間以内返信全国リモート協業可

Shopify構築

7件
2026年7月時点

7件
2026年7月時点

ランサーズ評価

満足22件・残念0件
2026年7月時点

満足22件・残念0件
2026年7月時点

納品後の追加発注

4件継続中
2026年7月時点

4件継続中
2026年7月時点

PROJECTS

実案件 / 自社制作 / 自主制作 / 学習課題

登録している制作実績をすべて掲載。実案件の詳細はページ下部の CASE STUDY で紹介しています。

登録している制作実績をすべて掲載。
実案件の詳細は下部 CASE STUDY で紹介。

横にスワイプして制作実績を確認できます

越境ECサイト構築 — タイ向けLP（PC/スマホ表示）
Shopify 越境EC構築2026年3月〜
日本発の美容・化粧品ブランド様

越境ECサイト構築（タイ・東南アジア）

担当: 要件定義 / ストア構築 / 多言語・多チャネル設計 / Liquid・JS改修 / 3PL倉庫連携 / 運用保守
ShopifyLiquidJavaScript
POINT タイで販売中、東南アジアへ展開中。運用保守も継続 構築後はタイで販売を開始し、東南アジアへ展開中。納品後も配送・通知・多言語整合などを実機検証しながら、販売を止めないことを最優先に改善を継続しています。
詳細を見る →
菓刻 KAKOKU
Shopifyストア構築約1ヶ月
自主制作（架空ブランド）

菓刻 KAKOKU

担当: 企画 / 設計 / AIディレクション
ShopifyLiquidMetaobjects
POINT 通常2〜3ヶ月規模の構築を、AI分業により設計〜実装〜検証まで約1ヶ月で完了。品質は人間のレビューで担保しています。4種のメタオブジェクトと48のメタフィールド定義で、世界観を保ちながら管理画面から更新できる構成にしました。
詳細を見る →
実際のサイトを見る ↗
SOW.
Shopifyストア構築約1ヶ月
自主制作（架空ブランド）

SOW.

担当: 構築 / Liquid実装 / メタ設計
ShopifyLiquidJudge.me
POINT メタフィールド設計で成分・使い方・FAQをデータ駆動化し、商品ごとに表示内容を自動切替。セクション独立構造により、運用者が積み木感覚で並び替え可能な「運用に強い」D2Cサイトを構築しました。
詳細を見る →
実際のサイトを見る ↗
Kuma.Code 公式サイト
独自テーマ開発継続運用中
自社サイト

Kuma.Code 公式サイト

担当: 企画 / デザイン / フルスクラッチ実装
ShopifyLiquidVanilla JS
POINT 脱ライブラリの軽量設計により、演出を入れても表示速度を落とさない構成に。Shopifyの標準仕様に準拠したまま、フロントだけを作り替えたポートフォリオサイトです。
詳細を見る →
実際のサイトを見る ↗
DAILY
Shopifyストア構築約1ヶ月
学習課題（デイトラ）

DAILY

担当: 設計 / 実装 / 運用設計
ShopifyLiquidJavaScript
POINT アプリ月額費を0円に抑えつつ、回遊を促す『ランキング機能』を実装。運用者がコードに触れずに更新できる環境を整え、デザインの再現性を保ったまま運用が続く構成にしました。
詳細を見る →
実際のサイトを見る ↗
Fleur Sereine
Shopifyストア構築約2週間
学習課題（デイトラ）

Fleur Sereine

担当: ストア構築 / アプリ導入 / CSS調整
ShopifyShopify FlowCSS
POINT Shopify Flowによる「在庫アラート自動化」を実装し、機会損失と管理工数を削減。無料テーマをベースにしつつも、CSS調整とフォント設定で「高単価な商材」に見合うブランドサイトを構築しました。
詳細を見る →
実際のサイトを見る ↗
Eanbe
Shopifyストア構築2週間
学習課題（デイトラ）

Eanbe

担当: ストア構築 / アプリ選定 / デザイン調整
ShopifyAppCSS
POINT 無料テーマと公式アプリの組み合わせで、タグ管理によるニュースの出し分けや絞り込み機能をノーコードで実装。運用者だけで更新を続けられる構成にしました。
詳細を見る →
実際のサイトを見る ↗
制作実績をすべて見る

CASE STUDY

実案件 / 匿名掲載

許諾済みの匿名実案件を、課題・対応範囲・公開後の運用まで事実ベースで紹介します。

許諾済みの匿名実案件です。
課題・対応範囲を事実ベースで紹介します。

B2B卸売ECサイト構築 — 健康食品メーカー様（匿名）｜ Shopify B2B卸売EC
Shopify B2B卸売EC構築約1ヶ月
健康食品メーカー様（守秘義務により匿名）

B2B卸売ECサイト構築

担当: 要件定義 / ストア構築 / アプリ設定 / Liquid改修 / 運用手順書作成
ShopifyLiquidShopify Flow
POINT 約1ヶ月で構築・検収完了、納品後も発注が継続 約1ヶ月で構築から検収まで完了。検収後も追加発注が4件継続中で、追加の月額アプリ費は0円（構築時点）。納品後も、登録フォーム改修・請求書払い導入・通知メールの到達性改善（SPF/DKIM）・適格請求書PDF導入と、運用とともに機能を継続的に追加しています。
詳細を見る →

CAPABILITIES

対応範囲 / 進め方

Shopifyの土台、購入導線、計測・改善。構築後に迷わない運用まで含めて、必要な範囲を整理します。

Shopifyの土台、購入導線、計測・改善。
必要な範囲を整理して進めます。

Shopifyの土台を整える

Shopify Direction

日々の更新にも対応しやすい、拡張性を意識した基盤を整えます。

  • 配送・決済の初期設定
  • アプリ選定と導入
  • 運用ルール（更新手順）の整理

やること・順番・担当を先に整理し、運用ルールまで一緒に作ります。

配送/決済設定アプリ導入初期設定運用設計
Tech: Shopify/Liquid/JSON

見た目と導線を改善する

Liquid Customization

世界観を崩さず、
目的の情報へ導く導線を実装します。

  • セクション改修（最小差分）
  • 表示崩れ/速度の改善
  • スマホ最適化と微調整

更新しやすい場所（管理画面）に寄せて作り、将来の修正が増えても崩れない構造にします。

テーマ改修セクション追加速度改善スマホ最適化
Tech: Liquid/HTML/CSS/JavaScript

広告・計測の基盤を構築する

Ad-Ready Architecture

施策の判断に必要な、
計測・確認の環境を整えます。

  • 計測の基本設計（GA4/GTM）
  • コンバージョン計測の整備
  • LP/導線の改善提案

数値を確認し、改善案まで整理します。

解析設定タグ設置CV計測LP改善
Tech: GA4/GTM/SEO

SCOPE / PRICE

費用感 / ご相談の進め方

要件・既存テーマ・連携範囲を確認したうえで、必要な工数をお見積りします。記載のない内容もご相談ください。

要件と既存テーマを確認し、必要な工数をお見積りします。
記載のない内容もご相談ください。

⇄ スクロールして確認できます

スターター

初期設定・公開準備

¥50,000 〜 / project目安: 2週間〜

こんな方におすすめ

  • まずはShopifyを始めたい
  • 初期設定を整理したい
  • 公開前の確認を任せたい
  • 運用手順も確認したい

提供内容

  • Shopify基本設定
  • 配送・決済設定
  • 有料テーマ導入設定
  • 必要なアプリの初期設定
  • 商品登録の手順整理
  • フォーム設置
スターターで相談する（無料）

設計・カスタマイズ おすすめ

導線設計・テーマ改修

¥150,000 〜 / project目安: 1.5ヶ月〜

こんな方におすすめ

  • 既存テーマを活かしたい
  • ブランドらしい導線を整えたい
  • 購入までの流れを見直したい
  • 実装と検証をまとめて相談したい

提供内容

  • 要件整理・導線設計
  • Liquidによるテーマ改修
  • セクション追加・UI調整
  • スマホ表示の検証
  • 計測タグの設置・確認
  • 公開前の実機確認
設計・カスタマイズで相談する（無料）

運用・改善サポート

技術相談・保守対応

¥30,000 〜 / month月次 / 個別相談

こんな方におすすめ

  • 社内に技術担当がいない
  • 改善の優先順位を相談したい
  • 更新手順を見直したい
  • 継続して相談できる相手がほしい

提供内容

  • 月1回の定例相談
  • 改修内容の整理・優先順位付け
  • アプリ選定の相談
  • 不具合・表示崩れの調査
  • 更新手順の見直し
  • 必要時の実装対応
運用・改善サポートについて相談する
SPOT / OPTION 小規模な改修・追加対応

影響範囲と必要な確認を整理したうえで、個別にお見積りします。

⇄ スクロールして確認できます

バグ・表示崩れ修正

既存テーマの表示・操作の不具合を確認

個別見積

相談

アプリ導入・設定代行

要件に合うアプリ選定と初期設定

個別見積

相談

GA4 / GTM 計測設定

計測タグ・確認項目の整理と設定

個別見積

相談

セクション追加・改修

必要な表示・導線の追加や調整

個別見積

相談

広告タグ・Pixel設置代行

広告・計測タグの設置と発火確認

個別見積

相談

Google / Meta 商品連携

商品連携に必要な設定範囲を確認

個別見積

相談

独自LP・固定ページ制作

LP・固定ページの構成と実装

個別見積

相談

メタフィールド活用・設計

更新しやすい入力項目・表示の設計

個別見積

相談

メニューにないカスタマイズや、
漠然としたご相談も可能です。

その他のご相談はこちら

FOR AGENCIES

制作会社さまとの協業

デザインカンプを、テーマ制約と運用まで踏まえた実装へ。制作会社さまの裏方としても対応します。

テーマ制約と運用まで踏まえた実装へ。
制作会社さまの裏方としても対応します。

協業の進め方

使用ツール: Figma, Notion, Slack, GitHub
連絡頻度: 週1〜2回の進捗報告（随時）
レビュー: テスト環境での実機確認＋変更点説明

使用ツール:
Figma, Notion, Slack, GitHub
連絡頻度:
週1〜2回の進捗報告（随時）
レビュー:
テスト環境での実機確認＋変更点説明

納品物

実装レポート: 背景・意図を含めた変更内容の要約
コード差分解説: 専門外の方にも伝わる変更意図の補足
✓ 動作確認リスト: 検証端末と項目の共有
✓ 更新マニュアル: 画像付き手順書（必要時）

実装レポート（PR）:
背景・意図を含めた「変更内容の要約」
コード差分解説:
専門外の方にも伝わる「変更箇所の補足」
✓ 動作確認リスト: 検証端末と項目を共有
✓ 更新マニュアル: 画像付き手順書（必要時）

得意領域

• デザイン再現・機能追加（Liquid改修）
• 使いやすい管理画面の設計（スキーマ設定）
• タグ設置・計測設定（GA4/GTM）

• デザイン再現・機能追加（Liquid改修）
• 使いやすい管理画面の設計（スキーマ設定）
• タグ設置・計測設定（GA4/GTM）

稼働条件

レス目安: 24時間以内（平日日中も確認）
進行: 事前に合意した日程で対応
主な作業時間: 平日早朝・夜間 / 土日祝
緊急対応: 内容・時期を事前にご相談ください

レス目安: 24時間以内
平日日中も確認可能です
進行: 合意した日程で対応
主な作業時間: 平日早朝・夜間 / 土日祝
緊急対応: 内容・時期をご相談ください

事前共有リスト（任意）

  • Figmaデザイン（または要件書）
  • 対象ページのURL
  • 希望納期（目安でOK）
  • 他ページへの影響懸念（分かれば）
  • 確認用プレビュー環境の有無
  • 参考サイト / 競合サイト
協業の相談をする

PROCESS

相談から公開まで

初回相談から実装・検証まで。依頼範囲と判断のタイミングを共有しながら進めます。

初回相談から実装・検証まで。
判断のタイミングを共有しながら進めます。

STEP 01
Zoom / Notion

現状分析・課題整理Discovery

現状の目的・対象・困りごとを言語化。優先度をそろえ、必要な対応範囲を整理します。
納品物：課題整理 / 進行メモ
STEP 02
Miro / Notion

要件定義・全体設計Architecture

「今やること」と「後でよいこと」を切り分け、実装順と確認方法をそろえます。
納品物：要件整理 / 優先度表
STEP 03
Figma

UI/UXデザインDesign

画面構成と購入までの流れを整理。実装前に完成イメージを共有し、認識のズレを防ぎます。
納品物：画面設計 / 導線メモ
STEP 04
Liquid / GitHub

実装・ストア構築Development

更新しやすい構造で実装。必要な箇所を最小差分でカスタムし、保守しやすさを意識します。
納品物：実装テーマ / 更新メモ
STEP 05
Lighthouse / GTM

品質確認・テストQA

表示・操作・決済動作を確認。対象端末と、計測タグの発火状況も確認します。
納品物：確認結果 / 検証メモ
STEP 06
Admin / GA4

公開・運用改善Growth

公開作業とレクチャーを実施。運用状況を見ながら、次の改善仮説を整理します。
納品物：改善メモ / 更新手順
制作のご相談（無料）

ABOUT

PROFILE / WORKING PRINCIPLES

広告運用の実務とShopify実装をつなぐ、設計・実装のパートナーです。

広告運用の実務とShopify実装をつなぐ、設計・実装のパートナーです。

Kuma.Code プロフィールイラスト
Shopify Director / Liquid Developer

Kyouhei Kumagai

Shopify構築7件／ランサーズ満足22件・残念0件
納品後の追加発注4件継続中（2026年7月時点）。

見た目だけでなく、購入導線・計測・更新のしやすさを同時に整えます。

広告運用の現場で、集客後のサイト体験が成果を左右する場面を見てきました。だから、仕様を増やす前に、誰に何を伝え、どこで迷わせないかを整理します。

実装では、変更に強い構造・検証内容・更新手順まで共有します。制作会社さまの協業では、要件整理〜Liquid改修〜実機確認まで対応します。

制作のご相談（無料）

CONTACT CHECKLIST

CONTACT CHECKLIST

相談前の整理 相談前の整理

初回相談で優先順位を整理するためのチェックリストです。分かる範囲でご記入ください。

初回相談で優先順位を整理するためのチェックリストです。分かる範囲でご記入ください。

1

現状URL / 参考サイト

・現在のサイトURL、または参考にしたいサイト
・現在URL / 参考サイト
2

目的・優先したいこと

・新規構築、改善、運用など今回の目的
・今回の目的 / 優先事項
3

ご相談の対象

・EC事業者さま / 制作会社さま / その他
・EC事業者 / 制作会社 / その他
4

困りごと

・困っていること、改善したいこと
・困りごと / 改善したいこと
5

希望時期

・希望する開始・完了時期（目安でOK）
・開始 / 完了の目安
6

予算感

・予算の目安（範囲でOK）
・予算の目安（範囲でOK）

※ お問い合わせフォームの「ご相談の詳細」に貼り付けてご利用ください

※ お問い合わせフォームの「ご相談の詳細」に貼り付けてご利用ください

※ すべて必須ではありません。分かる範囲でご相談ください。

※ すべて必須ではありません。分かる範囲でご相談ください。

CONTACT

構築・改善・協業のご相談

課題と希望時期を伺い、対応の可否と進め方を整理して返答します。お急ぎの場合はLINEもご利用いただけます。

課題と希望時期を伺い、対応の可否と進め方を整理します。
お急ぎの場合はLINEもご利用いただけます。

または、チャットでお気軽に LINE公式アカウントで相談