実績一覧に戻る
Web App2026-03-16約3週間
人材紹介会社向け 営業管理SFA
人材紹介会社の法人営業を支援するSFAシステム。ダッシュボード、パイプライン管理、チーム実績の可視化を実現。
Next.jsTypeScriptTailwind CSSRechartsshadcn/ui

ご注意: 本事例はポートフォリオ用にサービス名・画像・金額等を架空のものに差し替えて掲載しています。実際のプロジェクトとは異なります。
プロジェクト概要
人材紹介会社の法人営業チーム向けに、営業活動を一元管理するSFA(Sales Force Automation)システムを開発しました。日々の営業アクションの記録から、パイプライン管理、チーム実績の可視化まで対応しています。
顧客からのご要望
- 営業活動の進捗をリアルタイムで把握したい
- 商談のパイプラインを可視化し、売上予測の精度を上げたい
- チームメンバーごとの実績を比較・管理したい
- ターゲット企業の情報を一元管理したい
主な機能
ダッシュボード
- 本日のアクション数、商談数、パイプライン総額、目標達成率をKPIカードで表示
- 前月比の増減をリアルタイム表示
- アクティビティ推移グラフ(電話・メール・訪問・オンライン商談)
- パイプライン概要(リスト化〜契約締結の各ステージ金額)
ターゲット企業管理
- 見込み企業のリスト管理
- 企業情報・担当者・商談ステータスの一元管理
営業アクション管理
- 電話、メール、訪問、オンライン商談の記録
- アクション履歴のタイムライン表示
- フォローアップタスク管理
パイプライン管理
- 商談ステージ別の金額・件数の可視化
- ドラッグ&ドロップによるステージ遷移
チーム実績
- メンバーごとの売上目標・達成率
- アクション完了率・商談数のランキング
技術的な工夫
- Next.js App Router: サーバーコンポーネントとクライアントコンポーネントを適切に分離し、初回表示を高速化
- Recharts: アクティビティ推移やパイプライン概要のインタラクティブなグラフを実装
- shadcn/ui: 統一感のあるUIコンポーネントで開発効率とデザイン品質を両立
- レスポンシブ対応: サイドバーの折りたたみ、モバイル対応レイアウト
- ダークモード対応: next-themesによるテーマ切り替え
制作期間
約3週間(一般的な制作会社では12-16週間)