-
EC営業デモ用Next.jsモック制作・管理画面構築
■ プロジェクトの目的
EC構築代行サービスの営業提案向けに、購入導線、注文管理、管理画面、銀行振込フローを確認できるデモサイトを制作しました。
■ 体制・人数
1名で企画、画面構成、実装、デプロイまで対応しました。
■ 自分のポジション・役割
企画 / Web実装 / デモ構築として、商談時に実際の画面を見せながら説明できる状態まで整えました。
■ 目的を達成する上での課題
EC構築の価値は、説明だけでは購入導線や管理画面の使い勝手が伝わりにくい点が課題でした。
■ 課題に対して取り組んだこと
Next.js App Router、React、TypeScript、Tailwind CSSを用いて、注文状況、振込確認、管理画面の流れが伝わるモックを制作しました。非エンジニアの担当者でも理解しやすい文言と画面構成を意識しました。
■ ビジネス上の成果
営業・提案時にサービス内容を視覚的に説明できるようになり、EC構築代行の提供範囲や導入後の運用イメージを共有しやすくしました。Next.js, React, TypeScript, Tailwind CSS, Vercel, UI設計, 管理画面設計
-
地方酒造メーカー向けに自社ECサイト構築・決済手数料削減・広告運用改善を担当（利益率改善を支援）
■ プロジェクトの目的
地方酒造メーカーのEC販売において、既存のオンラインショップや楽天・Amazonなどの販売チャネルを活用しながら、利益率を改善することを目的としたプロジェクトです。
自社ECサイトの構築、決済導線の整備、手数料負担の見直し、既存ECモールの広告運用改善を通じて、売上だけでなく利益が残りやすい販売体制づくりを支援しました。
■ 体制・人数
少人数体制で、事業課題の整理、ECサイト構築、決済導線設計、広告運用改善、販売導線の見直しを分担して進行しました。
■ 自分のポジション・役割
企画・制作ディレクション担当として、ECサイト構築の方針整理、決済導線の設計、既存販売チャネルの課題整理、広告運用改善の方向性づくりを担当しました。
単にサイトを作るだけでなく、手数料・広告費・販売導線を含めて、利益改善につながる形を意識して設計しました。
■ 目的を達成する上での課題
既存のEC販売では、楽天・Amazonなどのモール販売や広告運用により売上機会はある一方で、手数料や広告費の負担が大きく、利益率の改善が課題でした。
また、自社ECを構築するにあたり、決済手数料や振込手数料を抑えながら、事業者側が運用しやすい販売導線を作る必要がありました。
■ 課題に対して取り組んだこと
自社ECサイトを構築し、決済手数料を2.78%程度に抑え、振込手数料を0円にできる構成で決済導線を設計しました。
あわせて、楽天・Amazonなど既存オンラインショップの広告運用や販売導線を見直し、広告費に対して利益が残りやすい運用へ改善しました。
また、商品ページや購入導線、問い合わせ導線も整理し、ECサイト単体ではなく、既存モール・自社EC・広告運用を組み合わせた販売体制として改善を行いました。
■ ビジネス上の成果
自社ECサイトの構築により、決済手数料・振込手数料を抑えた販売導線を整備しました。
さらに、既存の楽天・Amazonなどの広告運用改善により、広告費に対する利益率の向上を支援しました。
単なるECサイト制作ではなく、販売チャネル全体を見直し、売上と利益の両方を改善するためのEC運用体制づくりに貢献しました。ECサイト構築、Webディレクション、決済導線設計、広告運用改善、楽天、Amazon、SEO、LP制作、データ分析、Google アナリティクス、業務改善