BAC Customer Portal プロジェクト概要

*transcosmos technology Vietnam (TTV) — PWA + WhatsApp Flows Solution*

プロジェクト概要

BAC（Baltimore Aircoil Company／冷却塔メーカー）向けに、東南アジア（SEA）・北東アジア（NEA）の設備エンドユーザーとBACを直接つなぐ「PWA + WhatsApp」型カスタマーポータルを構築するプロジェクト。TTV（transcosmos technology Vietnam）がベトナム拠点から提供し、グローバル営業担当（En-san）経由の案件として発足した。
PoC（4週間）→ MVP → Scale の3段階ロードマップにより、低リスクにBACの投資判断を後押しする設計となっている。現在はPoCの詳細設計フェーズが完了した段階。

クライアント課題

• 直接接点の欠如

  SEA/NEAの冷却塔エンドユーザーが、アフターサービスでBACに直接アクセスできるデジタル手段を持っていない。

• 市場受容性の不透明さ

  BACはSEAでPWA + WhatsApp型ソリューションを未導入であり、本格投資の前にフィージビリティ検証を必要としている。

• 実績あるSEAベンダーの必要性

  現地での実装能力と、関連業界での参照実績を持つパートナーを求めている。

ソリューション構成

要素	内容
カスタマージャーニー	QRコード（設備設置）→ PWAランディング → WhatsApp登録が自動完了
PWA	技術ドキュメント閲覧、サービスリクエスト（SR）起票・追跡、機器登録
WhatsApp Flows	Standaloneモード（PoC・バックエンド不要）／ Dynamicモード（MVP・DB連携＋RSA暗号化エンドポイント）
Admin / CMS	コンテンツ管理・ユーザー＆機器管理・SR管理・WA Flows設定・分析の5モジュール

技術スタック

• フレームワーク: Next.js 14（App Router）— PWA + Admin + APIを単一アプリで統合
• 言語: TypeScript
• UI: Tailwind CSS + shadcn/ui
• DB / ストレージ: PostgreSQL（Supabaseマネージド）+ Supabase Storage
• ORM: Prisma
• 認証: NextAuth.js（Admin用パスワード認証）
• 外部連携: WhatsApp Business API v18+
• ホスティング: Vercel
• パッケージ管理: pnpm

実装結果

現時点は **PoC詳細設計フェーズ完了** の段階であり、実際のアプリケーションコードは未着手。承認済みの成果物は以下の通り。

• 要件定義書（F-001〜F-007、受け入れ基準含む）
• アーキテクチャ設計書、データモデル、API仕様書
• 画面一覧・画面遷移図、認証フロー、エラーハンドリング仕様
• ADR-001（Next.js統合アーキテクチャ採用）
• ADR-002（Supabase採用）
• 技術的負債リスト（Admin認証のMFA未対応、Standalone Mode起因のデータ連携手動化 等）
• 実装タスク分割案（全15タスク）

次のステップは、コード実装フェーズ（プロジェクト本体セットアップ）への移行。

目標産業

産業機械・設備メーカーのアフターマーケット／B2Bカスタマーエンゲージメント領域。冷却塔などの産業用設備メーカーを起点とし、SEA展開後にNEA（北東アジア）への拡大を見込む。

開発規模

フェーズ	期間	工数
Phase 1: PoC	4週間	約42人日
Phase 2: MVP	Month 1〜4	約180人日
Phase 3: Scale	Month 5以降	Lab型契約（継続開発）

• 体制：PM/BA + BE/FE/QAによるTTVチーム
• 見積り：役割別USD日当（PM/BAは上位レート、BE/FE/QAは標準レート）＋ コンティンジェンシーを適用