← Projects

営業・顧客対応

営業・商談CRMシステム(Sales Front)

法人向け営業管理・CRM・SFA「Sales Front」。商談パイプライン、顧客・活動・タスク管理、レポート、監査ログ、role-basedアクセス制御を実際に動かして検証した自社開発デモプロダクト。

React 18TypeScriptVite 6React RouterTailwind CSSFastAPISQLAlchemyAlembicPostgreSQLDocker
営業・商談CRM Sales Frontの公開LP(実際に実装されたトップページ)

WHAT / WHY

何を作ったか

顧客・商談・活動履歴・タスクを一元管理し、商談パイプラインをステージ別ボードで可視化する法人向けCRM/SFA「Sales Front」です。FastAPI + PostgreSQLのAPI基盤(68パス)の上に、公開LP・ログイン・CRMアプリ本体をReact + TypeScriptで実装しています。ダッシュボードのKPI集計、商談ボード、商談・顧客詳細、レポート、監査ログ、6ロールのrole-basedアクセス制御、楽観ロック、エラー封筒まで実際に動かして検証した自社開発デモプロダクトです。

解決する課題

顧客情報や商談の進捗が担当者ごとのExcel・メモに分散し、追客漏れや売上見込みの把握が属人化する。

どのように動くか

  1. 01公開LPから資料請求・お問い合わせ、またはログインする
  2. 02商談を登録しパイプラインボードでステージを管理する
  3. 03顧客・活動履歴・タスクを商談に紐付ける
  4. 04ダッシュボード・レポートで進捗と売上見込みを確認する

CAPABILITIES

主な機能

  • 公開LP・お問い合わせ・ログイン
  • ダッシュボード(KPI・ステージ別集計・本日のタスク)
  • 商談パイプラインボード(ステージ別カード管理)
  • 商談詳細(金額・受注確度・活動履歴・次回アクション)
  • 顧客・案件・活動履歴・タスク管理
  • レポート(パイプライン分析・担当者別パフォーマンス)
  • 目標管理・通知
  • 監査ログ・role-basedアクセス制御(6ロール)

TARGET USERS

想定利用者・活用シーン

顧客対応を整理したい管理画面を作りたいデータを収集・分析したい

IMPLEMENTATION

実装・検証状態

統合動作検証済み(自社開発デモ)

自社開発の検証用デモプロダクトです。掲載画面はFixtureモード(決定論的な契約整合サンプルデータ、顧客40社・商談128件・活動160件・タスク100件)で撮影しており、画面内の企業名・人名・数値はすべてサンプルデータです。実在の企業・顧客・実運用データではありません。公開LPの料金・機能訴求もデモ用の表示であり、実際の提供条件を示すものではありません。

PROJECT EVIDENCE

実装・検証の証拠

統合動作検証済み(API・DB等)確認日 2026-08-03

API・データベース等を含む統合動作をローカルで確認しています。

実装済み

公開LP(課題・機能・料金・導入ステップ・FAQ)・お問い合わせ・ログインダッシュボード(商談数・受注率・売上見込み・ステージ別件数・本日のタスク)商談パイプラインボード(ステージ別カンバン・金額表示切替)商談詳細(受注確度・活動履歴・次回アクション・変更履歴)顧客一覧・顧客詳細(取引サマリ・先方担当者)活動履歴・タスク管理レポート(パイプライン分析・売上見込み推移・担当者別パフォーマンス)目標管理・通知・監査ログ・メンバー管理role-basedアクセス制御(owner/admin/sales_manager/sales_rep/auditor/viewer)・楽観ロック(version/409 VERSION_CONFLICT)

検証済み

production buildtypecheckunit test(45件)API接続DB migrationモバイル表示

現在の制限

  • 掲載スクリーンショットはFixtureモード(契約整合のサンプルデータ)で撮影。live modeはPhase 0 FastAPIへの接続を要する
  • 本番向けの認証(SSO等)は未実装。Development Sessionは開発用の簡易セッションであり本番認証ではない
  • frontendの自動テスト(unit/E2E)は未整備。検証は主にバックエンドpytestとレスポンシブスクリーンショット確認(1440/1280/1024/768/390px)による
  • 決済・課金・外部SFA連携は未実装(公開LPの料金表示はデモ用)

SERVICE LP

サービス紹介LPデザイン

この事例のために設計したサービス紹介LPです。掲載している企業名・導入企業数・削減率等の数値はすべてデザイン検証用のサンプルであり、実在の実績ではありません。

営業・商談CRM Sales Frontの公開LP(実際に実装されたトップページ)

BUILD THE NEXT ONE

このようなシステムを、貴社の業務に合わせて。