# CRM Dashboard > CRM dashboard with sales pipeline, contacts list, activities feed, and deal tracking > 세일즈 파이프라인, 연락처 목록, 활동 피드, 딜 추적이 포함된 CRM 대시보드 **Category**: Dashboard | **Tags**: crm, sales, pipeline, contacts, deals | **Difficulty**: Intermediate ## Preview ``` +--------------------------------------------------+ | CRM Search... [+ New Deal] [Avatar] | +--------------------------------------------------+ | Revenue $124K | Deals 47 | Win Rate 34% | Avg $8K | +--------------------------------------------------+ | | | Pipeline: | | Lead(12) | Qualified(8) | Proposal(5) | Won(3)| | [card] | [card] | [card] | [card]| | [card] | [card] | | | | | | Recent Activity: | | - Email sent to John @ Acme Corp 2h ago | | - Call completed with Sarah @ TechCo 4h ago | +--------------------------------------------------+ ``` ## Quick Start ```bash # 1. Copy HTML to index.html # 2. Replace sample deals/contacts with your CRM data # 3. Wire up the pipeline stages to drag-and-drop (add Sortable.js) ``` ## Full Code ```html CRM Dashboard

Sales Pipeline

Pipeline Value
$124,500
+18% this month
Active Deals
47
12 new this week
Win Rate
34%
+3% vs last quarter
Avg Deal Size
$8,200
Median: $5,500

Lead (12)

$34,200

Website Redesign

$12,000

Acme Corp

JD
John
3 days ago

API Integration

$8,500

TechFlow Inc

SK
Sarah
1 day ago

Qualified (8)

$42,000

Cloud Migration

$25,000

GlobalBank Ltd

EnterpriseHot
MP
Maya
Today

Proposal (5)

$28,500

Mobile App MVP

$18,000

HealthStart Co

Proposal sent 2d ago
JD
John
Follow up tomorrow

Won (3)

$19,800

Dashboard Build

$9,800

DataViz Solutions

Closed Mar 25

Recent Activity

✉

John sent proposal to HealthStart Co

Mobile App MVP - $18,000

2h ago
☎

Sarah completed call with TechFlow Inc

API Integration - Moved to Qualified

4h ago
🏆

Maya closed deal with DataViz Solutions

Dashboard Build - $9,800 won

1d ago
``` ## Customization Guide - **Pipeline stages**: Add/remove columns (e.g., "Negotiation", "Lost") by duplicating a column block - **Deal cards**: Add fields like probability, next action, tags - **Drag and drop**: Add Sortable.js for interactive pipeline management: `` - **Activity feed**: Connect to your CRM webhook events - **Color coding**: Use border-left colors to indicate deal priority or stage - **Revenue forecasting**: Add a weighted pipeline value (deal amount x probability) ## 2026 Trend Notes - Kanban-style pipeline board is the standard CRM visualization pattern - Horizontal scroll with `overflow-x-auto` handles many pipeline stages on mobile - Deal cards with avatar, tags, and time indicators provide context at a glance - Activity feed with icon types (email, call, win) follows the timeline pattern - KPI row at the top gives immediate executive-level overview