ケーススタディ一覧
フード EC
食事系マーケットプレイス開発・運用
食事・食材のマーケットプレイス型 EC の開発・運用。出品者のメニュー管理・注文受付・配送連携まで。
継続中·役割: 開発
Next.jsTypeScriptPostgreSQL
課題
- 食品特有の賞味期限・冷蔵/冷凍対応・配送窓口を考慮した在庫管理が必要。
- 地域別・時間帯別の配送可否・料金計算ロジックの複雑さ。
- モバイル経由の注文が 8 割で、UI のスピードと操作性が離脱率を左右する。
打ち手
- 賞味期限・保管温度を商品モデルに組み込み、表示時に注文可否を自動判定。
- 配送ゾーンを郵便番号ベースで定義、時間枠マスタと組み合わせて動的に計算。
- Next.js App Router でページ遷移を高速化、画像は CDN + 次世代フォーマットで軽量配信。
技術選定の意思決定
なぜ App Router か
Server Component でデータ取得を並列化でき、商品一覧ページの TTFB を大幅改善。モバイル優先サイトでは体感差が大きい。
成果
モバイル LCP
< 2.5s
Core Web Vitals Good 判定 (3 指標すべて緑)
注文完結率
改善前比 +15%
UI 高速化 + 操作性改善の効果
モバイル経由比率
80%+
モバイル優先設計で離脱率を最小化
配送ゾーン定義
郵便番号 + 時間枠マスタ動的計算
全国対応の配送料計算ロジック
体制
当社エンジニア 1 名