ECサイト
- 制作区分
- 自主制作・公開デモ
- サービス分類
- Webアプリ・業務システム
- 公開状態
- 公開済み
デジタル素材を扱うECサイトのデモ。購入フローまで実装し、決済はモック。
Next.js App Router + TypeScript + Prisma で構築。架空ブランド「パレットマーケット」としてフォント・テクスチャ等のデジタル素材を販売する体裁。商品一覧（カテゴリ・価格帯・SALE絞り込み、URLクエリ同期）、商品詳細（SSG/ISR）、カート（Context + localStorage）、購入フロー（Zod検証→モック決済→注文完了）を実装。管理画面は商品CRUD、注文管理、売上ダッシュボード、CSVエクスポート。決済は fakeCheckout() による完全モックで実売上は発生しない。商品画像は写真素材を使わず、商品ごとにSVGを自動生成して配置している（商品登録・更新時に書き出し）。
同等規模を新規制作する場合の参考価格
2,400,000円〜
商品一覧・詳細、検索・絞り込み、カート、モック購入、注文管理、商品管理、売上ダッシュボード、CSV出力を含む想定です。本番決済連携は含みません。
掲載価格は、本事例と同等の規模・機能を新規制作する場合の目安です。ページ数、機能、素材、外部サービス連携、サーバー環境などによって変動します。
制作目的
ECサイトに必要な「一覧→詳細→カート→購入→注文管理」の一連の流れを1本で実装するため。決済連携は意図的にモックのままとし、デモであることを購入フロー上でも明示している。
想定利用者
デジタル素材ショップの運営者
担当範囲
- 企画・要件整理
- 情報設計
- UI設計
- Webデザイン
- フロントエンド実装
- バックエンド実装
- DB設計
- API設計
- 管理画面
- セキュリティ設計
- テスト
- サーバー設置・公開
主な機能・特徴
- 商品一覧の絞り込み（URLクエリ同期）と商品詳細のSSG/ISR
- カート（React Context + localStorage）とZod検証付き購入フロー
- 決済は完全モック（fakeCheckout。実売上・カード情報保存なし）
- 管理画面の商品CRUD・注文管理・売上ダッシュボード
- 商品画像は商品ごとにSVGを自動生成（写真素材なし）
技術スタック
制作領域
制作期間
2026年〜
ご相談について
制作内容や規模についてのご相談は、AK²Lab本サイトのお問い合わせ窓口からお送りください。
ご相談・お問い合わせ