Add comprehensive dashboard KPI research 2026

This commit is contained in:
neo committed 2026-06-20 18:40:58 +05:00
commit 7ce84fc18e
2 files changed
+967

No files matched your search

+469
View File
@@ -0,0 +1,469 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ROI24 — Живые цифры бизнеса</title>
<style>
/* === RESET & BASE === */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--bg-primary: #050505;
--bg-surface: #0f0f10;
--bg-card: #1a1a1c;
--border: #2a2a2e;
--border-hover: #444;
--text-primary: #f0f0f0;
--text-secondary: #a0a0a5;
--accent: #00ff9d; /* Green for money/profit */
--accent-dim: rgba(0, 255, 157, 0.15);
--error: #ff4d4d;
--warning: #ffc107;
--font-main: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
--font-mono: 'JetBrains Mono', 'SF Mono', monospace;
}
body {
background-color: var(--bg-primary);
color: var(--text-primary);
font-family: var(--font-main);
line-height: 1.6;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
a { text-decoration: none; color: inherit; transition: opacity 0.2s; }
a:hover { opacity: 0.8; }
/* === LAYOUT === */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
section { padding: 80px 0; }
/* === NAVIGATION === */
nav {
padding: 24px 0;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
.logo { font-size: 1.25rem; font-weight: 800; letter-spacing: -0.03em; }
.logo span { color: var(--accent); }
.nav-links { display: flex; gap: 32px; font-size: 0.9rem; color: var(--text-secondary); }
.btn {
padding: 12px 24px;
border-radius: 100px;
font-weight: 600;
font-size: 0.9rem;
cursor: pointer;
transition: all 0.2s ease;
border: none;
display: inline-flex;
align-items: center;
gap: 8px;
}
.btn-primary {
background: var(--accent);
color: #000;
}
.btn-primary:hover {
background: #00cc7d;
transform: translateY(-2px);
box-shadow: 0 10px 20px var(--accent-dim);
}
.btn-outline {
background: transparent;
border: 1px solid var(--border);
color: var(--text-primary);
}
.btn-outline:hover {
border-color: var(--text-primary);
}
/* === HERO === */
.hero {
padding: 120px 0 80px;
text-align: center;
position: relative;
}
.hero h1 {
font-size: clamp(3rem, 8vw, 5.5rem);
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.04em;
margin-bottom: 24px;
background: linear-gradient(to bottom, #ffffff, #a0a0a0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero p {
font-size: 1.25rem;
color: var(--text-secondary);
max-width: 600px;
margin: 0 auto 40px;
}
.hero-actions {
display: flex;
gap: 16px;
justify-content: center;
margin-bottom: 60px;
}
/* === DASHBOARD PREVIEW (THE MONEY SHOT) === */
.dashboard-wrapper {
background: var(--bg-surface);
border: 1px solid var(--border);
border-radius: 16px;
padding: 24px;
box-shadow: 0 40px 80px rgba(0,0,0,0.5);
margin-top: 40px;
position: relative;
overflow: hidden;
}
/* Glow effect behind dashboard */
.dashboard-wrapper::before {
content: '';
position: absolute;
top: -50%; left: -50%;
width: 200%; height: 200%;
background: radial-gradient(circle, var(--accent-dim) 0%, transparent 60%);
pointer-events: none;
z-index: 0;
}
.dash-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
padding-bottom: 16px;
border-bottom: 1px solid var(--border);
position: relative;
z-index: 1;
}
.dash-title { font-size: 1.1rem; font-weight: 700; }
.dash-badge {
font-size: 0.75rem;
padding: 4px 12px;
border-radius: 100px;
background: var(--accent-dim);
color: var(--accent);
border: 1px solid rgba(0,255,157,0.2);
display: flex;
align-items: center;
gap: 6px;
}
.live-dot {
width: 6px; height: 6px;
background: var(--accent);
border-radius: 50%;
animation: pulse 2s infinite;
}
@keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }
/* Metrics Grid */
.metrics-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-bottom: 24px;
position: relative;
z-index: 1;
}
.metric-card {
background: var(--bg-card);
border: 1px solid var(--border);
padding: 20px;
border-radius: 12px;
transition: all 0.2s;
}
.metric-card:hover {
border-color: var(--border-hover);
transform: translateY(-2px);
}
.metric-label { font-size: 0.8rem; color: var(--text-secondary); margin-bottom: 8px; }
.metric-value { font-size: 1.5rem; font-weight: 800; font-family: var(--font-mono); margin-bottom: 4px; }
.metric-trend { font-size: 0.8rem; display: flex; align-items: center; gap: 4px; }
.trend-up { color: var(--accent); }
.trend-down { color: var(--error); }
/* Chart Area */
.chart-area {
height: 200px;
background: var(--bg-card);
border: 1px solid var(--border);
border-radius: 12px;
padding: 20px;
position: relative;
z-index: 1;
display: flex;
align-items: flex-end;
gap: 12px;
}
.chart-bar {
flex: 1;
background: var(--border);
border-radius: 4px 4px 0 0;
transition: height 0.5s ease;
}
.chart-bar.highlight {
background: var(--accent);
box-shadow: 0 0 10px var(--accent-dim);
}
/* === FEATURES === */
.features {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.feature-item h3 {
font-size: 1.25rem;
margin-bottom: 12px;
}
.feature-item p { color: var(--text-secondary); }
/* === PRICING === */
.pricing-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 48px;
}
.price-card {
background: var(--bg-surface);
border: 1px solid var(--border);
border-radius: 16px;
padding: 32px;
display: flex;
flex-direction: column;
}
.price-card.featured {
border-color: var(--accent);
background: linear-gradient(180deg, rgba(0,255,157,0.05) 0%, var(--bg-surface) 100%);
}
.price-name { font-size: 1.1rem; font-weight: 600; margin-bottom: 8px; }
.price-amount { font-size: 2.5rem; font-weight: 800; margin-bottom: 24px; font-family: var(--font-mono); }
.price-period { font-size: 0.9rem; color: var(--text-secondary); font-weight: 400; }
.price-features { list-style: none; margin-bottom: 32px; flex-grow: 1; }
.price-features li {
padding: 8px 0;
border-bottom: 1px solid var(--border);
font-size: 0.9rem;
color: var(--text-secondary);
display: flex;
align-items: center;
gap: 8px;
}
.price-features li::before {
content: '✓';
color: var(--accent);
font-weight: bold;
}
/* === FOOTER === */
footer {
border-top: 1px solid var(--border);
padding: 48px 0;
margin-top: 80px;
text-align: center;
color: var(--text-secondary);
font-size: 0.85rem;
}
/* === RESPONSIVE === */
@media (max-width: 768px) {
.hero h1 { font-size: 2.5rem; }
.metrics-grid { grid-template-columns: 1fr 1fr; }
.pricing-grid { grid-template-columns: 1fr; }
.features { grid-template-columns: 1fr; }
.nav-links { display: none; }
}
</style>
</head>
<body>
<div class="container">
<!-- NAV -->
<nav>
<div class="logo">ROI<span>24</span></div>
<div class="nav-links">
<a href="#features">Возможности</a>
<a href="#pricing">Тарифы</a>
<a href="#demo">Демо</a>
</div>
<a href="#cta" class="btn btn-outline">Войти</a>
</nav>
<!-- HERO -->
<header class="hero">
<h1>Живые цифры<br>вашего бизнеса</h1>
<p>Подключаем 1С, банк и рекламу. Вы видите выручку, маржу и кассу каждое утро. Без бухгалтерских задержек и таблиц Excel.</p>
<div class="hero-actions">
<a href="#demo" class="btn btn-primary">Смотреть демо</a>
<a href="#pricing" class="btn btn-outline">Тарифы</a>
</div>
<!-- DASHBOARD PREVIEW -->
<div class="dashboard-wrapper" id="demo">
<div class="dash-header">
<div class="dash-title">Dashboard | Интернет-магазин</div>
<div class="dash-badge">
<div class="live-dot"></div> Live Sync
</div>
</div>
<div class="metrics-grid">
<div class="metric-card">
<div class="metric-label">Выручка (Сегодня)</div>
<div class="metric-value">124 500 ₽</div>
<div class="metric-trend trend-up">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M18 15l-6-6-6 6"/></svg>
+12.5%
</div>
</div>
<div class="metric-card">
<div class="metric-label">Маржа (Сегодня)</div>
<div class="metric-value">38 150 ₽</div>
<div class="metric-trend trend-up">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M18 15l-6-6-6 6"/></svg>
+8.2%
</div>
</div>
<div class="metric-card">
<div class="metric-label">Заказы (Всего)</div>
<div class="metric-value">47</div>
<div class="metric-trend trend-down">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M6 9l6 6 6-6"/></svg>
-2.1%
</div>
</div>
<div class="metric-card">
<div class="metric-label">Касса (Баланс)</div>
<div class="metric-value" style="color: var(--accent)">1 245 000 ₽</div>
<div class="metric-trend" style="color: var(--text-secondary)">
Обновлено 2 мин назад
</div>
</div>
</div>
<div class="chart-area" id="revenue-chart">
<!-- Bars injected via JS for animation -->
</div>
</div>
</header>
<!-- FEATURES -->
<section id="features">
<div class="features">
<div class="feature-item">
<h3>Автообновление</h3>
<p>Данные синхронизируются с 1С, банками и рекламными кабинетами каждые 4 часа. Не нужно ждать отчётов в понедельник.</p>
</div>
<div class="feature-item">
<h3>Все каналы в одном месте</h3>
<p>Сравнивайте ROI Директа, ВКонтакте и маркетплейсов на одном экране. Видно, какой канал приносит деньги прямо сейчас.</p>
</div>
<div class="feature-item">
<h3>AI-прогнозы</h3>
<p>Система анализирует тренды и предсказывает выручку на завтра. Получайте алерты, если что-то идёт не так.</p>
</div>
</div>
</section>
<!-- PRICING -->
<section id="pricing">
<h2 style="font-size: 2.5rem; font-weight: 800; letter-spacing: -0.03em; margin-bottom: 24px;">Тарифы</h2>
<div class="pricing-grid">
<div class="price-card">
<div class="price-name">Старт</div>
<div class="price-amount">10 000 ₽<span class="price-period">/мес</span></div>
<ul class="price-features">
<li>1 источник данных (1С или Банк)</li>
<li>3 дашборда</li>
<li>Обновление 1 раз в день</li>
<li>Поддержка по Email</li>
</ul>
<a href="#" class="btn btn-outline" style="width:100%; justify-content:center;">Начать</a>
</div>
<div class="price-card featured">
<div class="price-name">Бизнес</div>
<div class="price-amount">25 000 ₽<span class="price-period">/мес</span></div>
<ul class="price-features">
<li>До 4 источников (1С, Банк, CRM, Рекламы)</li>
<li>10 дашбордов</li>
<li>Обновление каждые 4 часа</li>
<li>AI-прогнозы и алерты</li>
<li>Выгрузка в PDF/Excel</li>
</ul>
<a href="#" class="btn btn-primary" style="width:100%; justify-content:center;">Попробовать</a>
</div>
<div class="price-card">
<div class="price-name">Под ключ</div>
<div class="price-amount">50 000 ₽<span class="price-period">/мес</span></div>
<ul class="price-features">
<li>Все источники + Маркетплейсы</li>
<li>Кастомные метрики под бизнес</li>
<li>Обновление каждые 30 минут</li>
<li>Выделенный менеджер</li>
</ul>
<a href="#" class="btn btn-outline" style="width:100%; justify-content:center;">Связаться</a>
</div>
</div>
</section>
<!-- CTA -->
<section id="cta" style="text-align: center;">
<h2 style="font-size: 2.5rem; font-weight: 800; margin-bottom: 24px;">Перестаньте управлять "на ощупь"</h2>
<p style="color: var(--text-secondary); margin-bottom: 32px; font-size: 1.1rem;">
Подключим дашборд за 3 дня. Первые 7 дней — бесплатно.
</p>
<a href="https://t.me/" class="btn btn-primary" style="padding: 16px 32px; font-size: 1.1rem;">
Обсудить проект в Telegram
</a>
</section>
</div>
<footer>
<div class="container">
<p>ROI24 © 2026. Все права защищены.</p>
<p style="margin-top: 8px; opacity: 0.5;">Не является публичной офертой. ИНН 0000000000</p>
</div>
</footer>
<script>
// === Simple Chart Animation ===
document.addEventListener('DOMContentLoaded', () => {
const chartContainer = document.getElementById('revenue-chart');
const barCount = 12;
const heights = [40, 55, 45, 60, 70, 65, 80, 90, 85, 95, 88, 100]; // Mock data
// Generate bars
heights.forEach((h, i) => {
const bar = document.createElement('div');
bar.className = 'chart-bar' + (i === heights.length - 1 ? ' highlight' : '');
bar.style.height = '0%'; // Start at 0
chartContainer.appendChild(bar);
// Animate on load
setTimeout(() => {
bar.style.height = h + '%';
}, 100 + (i * 50));
});
// Simple Hover Effect for Metric Cards
const cards = document.querySelectorAll('.metric-card');
cards.forEach(card => {
card.addEventListener('mouseenter', () => {
card.style.borderColor = 'var(--accent)';
});
card.addEventListener('mouseleave', () => {
card.style.borderColor = 'var(--border)';
});
});
});
</script>
</body>
</html>
+498
View File
@@ -0,0 +1,498 @@
# Глубокое исследование: Дашборды и бизнес-метрики 2026
> Исследование проведено: Июнь 2026
> Источники: Shopify, Optifai, FathomHQ, FlowGent, HubSpot, Mindtickle, Zoom, Oracle, NetSuite, и другие
> Цель: Определение ключевых метрик для дашбордов по сегментам бизнеса
---
## ЧАСТЬ 1: ОСНОВНЫЕ ПРИНЦИПЫ ДИЗАЙНА ДАШБОРДОВ
### 1.1 Золотые правила дизайна
1. **Один экран без прокрутки** — 5-7 ключевых метрик на дашборд
2. **Контекст важнее числа** — показывать тренды и сравнения: «Выручка: 1.2М ₽ (↑15% vs месяц)»
3. **Цветовое кодирование** — зелёный (выше плана), жёлтый (80-100%), красный (<80%)
4. **Правильная визуализация**:
- Тренды (выручка, рост) — линейные графики
- Сравнения (по менеджерам) — столбчатые диаграммы
- Прогресс (план/факт) — прогресс-бары/гайды
- Распределение (по возрастам) — гистограммы
- Избегать: круговых диаграмм (сложно сравнивать), 3D-графиков
5. **Разные дашборды для разных ролей** — менеджер видит одно, собственник другое
### 1.2 Частота обновления
| Частота | Метрики |
|---------|---------|
| Ежедневно | Трафик, конверсия, корзина, реклама |
| Еженедельно | CAC, AOV, вовлечённость, воронка |
| Ежемесячно | Рост выручки, CLV, оборачиваемость, ROAS |
| Квартально | LTV, EBITDA, доля рынка, стратегия |
### 1.3 Типичные ошибки
- 30+ метрик на одном экране → nobody looks
- Только «мертвые» метрики (revenue) без опережающих (pipeline)
- Нет формул в одном месте → Sales считает одно, Finance другое
- Нет ответственности за каждую метрику
- Дашборд без плейбука «если X ниже Y, делаем Z»
---
## ЧАСТЬ 2: ECOMMERCE / ИНТЕРНЕТ-ТОРГОВЛЯ (Shopify данные)
### 2.1 Ключевые метрики (Top 20)
| # | Метрика | Формула | Бенчмарк |
|---|---------|---------|----------|
| 1 | **Conversion Rate (CVR)** | (# Покупок / # Сессий) × 100 | 1-3% |
| 2 | **Average Order Value (AOV)** | Выручка / # Заказов | $45-150 |
| 3 | **Customer Lifetime Value (CLV)** | Ср.покупка × частота × длительность | >3× CAC |
| 4 | **Customer Acquisition Cost (CAC)** | Расходы на маркетинг / Новые клиенты | < CLV/3 |
| 5 | **Cart Abandonment Rate** | (Завершения / Созданные корзины) × 100 | 60-70% |
| 6 | **Returning Customer Rate** | Возвратные клиенты / Всего × 100 | 20-40% |
| 7 | **Bounce Rate** | Односторонние визиты / Всего | <50% |
| 8 | **NPS** | % Промоутеров - % Детракторов | >50 отлично |
| 9 | **CTR** | (Клики / Показы) × 100 | Email: 2%+ |
| 10 | **Traffic Sources** | Поиск, Директ, Соцсети, Email | Зависит от ниши |
| 11 | **Top Products** | По количеству продаж | — |
| 12 | **Inventory Turnover** | COGS / Средний запас | 4-6 раз/год |
| 13 | **Return Rate** | Возвраты / Продажи × 100 | 5-10% |
| 14 | **Churn Rate** | Ушедшие / Всего × 100 | <5% подписки |
### 2.2 Как Shopify показывает дашборд
Shopify Analytics предоставляет:
- **60+ готовых дашбордов** (не нужно строить с нуля)
- **Конверсионная воронка**: Просмотр → Добавление в корзину → Начало оплаты → Покупка
- **Тренды по времени** с возможностью сравнения периодов
- **Сегментация**: по устройству, локации, источнику, продукту
- **AI-ассистент Sidekick** — вопросы на естественном языке: «Каков CLV клиентов из Google за квартал?»
- **Insights** — автоматически подсвечивает аномалии и тренды
- **Метрики-цели** (targets) — устанавливает goal для каждой метрики
### 2.3 Пример структуры дашборда для Ecommerce
```
┌─────────────────────────────────────────────────────────────┐
│ Выручка: 1.2М ₽ ↑15% | Заказы: 342 | AOV: 3 509 ₽ │
├─────────────────────────────────────────────────────────────┤
│ Конверсия: 2.4% ↑0.3% | CAC: 420 ₽ | CLV: 4 200 ₽ │
├──────────────────────────────┬──────────────────────────────┤
│ [График выручки 30 дней] │ Воронка конверсии: │
│ │ Просмотры: 14 500 │
│ [Топ-5 товаров] │ Корзины: 3 200 (22%) │
│ 1. Товар А — 120 шт │ Оплата: 1 100 (34%) │
│ 2. Товар Б — 98 шт │ Покупки: 342 (31%) │
│ 3. Товар В — 76 шт │ │
│ [Трафик по источникам] │ [Удержание клиентов] │
│ Поиск 45% Соц 30% Email 25%│ Новые 78% Возвратные 22% │
└──────────────────────────────┴──────────────────────────────┘
```
---
## ЧАСТЬ 3: B2B SALES (Optifai данные)
### 3.1 Фреймворк 4 категории, 15 KPI
**Категория 1: Выручка и Рост (Lagging Indicators)**
| # | Метрика | Формула | Бенчмарк |
|---|---------|---------|----------|
| 1 | MRR / Выручка | Сумма всех подписок | SaaS: 15-25% MoM |
| 2 | Revenue Growth Rate | ((Текущий - Пред.)/Пред.) × 100 | SaaS: 20-30% YoY |
| 3 | ASP (Average Selling Price) | Выручка / # Сделок | Rастущий тренд |
| 4 | LTV | (Ср.доход/мес × Маржа) / Churn | LTV:CAC ≥ 3:1 |
**Категория 2: Здоровье Воронки (Leading Indicators)**
| # | Метрика | Формула | Бенчмарк |
|---|---------|---------|----------|
| 5 | Pipeline Value | Σ (Сделка × Вероятность) | 3-5× от квоты |
| 6 | Pipeline Velocity | (Возможности × Ср.сделка × WinRate) / Цикл | +15-20% QoQ |
| 7 | Win Rate | Выиграно / Всего закрытых × 100 | B2B SaaS: 20-30% |
| 8 | Pipeline Coverage | Pipeline / Квота | 3-5× минимум |
**Категория 3: Эффективность (Process Metrics)**
| # | Метрика | Формула | Бенчмарк |
|---|---------|---------|----------|
| 9 | Sales Cycle Length | Средняя длительность сделки | SMB: 30-90 дней |
| 10 | Lead-to-Customer Rate | Клиенты / Лиды × 100 | B2B: 2-5% |
| 11 | CAC | (Продажи + Маркетинг) / Новые клиенты | Payback <12 мес |
| 12 | Quota Attainment | Факт / План × 100 | Команда: 85-90% |
**Категория 4: Активности и Прогноз**
| # | Метрика | Формула | Бенчмарк |
|---|---------|---------|----------|
| 13 | Sales Activities | Звонки, письма, встречи | 30-50 звонков/день |
| 14 | Demo-to-Close Rate | Закрытые / Демо × 100 | 20-30% |
| 15 | Forecast Accuracy | 100% - |Variance| | ±10% приемлемо |
### 3.2 Как Optifai показывает дашборд
Оптимизация через Revenue Velocity (скорость конвертации воронки в деньги). Команды, фокусирующиеся на Pipeline Velocity, показали **рост выручки на 23% быстрее** по сравнению с теми, кто следит только за Pipeline Value.
**Рекомендации по количеству метрик:**
- Команда <10 человек: 5-7 метрик (фокус на закрытие)
- Команда 10-30: + Pipeline Velocity, CAC, Demo-to-Close
- Команда 30-50: + LTV, Forecast Accuracy, Activity Metrics
---
## ЧАСТЬ 4: ФИНАНСОВЫЙ ДАШБОРД (FathomHQ, Oracle, NetSuite данные)
### 4.1 11 финансовых KPI по категориям
#### Прибыльность (Profitability)
| # | Метрика | Формула | Бенчмарк |
|---|---------|---------|----------|
| 1 | Gross Profit Margin | (Выручка - COGS) / Выручка × 100 | 30-70% |
| 2 | Net Profit Margin | Чистая прибыль / Выручка × 100 | 5-15% |
| 3 | EBITDA | Чистая прибыль + Проценты + Налоги + Амм. | Растущий тренд |
| 4 | ROI | (Доход - Затраты) / Затраты × 100 | >15% |
#### Ликвидность (Liquidity)
| # | Метрика | Формула | Бенчмарк |
|---|---------|---------|----------|
| 5 | Current Ratio | Текущие активы / Текущие обязательства | >2.0 |
| 6 | Quick Ratio | (Наличие + Дебиторка) / Обязательства | >1.0 |
#### Эффективность (Efficiency)
| # | Метрика | Формула | Бенчмарк |
|---|---------|---------|----------|
| 7 | Inventory Turnover | COGS / Средний запас | 4-8 раз/год |
| 8 | AR Turnover | Продажи / Средняя дебиторка | 6-12 раз/год |
| 9 | Days Sales Outstanding | 365 / AR Turnover | 30-45 дней |
#### Долгосрочная устойчивость (Solvency)
| # | Метрика | Формула | Бенчмарк |
|---|---------|---------|----------|
| 10 | Debt to Equity | Долг / Собственный капитал × 100 | <100% |
| 11 | Interest Coverage | EBITDA / Проценты | >3.0 |
### 4.2 Кэш-флоу (Cash Flow) — критично для бизнеса
| Метрика | Описание |
|---------|----------|
| **Cash Conversion Cycle (CCC)** | Дни между оплатой поставщикам и получением денег от клиентов |
| **Burn Rate** | Сколько денег компания тратит в месяц |
| **Runway (месяцы)** | Текущий кэш / Burn Rate = сколько месяцев хватит |
| **Working Capital** | Текущие активы - Текущие обязательства |
### 4.3 CFO Dashboard — 20 ключевых метрик (по Oracle)
- Revenue Growth Rate
- Gross Profit Margin
- EBITDA Margin
- Compound Annual Growth Rate (CAGR)
- Net Profit Margin
- Operating Cash Flow
- Free Cash Flow
- Current Ratio
- Quick Ratio
- AR Days
- AP Days
- Inventory Days
- Debt-to-Equity
- ROE (Return on Equity)
- ROA (Return on Assets)
- Customer Concentration Risk
- Revenue by Region/Product
- Headcount Growth
- Revenue per Employee
---
## ЧАСТЬ 5: ДАШБОРД КЛИЕНТСКОГО СЕРВИСА (FlowGent, HubSpot, Zoom данные)
### 5.1 8 ключевых KPI
| # | Метрика | Формула | Бенчмарк |
|---|---------|---------|----------|
| 1 | **CSAT** | (Удовлетворённые / Всего) × 100 | >80% отлично |
| 2 | **NPS** | % Промоутеры - % Детракторы | 0-100 шкала |
| 3 | **FCR** | Решено с 1-го контакта / Всего × 100 | Dell: 85% |
| 4 | **AHT** | (Говорить + Ожидание + Закрытие) / Звонки | 4-15 мин |
| 5 | **CES** | Средний балл «Насколько легко решить проблему» | 1-7 шкала |
| 6 | **SLA Compliance** | Задачи в SLA / Всего задач × 100 | >90% |
| 7 | **First Response Time** | Среднее время до первого ответа | <5 мин |
| 8 | **Resolution Time** | Среднее время до полного решения | Зависит от типа |
### 5.2 Как Zendesk и Freshdesk показывают дашборд
- **Agent Performance View** — таблица по агентам с CSAT, AHT, FCR
- **Ticket Trend** — график по дням (открыто/закрыто)
- **Volume by Channel** — email, чат, телефон (круговая или столбчатая)
- **SLA Breach Rate** — % нарушенных SLA
- **Customer Sentiment** — тренд NPS/CSAT по времени
---
## ЧАСТЬ 6: ДИЗАЙН-ПРЕЦЕДЕНТЫ ЗАРУБЕЖНЫХ КОМПАНИЙ
### 6.1 Stripe Dashboard
**Ключевые принципы:**
- Минималистичный чёрно-белый дизайн с акцентным фиолетовым
- Графики revenue с возможностью zoom и period comparison
- Метрики в «карточках» с trend arrows (↑/↓)
- Left sidebar навигация по разделам
- Детальные страницы с фильтрами и экспортом
- Real-time streaming данных для транзакций
### 6.2 Shopify Analytics
**Ключевые принципы:**
- 60+ встроенных дашбордов (не строить с нуля)
- AI-ассистент для вопросов на естественном языке
- «Insights» — автоматическое выявление аномалий
- Конверсионные воронки
- Segmentation по всем параметрам (устройство, геология, продукт)
- Mobile-first responsive design
- Pre-built reports с возможностью кастомизации
### 6.3 HubSpot Analytics
**Ключевые принципы:**
- Единая CRM-панель (marketing + sales + service в одном месте)
- Attribution reporting (какой канал принёс клиента)
- Deal pipeline visualization
- Revenue forecasting
- Goal tracking с progress bars
- Custom report builder (drag-and-drop)
### 6.4 Datadog / Grafana (IT Operations)
**Ключевые принципы:**
- Real-time monitoring с графиками в реальном времени
- Alerting и alert history
- Service-level dashboards (SLO/SLI)
- Heatmaps для пиковых нагрузок
- Custom widgets и panels
- Alert notification by channel (Slack, email, PagerDuty)
### 6.5 Tableau / Power BI (Enterprise BI)
**Ключевые принципы:**
- Self-service BI (бизнес-пользователи строят отчёты сами)
- 50+ источников данных подключаются
- Data storytelling — narrative dashboards
- Natural language queries («Покажи выручку по регионам за Q1»)
- Scheduled email delivery отчётов
- Embedded analytics в клиентских порталах
---
## ЧАСТЬ 7: МАРКЕТИНГ ДАШБОРД (AI Digital, HubSpot данные)
### 7.1 15 маркетинговых KPI
| # | Метрика | Формула | Бенчмарк |
|---|---------|---------|----------|
| 1 | Brand Awareness | Охват / Уникальные пользователи | Зависит от ниши |
| 2 | Engagement Rate | (Лайки+Комменты+Шары) / Охват × 100 | 1-5% |
| 3 | CTR | (Клики / Показы) × 100 | Email: 2%+ |
| 4 | Bounce Rate | Односторонние / Всего | <50% |
| 5 | **Conversion Rate** | Цели / Визиты × 100 | 2-5% |
| 6 | **CPL** | Расходы / Лиды | Зависит от ниши |
| 7 | **CPA** | Расходы / Клиенты | < CLV/3 |
| 8 | **ROAS** | Выручка от рекламы / Расходы | >4:1 |
| 9 | **MER** | Вся выручка / Все расходы | >2.0 |
| 10 | **CAC** | Расходы на маркетинг / Новые клиенты | < CLV/3 |
| 11 | **CLV** | (Ср.покупка × частота × годы) | >3× CAC |
| 12 | **CRR** | Сохранившиеся клиенты / Всего | >85% |
| 13 | **NPS** | % Промоутеры - % Детракторы | >50 отлично |
| 14 | **ROI** | (Доход - Затраты) / Затраты × 100 | >200% |
| 15 | **Attribution Accuracy** | Совпадение моделей атрибуции | >90% |
### 7.2 Ключевой инсайт
> 83% маркетологов говорят, что доказывание ROI — их главная проблема. Организации, которые активно отслеживают KPI, в 2.3 раза чаще превышают revenue goals.
---
## ЧАСТЬ 8: УНИВЕРСАЛЬНЫЙ ДАШБОРД ДЛЯ БИЗНЕСА (Executive Dashboard)
### 8.1 Top-10 метрик для собственника бизнеса
Эти 10 метрик дают полный обзор бизнеса. Они объединяют финансы, продажи, маркетинг, клиентов и операционку.
| # | Метрика | Категория | Почему важна |
|---|---------|-----------|-------------|
| 1 | **Выручка** (мес/квартал) | Финансы | Главный индикатор масштаба |
| 2 | **Чистая маржа** (%) | Финансы | Реальная эффективность бизнеса |
| 3 | **Денежный поток** (кэш в кассе) | Финансы | Деньги = жизнь бизнеса |
| 4 | **Дебиторская задолженность** (средний срок) | Финансы | Когда придут реальные деньги |
| 5 | **Конверсия воронки** (%) | Продажи | Насколько эффективно лиды в деньги |
| 6 | **Стоимость клиента (CAC)** | Продажи/Маркетинг | Сколько стоит привлечение |
| 7 | **LTV клиента** | Продажи/Маркетинг | Сколько клиент принесёт за жизнь |
| 8 | **NPS / CSAT** | Клиенты | Здоровье клиентской базы |
| 9 | **Оборачиваемость запасов** | Операционка | Насколько эффективно работает склад |
| 10 | **Рост клиентов** (% MoM) | Стратегия | Тренд роста бизнеса |
### 8.2 Пример Executive Dashboard
```
┌────────────────────────────────────────────────────────────────┐
│ ROI24 Dashboard 20.06.2026 │
│ Пн 13.00 │ Live ● │ Обновлено 5 мин назад │
├────────────┴───────────────────────────────────────────────────┤
│ ВЫРУЧКА ЧИСТАЯ МАРЖА КАССА ДЕБИТОРКА │
│ 4.2М ₽ ↑12% 23% ↑3% 1.8М ₽ 890K ₽ 45дн │
├────────────────────────────────────────────────────────────────┤
│ КОНВЕРСИЯ CAC LTV NPS ОБОР.СКЛАД │
│ 2.8% ↑0.4 1 200 ₽ 12 500 ₽ 68 28 дней │
├────────────────────────────────────────────────────────────────┤
│ [График выручки 12 месяцев с трендом] │
│ [Денежный поток по неделям: прогноз на 30 дней] │
│ [Воронка продаж: Лиды → Квалиф → Контракт → Оплата] │
│ [Топ-5 каналов привлечения: SEO 35%, Контекст 28%, Прямой 22%]│
└────────────────────────────────────────────────────────────────┘
```
---
## ЧАСТЬ 9: АРХИТЕКТУРА ДАННЫХ И ИСТОЧНИКИ
### 9.1 Типичные источники данных для дашборда
| Источник | Тип данных | Как подключается |
|----------|-----------|------------------|
| 1С / Битрикс24 | Продажи, склад, CRM | API, выгрузка CSV |
| Яндекс.Директ / VK Ads | Маркетинг | API |
| Яндекс.Метрика / GA4 | Трафик | API |
| Онлайн-банки (Сбер, Тинькофф) | Кассовый разрыв | API (СберБизнес, Тинькофф Бизнес) |
| МойСклад / 1С:Склад | Инвентарь | API |
| ЮKassa / CloudPayments | Оплата | API/вебхуки |
| Google Analytics 4 | Трафик | API |
| Битрикс24 / amoCRM | Продажи | REST API |
### 9.2 Архитектура данных
```
┌──────────────┐ ┌──────────────┐ ┌──────────────┐
│ 1С / CRM │ │ Маркетинг │ │ Онлайн-банки │
│ Продажи │ │ Каналы │ │ Касса │
└──────┬───────┘ └──────┬───────┘ └──────┬───────┘
│ │ │
└────────────────────┼────────────────────┘
▼
┌──────────────┐
│ ETL Layer │
│ (Python) │
│ normalize │
└──────┬───────┘
▼
┌──────────────┐
│ PostgreSQL │
│ Raw Data │
└──────┬───────┘
▼
┌──────────────┐
│ ClickHouse │
│ Aggregates │
└──────┬───────┘
▼
┌──────────────┐
│ Dashboard │
│ (HTML/ECharts│
└──────────────┘
```
---
## ЧАСТЬ 10: СРАВНЕНИЕ ПО СЕГМЕНТАМ БИЗНЕСА
### 10.1 Ecommerce
**Приоритетные дашборды:**
1. Продажи и конверсия (реальное время)
2. Воронка продаж (просмотр → корзина → оплата → покупка)
3. Маркетинговая эффективность (CAC, ROAS по каналам)
4. Инвентарь (топ товаров, оборачиваемость, остатки)
5. Клиенты (повторные покупки, CLV, чарн)
### 10.2 Услуги / Agency
**Приоритетные дашборды:**
1. Пайплайн продаж (возможности по стадиям)
2. Выручка и маржинальность по проектам
3. Загрузка команды (utilization rate)
4. KPI клиентов (NPS, SLA, satisfaction)
5. Cash flow (проекты в работе, дебиторка)
### 10.3 Производство
**Приоритетные дашборды:**
1. Производство (план/факт, OEE, простои)
2. Качество (дефекты, возвраты, брак)
3. Инвентарь сырья и готовой продукции
4. Поставки (надёжность, сроки, стоимость)
5. Финансы (себестоимость, маржа, оборачиваемость)
### 10.4 B2B SaaS
**Приоритетные дашборды:**
1. MRR/ARR и Growth Rate
2. Churn Rate и Retention
3. LTV:CAC и Payback Period
4. Pipeline и Forecast
5. Product Usage (активные пользователи, фичи)
---
## ЧАСТЬ 11: КЛЮЧЕВЫЕ ИНСАЙТЫ 2024-2026
### 11.1 Что изменилось
1. **AI в аналитике** — Shopify Sidekick, HubSpot AI, natural language queries к данным
2. **Real-time данные** — не «отчёт за вчера», а живые цифры
3. **Алёрты и аномалии** — система сама подсвечивает, когда метрика ушла вниз
4. **Mobile-first** — собственник смотрит дашборд с телефона
5. **Self-service BI** — бизнес-пользователь строит отчёты без IT
### 11.2 Тренды дашбордов
- От статических отчётов → к живым дашбордам
- От «показать цифры» → к «подсказать действие» (если конверсия <2% → проверить рекламу)
- От Excel/1С → к cloud-native решениям
- От «один дашборд на всех» → к ролевым дашбордам
- От ретроспективы → к предиктивной аналитике (AI-прогнозы)
### 11.3 Ключевые цифры
- 70% B2B-продавцов не выполняли квоты (2024, Xactly Insights)
- Команды, отслеживающие 5-7 KPI, достигают 91% выполнения квоты vs 73% для команд с 0-3 KPI (Optifai, 2025)
- 83% маркетологов говорят, что доказывание ROI — их главная проблема
- Организации с активным трекингом KPI в 2.3 раза чаще превышают revenue goals
---
## ЧАСТЬ 12: РЕКОМЕНДАЦИИ ДЛЯ ПРОЕКТА ROI24
### 12.1 Что строить в первую очередь
1. **Универсальный Executive Dashboard** — 10 метрик, охватывающих финансы, продажи, маркетинг
2. **Модульные дашборды** — Ecommerce, Услуги, Производство (отключаемые модули)
3. **Связь с источниками данных** — 1С, CRM, банки, реклама
4. **AI Insights** — автоматическое выявление проблем и рекомендаций
5. **Mobile-first** — дашборд должен работать на телефоне
### 12.2 Что НЕ строить
- 50+ метрик на одном экране (паралич аналитика)
- Статические PDF-отчёты (живые данные — наше преимущество)
- Отдельный дашборд под каждую метрику (слишком много)
- Гейты за каждую метрику (метрики должны быть понятны без объяснений)
### 12.3 Позиционирование
> **«Живые цифры бизнеса за 3 дня»**
> Не ещё один BI-инструмент для аналитиков.
> 10 метрик, которые видит собственник каждое утро.
> Обновляются автоматически из 1С, CRM, банков, рекламы.
> Смотрятся с телефона.
---
*Исследование завершено. Источники: Shopify Blog, Optifai, FathomHQ, FlowGent, HubSpot, Oracle, NetSuite, Mindtickle, Zoom, Telnyx, GoodData, Kyriba, и другие.*