送料・納期の表示と、スマホの購入ボタンを改修。

メーカーのShopifyストア(匿名)

送料・納期の表示 スマホ購入導線 既存テーマの整理

01課題・背景

送料・納期・在庫の表示と、スマートフォンの購入ボタンを改修しました。商品説明を読んでいる間に購入ボタンが画面外へ出ることや、配送の案内が複数ページに分かれていることが課題でした。

既存のレビュー・比較表示・ブログはそのまま残し、今回の対象箇所を変更しました。

02担当したこと・工夫

商品ページに送料・納期・在庫をまとめて表示し、商品選択に合わせて在庫表示が切り替わるよう調整しました。スマートフォンでは、元の購入ボタンが画面外に出たときに追従ボタンを表示します。

カートには送料無料までの残額を追加。金額に応じて案内が変わるようにし、配送ガイドとFAQの発送時期の表記も統一しました。

03対応内容・確認したこと

変更箇所を画像で共有し、お客様の確認後に公開しました。公開後はPC・スマートフォンで商品ページやカートを開き、表示のはみ出しや既存機能への影響を確認しています。

文言の編集場所と設定方法もお伝えしました。送料無料の案内と実際の配送料は別の設定なので、条件を変えるときには両方を確認するようご案内しています。

実装・確認・引き継ぎ

設計・実装

送料・納期・在庫の表示と、スマートフォンの追従購入ボタンを追加しました。

確認したこと

変更画像を共有してから公開し、公開後の表示と購入操作も確認しました。

共有・引き継ぎ

文言の編集場所と、送料無料の条件を変更する際の注意点をご案内しました。

制作実績の一覧に戻る

この事例に近い内容を相談する

新規制作から部分的な修正まで承ります。実現したいことと対象のページをお聞かせください。

メール・フォームで相談 LINEで相談する

LINEからも、文章でご相談いただけます。

依頼内容を相談する

実案件 / 越境EC

越境EC / タイ向けShopify構築

美容・化粧品ブランド様(匿名)

越境EC / タイ向けShopify構築の掲載画像
要件定義Shopify構築多言語対応運用支援

課題

タイ向けの販売に必要な、多言語表示・販売チャネル・外部倉庫との連携に対応する。

担当したこと・工夫

Shopifyストアの構築、多言語・販売チャネルへの対応、外部倉庫との連携を担当。LiquidとJavaScriptでテーマも改修しました。

対応内容・確認したこと

タイ向けの販売を開始。多言語表示と外部倉庫への配送情報の連携に対応しました。

担当はShopify側です。掲載画像に含まれるWordPressのLP制作、 全体ディレクションは、お客様が主導しています。

実案件 / 卸売EC

卸売EC / 会員審査・取引先別価格の実装

健康食品メーカー様(匿名)

要件定義会員・価格設計Liquid改修運用手順書

課題

会員審査、取引先別の価格、請求書払いなど、卸売に必要な取引ルールに対応したECを構築する。

担当したこと・工夫

会員審査・取引先別価格・請求書払いを事前に検証。標準機能、アプリ、Shopify Flow、Liquidを組み合わせて実装しました。

対応内容・確認したこと

会員制の卸売ECを構築し、運用手順書まで用意して引き継ぎ。

守秘義務により社名・実画面は非公開です。掲載画像は制作内容を伝えるためのイメージです。

自主制作 / 架空ブランド

菓刻 KAKOKU

クラフトチョコレートのEC設計

菓刻 KAKOKUの掲載画像
企画設計AIディレクション品質確認

課題

Bean to Barのクラフトチョコレートを題材に、商品と産地の物語を伝える。

担当したこと・工夫

企画・設計とAIディレクションを担当。設計・実装・画像制作にAIを活用し、生成物の確認と修正を重ねて制作しました。

対応内容・確認したこと

産地紹介や連載を管理画面から更新できる構成と、商品別の5軸フレーバーチャートを実装。

架空ブランドの自主制作です。Claudeで設計・データ構築、Codexで実装、ChatGPTで画像制作を行い、ディレクションと品質管理を担当しました。

デモサイトを見る閲覧パスワード:333

自主制作 / 架空ブランド

SOW.

スキンケアブランドのEC設計

SOW.の掲載画像
Shopify構築Liquidコンテンツ設計

課題

成分・使い方・FAQを商品ごとに掲載し、管理画面から更新できるスキンケアECをつくる。

担当したこと・工夫

成分・使い方・FAQを商品別に編集できる構造を設計。セクションの並べ替えや、お悩み別カテゴリの自動抽出にも対応しました。

対応内容・確認したこと

商品の成分・使い方・FAQを管理画面から更新できる、スキンケアブランドのECを制作。

架空ブランドを題材にした自主制作です。

デモサイトを見る閲覧パスワード:333

実案件 / LPコーディング

支給PDFからのLP実装

デザインデータからの実装依頼(匿名)

デザイン再現HTML・CSSスマートフォン対応

課題

文字サイズや位置の指定がないPDFデザインから、Webで使えるLPを制作する。

担当したこと・工夫

支給されたPDFをもとに、フォント・文字の大きさ・配置を調整して実装。チラシ用の構成をスマートフォン向けに組み替え、レイアウトを提案しました。

対応内容・確認したこと

PC・スマートフォン向けのLPを納品。公開評価では、デザインの再現とスマートフォン用レイアウトの提案について評価をいただきました。

担当は実装とスマートフォン用のレイアウト提案です。元のデザインはご支給いただきました。

実案件 / 商品ページ改修

写真4枚を添えて注文できる商品ページに。

オーダー商品のShopifyストア(匿名)

写真アップロード注文情報の連携購入ボタンの調整

課題

写真4枚の添付、形の選択、コメント入力に対応。入力内容が注文情報に残るよう、商品ページを改修する。

担当したこと・工夫

写真4枚・形の選択・コメントを注文に残す機能を実装。追加オプションの説明を開閉式にし、アップロード後の表示とカート内の写真の並びも調整しました。

対応内容・確認したこと

テスト注文で入力情報が管理画面に残ることを確認し、公開後の表示調整まで対応。

既存ストアの商品ページを改修した事例です。入力内容を注文に残す機能と、関連する表示調整を担当しました。

実案件 / 配送・業務改善

配送日時の二重入力を減らす、倉庫連携。

卸売向けShopifyストア(匿名)

配送日時の引き継ぎオープンロジ連携テスト・引き継ぎ

課題

カートで選んだ配送日時を請求書払い画面へ引き継ぎ、倉庫側でも確認できる注文情報として保存する。

担当したこと・工夫

カートで選んだ日時を請求書払い画面へ引き継ぎ、倉庫連携で読み取れる注文情報に整えました。カード払い・請求書払いの両方を確認しています。

対応内容・確認したこと

お客様による両決済のテストで、オープンロジへの連携を確認。設定変更時の注意点も文章で引き継ぎました。

Shopify側の実装を担当。倉庫側に希望日時が届くことは、お客様に確認いただいています。

実案件 / ECの購入導線改善

送料・納期の表示と、スマホの購入ボタンを改修。

メーカーのShopifyストア(匿名)

送料・納期の表示スマホ購入導線既存テーマの整理

課題

商品ページに送料・納期・在庫を整理して表示し、スマートフォンから購入へ進みやすい追従ボタンを追加する。

担当したこと・工夫

商品ページに送料・納期・在庫を表示し、スマートフォン用の追従購入ボタンを追加。カートの送料無料までの金額表示、配送案内の整合、テーマの反映先の整理も担当しました。

対応内容・確認したこと

公開前に変更箇所を画像で共有し、お客様の確認後に反映。公開後の確認と引き継ぎまで対応しました。

既存テーマを引き継ぎ、改修部分の実装と確認を担当しました。

実案件 / 広告まわりの設定

ECの広告計測・商品連携を整備。

Shopifyストア(匿名)

広告コンバージョン設定商品データ連携の調査設定手順の案内

課題

広告経由の購入計測を設定し、Shopifyの商品がGoogleへ連携されない原因を調査・修正する。

担当したこと・工夫

広告コンバージョン設定を担当。その後の追加依頼では、Shopifyの商品情報とGoogle Merchant Center・広告側の連携設定を調査・調整しました。

対応内容・確認したこと

設定箇所と確認方法を案内して引き継ぎ。広告運用はお客様が継続しています。

広告の設定・連携部分を担当。継続的な広告配信の運用はお客様が行っています。