UI Структура: Экраны платформы ботов
Версия: 1.0.0
Дата: 2025-12-27
Тип: UI/UX Design
Карта навигации (Sitemap)
ГЛАВНАЯ СТРАНИЦА (Dashboard)
│
├─── БОТЫ
│ ├─── Список ботов (Grid/List)
│ ├─── Создать бота
│ ├─── Настройка бота
│ │ ├─── Основные настройки
│ │ ├─── Промпты
│ │ ├─── Сценарии
│ │ ├─── База знаний
│ │ └─── Статистика бота
│ └─── Шаблоны ботов
│
├─── ЧАТЫ
│ ├─── Список диалогов (Inbox)
│ ├─── Окно диалога
│ │ ├─── История сообщений
│ │ ├─── Панель ответа
│ │ ├─── Контекст клиента
│ │ └─── Быстрые действия
│ └─── Архив диалогов
│
├─── КАНАЛЫ (Мессенджеры)
│ ├─── Список подключений
│ ├─── Добавить канал
│ │ ├─── Telegram
│ │ ├─── WhatsApp
│ │ ├─── VK
│ │ └─── Instagram
│ └─── Настройка канала
│
├─── БАЗА ЗНАНИЙ
│ ├─── Категории
│ ├─── Вопросы-ответы (FAQ)
│ ├─── Добавить запись
│ └─── Импорт из файла
│
├─── АНАЛИТИКА
│ ├─── Дашборд
│ ├─── Отчёт по ботам
│ ├─── Отчёт по операторам
│ ├─── Воронка конверсий
│ └─── Экспорт данных
│
└─── НАСТРОЙКИ
├─── Общие настройки
├─── Пользователи и роли
├─── Операторы
├─── Интеграции (CRM, ERP)
└─── API ключи
ЭКРАН 1: Главная страница (Dashboard)
Макет
┌─────────────────────────────────────────────────────────────────────────────┐
│ 🤖 Платформа ботов [Уведомления 🔔] [Профиль 👤] [Выйти] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ [🤖 Боты] [💬 Чаты] [📡 Каналы] [📚 База знаний] [📊 Аналитика] │
│ │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ 📊 Обзор за сегодня [Выбрать период ▼] │
│ │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │
│ │ 💬 Диалогов │ │ 🤖 Ботов │ │ ✉️ Сообщений │ │ 👥 Операторов│ │
│ │ │ │ │ │ │ │ │ │
│ │ 247 │ │ 5 / 8 │ │ 1,842 │ │ 3 / 12 │ │
│ │ │ │ │ │ │ │ │ │
│ │ +12% ↑ │ │ активны │ │ +5% ↑ │ │ онлайн │ │
│ └──────────────┘ └──────────────┘ └──────────────┘ └──────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ 📈 График активности диалогов (24 часа) │ │
│ │ │ │
│ │ 200│ ╭─╮ │ │
│ │ │ │ │ ╭─╮ │ │
│ │ 150│ ╭──╯ ╰─╮ ╭──╯ ╰─╮ │ │
│ │ │ │ │ │ │ ╭─╮ │ │
│ │ 100│──╯ ╰────╯ ╰──────╯ ╰──────── │ │
│ │ │ │ │
│ │ 50│ │ │
│ │ └──────────────────────────────────────────────────────────── │ │
│ │ 00:00 06:00 12:00 18:00 24:00 │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────┐ ┌──────────────────────────────┐ │
│ │ 🔥 Активные диалоги (47) │ │ ⚡ Действия требуются (12) │ │
│ ├──────────────────────────────┤ ├──────────────────────────────┤ │
│ │ • Иван П. - 2 мин назад │ │ • 3 диалога ждут >5 мин │ │
│ │ "Сколько доставка?" │ │ • 5 ботов предложили ответ │ │
│ │ [Открыть →] │ │ • 4 новых холодных лида │ │
│ │ │ │ [Посмотреть →] │ │
│ │ • Мария С. - 5 мин назад │ │ │ │
│ │ "Хочу оформить заказ" │ │ 🆘 Эскалация (2) │ │
│ │ [Открыть →] │ │ • Клиент ждёт ответа 15 мин │ │
│ │ │ │ • Бот не смог ответить │ │
│ │ [Показать все →] │ │ [Взять в работу →] │ │
│ └──────────────────────────────┘ └──────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ 🎯 Конверсии по этапам воронки │ │
│ │ │ │
│ │ Холодные → Тёплые → Горячие → Клиенты → Повторные │ │
│ │ 1247 342 89 45 12 │ │
│ │ 27% ↓ 26% ↓ 51% ↓ 27% ↓ │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
Элементы
| Элемент |
Функция |
| Топ-панель |
Навигация по разделам, уведомления, профиль |
| Карточки метрик |
Ключевые показатели (клик → переход в детали) |
| График активности |
Визуализация нагрузки по часам |
| Активные диалоги |
Топ-5 последних (клик → открыть диалог) |
| Действия требуются |
Алерты и эскалации |
| Воронка конверсий |
Переходы между этапами |
ЭКРАН 2: Список ботов
Макет
┌─────────────────────────────────────────────────────────────────────────────┐
│ 🤖 Боты [+ Создать бота] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Фильтры: │
│ [Все статусы ▼] [Все типы ▼] [Все стадии ▼] [🔍 Поиск_____________] │
│ │
│ Вид: [⬜ Сетка] [☰ Список] Сортировка: [▼] │
│ │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────────────────────────────┐ ┌───────────────────────────────┐ │
│ │ 🟢 Бот "Холодные лиды" │ │ 🟢 Бот "Продажи" │ │
│ │ │ │ │ │
│ │ Тип: lead_gen │ │ Тип: sales │ │
│ │ Стадия: cold │ │ Стадия: hot │ │
│ │ Режим: autonomous │ │ Режим: assistant │ │
│ │ │ │ │ │
│ │ ┌────────────────────────────────┐ │ │ ┌───────────────────────────┐ │ │
│ │ │ 📊 Статистика (24ч) │ │ │ │ 📊 Статистика (24ч) │ │ │
│ │ │ Диалогов: 23 активных │ │ │ │ Диалогов: 8 активных │ │ │
│ │ │ Сообщений: 142 │ │ │ │ Сообщений: 67 │ │ │
│ │ │ Конверсия: 12% │ │ │ │ Конверсия: 45% │ │ │
│ │ │ Среднее время: 2 мин │ │ │ │ Одобрено: 89% │ │ │
│ │ └────────────────────────────────┘ │ │ └───────────────────────────┘ │ │
│ │ │ │ │ │
│ │ Каналы: [TG] [WA] │ │ Каналы: [TG] │ │
│ │ AI: gemini-flash │ │ AI: claude-sonnet │ │
│ │ │ │ │ │
│ │ [⚙️ Настроить] [📊 Статистика] │ │ [⚙️ Настроить] [📊 Детали] │ │
│ │ [📋 Дублировать] [⏸️ Остановить] │ │ [✏️ Промпты] [⏸️ Пауза] │ │
│ └────────────────────────────────────┘ └───────────────────────────────┘ │
│ │
│ ┌────────────────────────────────────┐ ┌───────────────────────────────┐ │
│ │ 🔴 Бот "Поддержка 24/7" │ │ 🟡 Бот "VIP менеджер" │ │
│ │ │ │ │ │
│ │ Тип: support │ │ Тип: sales │ │
│ │ Стадия: customer │ │ Стадия: repeat │ │
│ │ Режим: hybrid │ │ Режим: autonomous │ │
│ │ │ │ │ │
│ │ ⚠️ ВЫКЛЮЧЕН │ │ ⚠️ НЕТ АКТИВНЫХ ДИАЛОГОВ │ │
│ │ Последний запуск: 3 дня назад │ │ Последняя активность: вчера │ │
│ │ │ │ │ │
│ │ [▶️ Запустить] [⚙️ Настроить] │ │ [🔍 Анализ] [⚙️ Настройка] │ │
│ │ [🗑️ Удалить] │ │ [📣 Запустить рассылку] │ │
│ └────────────────────────────────────┘ └───────────────────────────────┘ │
│ │
│ [Загрузить ещё...] Всего: 8 ботов│
│ │
└─────────────────────────────────────────────────────────────────────────────┘
Действия на карточке бота
| Кнопка |
Действие |
| ⚙️ Настроить |
→ Экран настройки бота |
| 📊 Статистика |
→ Детальная аналитика бота |
| ✏️ Промпты |
→ Быстрое редактирование промптов |
| 📋 Дублировать |
→ Создать копию бота |
| ⏸️ Пауза / ▶️ Запустить |
Переключить статус |
| 🗑️ Удалить |
Удалить бота (с подтверждением) |
ЭКРАН 3: Создание бота (Wizard)
Шаг 1: Выбор типа
┌─────────────────────────────────────────────────────────────────────────────┐
│ Создание бота • Шаг 1 из 4: Выбор типа │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Выберите тип бота: │
│ │
│ ┌──────────────────────┐ ┌──────────────────────┐ ┌────────────────┐ │
│ │ 🎯 ГЕНЕРАЦИЯ ЛИДОВ │ │ 💰 ПРОДАЖИ │ │ 🆘 ПОДДЕРЖКА │ │
│ │ │ │ │ │ │ │
│ │ • Квалификация │ │ • Консультация │ │ • FAQ │ │
│ │ • Сбор контактов │ │ • Помощь в выборе │ │ • Статусы │ │
│ │ • Первичный прогрев │ │ • Закрытие сделки │ │ • Проблемы │ │
│ │ │ │ │ │ │ │
│ │ [Выбрать →] │ │ [Выбрать →] │ │ [Выбрать →] │ │
│ └──────────────────────┘ └──────────────────────┘ └────────────────┘ │
│ │
│ ┌──────────────────────┐ ┌──────────────────────┐ │
│ │ 📢 УВЕДОМЛЕНИЯ │ │ 🎁 ДРУГОЕ │ │
│ │ │ │ │ │
│ │ • Статусы заказов │ │ • Опросы │ │
│ │ • Напоминания │ │ • Конкурсы │ │
│ │ • Новости │ │ • Кастомный │ │
│ │ │ │ │ │
│ │ [Выбрать →] │ │ [Выбрать →] │ │
│ └──────────────────────┘ └──────────────────────┘ │
│ │
│ [Отмена] [Далее →] │
└─────────────────────────────────────────────────────────────────────────────┘
Шаг 2: Основные настройки
┌─────────────────────────────────────────────────────────────────────────────┐
│ Создание бота • Шаг 2 из 4: Основные настройки │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Тип выбран: 💰 ПРОДАЖИ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ Название бота * │ │
│ │ [Бот "Продажи пиротехники"_________________________________] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ Для какой стадии воронки? * │ │
│ │ ○ Холодные лиды (первый контакт) │ │
│ │ ○ Тёплые (интерес проявлен) │ │
│ │ ● Горячие (готовы к покупке) │ │
│ │ ○ Клиенты (постпродажа) │ │
│ │ ○ Повторные покупки │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ Режим работы * │ │
│ │ │ │
│ │ ○ Автономный (бот отвечает сам, без оператора) │ │
│ │ Подходит для: FAQ, квалификация лидов, уведомления │ │
│ │ │ │
│ │ ● Ассистент (бот предлагает ответы, оператор одобряет) │ │
│ │ Подходит для: Продажи, сложные консультации │ │
│ │ 💡 Оператор контролирует каждое сообщение │ │
│ │ │ │
│ │ ○ Гибридный (бот сам + передаёт сложное оператору) │ │
│ │ Подходит для: Поддержка 24/7, высокая нагрузка │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ AI модель │ │
│ │ [gemini-2.0-flash-exp ▼] (рекомендуется для продаж) │ │
│ │ │ │
│ │ Температура (креативность): [0.7──●────────1.0] │ │
│ │ Макс. токены на ответ: [500_______] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ [← Назад] [Отмена] [Далее →] │
└─────────────────────────────────────────────────────────────────────────────┘
Шаг 3: Промпты
┌─────────────────────────────────────────────────────────────────────────────┐
│ Создание бота • Шаг 3 из 4: Промпты │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ 💡 Подсказка: Промпт — это инструкция для AI, как себя вести │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ Системный промпт (роль бота) * │ │
│ │ ┌───────────────────────────────────────────────────────────────┐ │ │
│ │ │ Ты — профессиональный менеджер по продажам пиротехники. │ │ │
│ │ │ Твоя цель — помочь клиенту выбрать товары для праздника │ │ │
│ │ │ и довести до покупки. │ │ │
│ │ │ │ │ │
│ │ │ Будь вежливым, дружелюбным и профессиональным. │ │ │
│ │ │ Задавай уточняющие вопросы, чтобы лучше понять потребность. │ │ │
│ │ └───────────────────────────────────────────────────────────────┘ │ │
│ │ [Показать шаблоны ▼] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ Контекст (информация о компании) │ │
│ │ ┌───────────────────────────────────────────────────────────────┐ │ │
│ │ │ Компания: Пиротехника SPB │ │ │
│ │ │ Ассортимент: 4000+ товаров (салюты, фейерверки, фонтаны) │ │ │
│ │ │ Доставка: по всей России, 2-5 дней │ │ │
│ │ │ Минимальный заказ: 3000₽ │ │ │
│ │ │ Акция: скидка 10% при заказе от 10000₽ │ │ │
│ │ └───────────────────────────────────────────────────────────────┘ │ │
│ │ [Загрузить из настроек компании] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ Правила поведения │ │
│ │ ┌───────────────────────────────────────────────────────────────┐ │ │
│ │ │ ПРАВИЛА: │ │ │
│ │ │ 1. Не называй цены напрямую — предложи каталог или прайс │ │ │
│ │ │ 2. При вопросе о доставке в отдалённые регионы → оператору │ │ │
│ │ │ 3. Не задавай больше 3 вопросов подряд │ │ │
│ │ │ 4. Если клиент грубит или неадекватен → передай оператору │ │ │
│ │ │ 5. Всегда предлагай оформить заказ после выбора товаров │ │ │
│ │ └───────────────────────────────────────────────────────────────┘ │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ [🧪 Протестировать промпт] │
│ │
│ [← Назад] [Отмена] [Далее →] │
└─────────────────────────────────────────────────────────────────────────────┘
Шаг 4: Подключения
┌─────────────────────────────────────────────────────────────────────────────┐
│ Создание бота • Шаг 4 из 4: Подключения │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ К каким каналам подключить бота? │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ ☑ Telegram (@pirotehnika_sales_bot) │ │
│ │ Подключение: Main Bot (активно) │ │
│ │ [Изменить подключение ▼] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ ☐ WhatsApp (+7 812 123-45-67) │ │
│ │ Подключение: Business Account │ │
│ │ [Изменить подключение ▼] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ ☐ VK (Группа "Пиротехника SPB") │ │
│ │ ⚠️ Не настроено │ │
│ │ [Настроить подключение →] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ [+ Добавить новый канал] │
│ │
│ ───────────────────────────────────────────────────────────────────── │
│ │
│ Интеграции │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ Подключить к CRM процессу: │ │
│ │ [Lead создание ▼] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ База знаний: │ │
│ │ [FAQ Продажи ▼] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ───────────────────────────────────────────────────────────────────── │
│ │
│ ☑ Запустить бота сразу после создания │
│ │
│ [← Назад] [Отмена] [Создать ✓] │
└─────────────────────────────────────────────────────────────────────────────┘
ЭКРАН 4: Настройка бота (детально)
Вкладки
┌─────────────────────────────────────────────────────────────────────────────┐
│ ⚙️ Настройка бота "Продажи пиротехники" [Сохранить 💾] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ [⚙️ Основные] [💬 Промпты] [🎬 Сценарии] [📚 База знаний] [📊 Статист│
│ │
├─────────────────────────────────────────────────────────────────────────────┤
│ (Содержимое выбранной вкладки) │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
Вкладка: Основные
│ ⚙️ Основные настройки │
│ │
│ Статус: 🟢 Активен [⏸️ Остановить бот]│
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ Название: [Бот "Продажи пиротехники"______________________] │ │
│ │ Тип: [sales ▼] │ │
│ │ Стадия воронки: [hot ▼] │ │
│ │ Режим работы: [assistant ▼] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ AI модель │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ Провайдер: [openrouter ▼] │ │
│ │ Модель: [gemini-2.0-flash-exp ▼] │ │
│ │ Temperature: [0.7──●────────1.0] 💡 Креативность ответов │ │
│ │ Max tokens: [500_______] 💡 Длина ответа │ │
│ │ │ │
│ │ Стоимость: ~$0.001 за диалог │ │
│ │ [Посмотреть другие модели →] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ Поведение │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ ☑ Автоматические ответы (без участия оператора) │ │
│ │ ☑ Задержка перед ответом: [2______] секунд │ │
│ │ 💡 Эмулирует печатание человека │ │
│ │ │ │
│ │ ☐ Лимит сообщений в день: [100____] │ │
│ │ ☑ Передавать оператору при словах: [жалоба, возврат, брак____] │ │
│ │ │ │
│ │ Часы работы: │ │
│ │ ○ Круглосуточно │ │
│ │ ● По расписанию: [09:00 – 21:00] ПН-ВС │ │
│ │ ⚠️ Вне часов работы → "Мы работаем с 9 до 21, ответим утром" │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ [Сохранить изменения] [Отмена] [Удалить бота] │
Вкладка: Промпты
│ 💬 Промпты [Импорт] [Экспорт] │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ 📝 Системный промпт (роль) [Шаблоны ▼] │ │
│ │ ┌───────────────────────────────────────────────────────────────┐ │ │
│ │ │ Ты — профессиональный менеджер по продажам пиротехники. │ │ │
│ │ │ Твоя цель — помочь клиенту выбрать товары и довести до покупки│ │ │
│ │ │ │ │ │
│ │ │ Стиль общения: │ │ │
│ │ │ - Вежливый и дружелюбный │ │ │
│ │ │ - Профессиональный, но не формальный │ │ │
│ │ │ - Используй эмодзи умеренно 🎆 │ │ │
│ │ └───────────────────────────────────────────────────────────────┘ │ │
│ │ Символов: 247 / 2000 │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ 🏢 Контекст (о компании) [Загрузить из ▼] │ │
│ │ ┌───────────────────────────────────────────────────────────────┐ │ │
│ │ │ Компания: Пиротехника SPB │ │ │
│ │ │ Товары: Салюты, фейерверки, фонтаны, петарды │ │ │
│ │ │ Ассортимент: 4000+ позиций │ │ │
│ │ │ Доставка: Вся Россия, 2-5 дней │ │ │
│ │ │ Минимальный заказ: 3000₽ │ │ │
│ │ └───────────────────────────────────────────────────────────────┘ │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ ⚠️ Правила поведения │ │
│ │ ┌───────────────────────────────────────────────────────────────┐ │ │
│ │ │ ЗАПРЕЩЕНО: │ │ │
│ │ │ - Называть конкретные цены (только "от ... до ...") │ │ │
│ │ │ - Обещать скидки больше 15% │ │ │
│ │ │ - Обсуждать конкурентов │ │ │
│ │ │ │ │ │
│ │ │ ОБЯЗАТЕЛЬНО: │ │ │
│ │ │ - После выбора товара → предложить оформить заказ │ │ │
│ │ │ - Уточнять регион доставки │ │ │
│ │ │ - Спрашивать назначение (праздник? подарок? корпоратив?) │ │ │
│ │ └───────────────────────────────────────────────────────────────┘ │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ 🎯 Примеры диалогов (Few-shot learning) [+ Добавить пример]│ │
│ │ │ │
│ │ Пример 1: │ │
│ │ Клиент: "Нужен фейерверк на свадьбу" │ │
│ │ Бот: "Отличный выбор! 🎆 Какой бюджет рассматриваете?" │ │
│ │ [✏️ Редактировать] [🗑️ Удалить] │ │
│ │ │ │
│ │ Пример 2: │ │
│ │ Клиент: "Сколько стоит доставка?" │ │
│ │ Бот: "Доставка зависит от региона. Куда доставить?" │ │
│ │ [✏️] [🗑️] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ [🧪 Тест промпта] [💾 Сохранить] [🔄 Сбросить] │
Вкладка: Сценарии
│ 🎬 Сценарии диалогов [+ Создать сценар│
│ │
│ Сценарий — это автоматическая последовательность действий при триггере. │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ ✅ Сценарий "Приветствие нового клиента" [Активен ●] │ │
│ ├─────────────────────────────────────────────────────────────────────┤ │
│ │ Триггер: Первое сообщение от нового контакта │ │
│ │ │ │
│ │ Действия: │ │
│ │ 1. Отправить: "Здравствуйте! 👋 Я помощник по подбору пиротехники" │ │
│ │ 2. Задать вопрос: "Что вас интересует?" → сохранить в "interest" │ │
│ │ 3. Отметить в CRM: новый лид │ │
│ │ │ │
│ │ Статистика: Запущено 47 раз за неделю │ │
│ │ │ │
│ │ [✏️ Редактировать] [📊 Статистика] [⏸️ Отключить] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ ✅ Сценарий "Напоминание о брошенной корзине" [Активен ●] │ │
│ ├─────────────────────────────────────────────────────────────────────┤ │
│ │ Триггер: Товар в корзине + нет активности 30 минут │ │
│ │ │ │
│ │ Условия: Сумма корзины > 5000₽ │ │
│ │ │ │
│ │ Действия: │ │
│ │ 1. Отправить: "Вы ещё думаете? Могу помочь с выбором!" │ │
│ │ 2. Если ответ через 10 мин → предложить скидку 5% │ │
│ │ 3. Если нет ответа → передать оператору │ │
│ │ │ │
│ │ Статистика: Конверсия 23% (12 из 52) │ │
│ │ │ │
│ │ [✏️] [📊] [⏸️] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ ⏸️ Сценарий "Эскалация при негативе" [Выключен ○] │ │
│ ├─────────────────────────────────────────────────────────────────────┤ │
│ │ Триггер: Ключевые слова "жалоба", "возврат", "брак", "обман" │ │
│ │ │ │
│ │ Действия: │ │
│ │ 1. Немедленно передать оператору │ │
│ │ 2. Уведомить менеджера в Telegram │ │
│ │ 3. Отправить: "Передаю вас менеджеру, он ответит через минуту" │ │
│ │ │ │
│ │ [▶️ Включить] [✏️] [🗑️] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ [+ Создать сценарий] [📥 Импорт] [📤 Экспорт] │
ЭКРАН 5: Список диалогов (Inbox)
Макет
┌─────────────────────────────────────────────────────────────────────────────┐
│ 💬 Диалоги │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Фильтры: │
│ [🔥 Активные (47)] [⏳ Ожидают (12)] [✓ Закрытые] [📁 Архив] │
│ │
│ Канал: [Все ▼] Бот: [Все ▼] Оператор: [Мои ▼] Теги: [#___________] │
│ │
├─────────────────────┬───────────────────────────────────────────────────────┤
│ СПИСОК ДИАЛОГОВ │ ПРЕВЬЮ ДИАЛОГА │
│ │ │
│ ┌─────────────────┐ │ Выберите диалог слева │
│ │ 🔴 Иван Петров │ │ или [Создать новый диалог] │
│ │ @ivan_p • TG │ │ │
│ │ 2 мин назад │ │ │
│ │ │ │ │
│ │ Бот: Продажи │ │ │
│ │ Оператор: Анна │ │ │
│ │ │ │ │
│ │ "Сколько стоит │ │ │
│ │ доставка до..." │ │ │
│ │ │ │ │
│ │ 🤖 Ждёт одобре- │ │ │
│ │ ния ответа │ │ │
│ └─────────────────┘ │ │
│ ┌─────────────────┐ │ │
│ │ 🟢 Мария С. │ │ │
│ │ +7912... • WA │ │ │
│ │ 5 мин назад │ │ │
│ │ │ │ │
│ │ Бот: Лиды │ │ │
│ │ Оператор: — │ │ │
│ │ │ │ │
│ │ "Спасибо, пос- │ │ │
│ │ мотрю каталог" │ │ │
│ └─────────────────┘ │ │
│ ┌─────────────────┐ │ │
│ │ 🟡 Алексей К. │ │ │
│ │ @alex • TG │ │ │
│ │ 15 мин назад │ │ │
│ │ │ │ │
│ │ Бот: Поддержка │ │ │
│ │ Оператор: Игорь │ │ │
│ │ │ │ │
│ │ "Где мой заказ? │ │ │
│ │ #1234" │ │ │
│ └─────────────────┘ │ │
│ │ │
│ [Загрузить ещё...] │ │
│ │ │
└─────────────────────┴───────────────────────────────────────────────────────┘
Индикаторы на карточке диалога
| Индикатор |
Значение |
| 🔴 Красный |
Требуется срочный ответ (ждёт >5 мин) |
| 🟢 Зелёный |
Нормальный диалог |
| 🟡 Жёлтый |
Ожидание (клиент не отвечает >10 мин) |
| 🤖 Иконка |
Бот предложил ответ, ждёт одобрения |
| ⏰ Таймер |
Время с последнего сообщения |
ЭКРАН 6: Окно диалога (режим Assistant)
Макет
┌─────────────────────────────────────────────────────────────────────────────┐
│ 💬 Иван Петров (@ivan_p) • Telegram [← К списку] │
│ Бот: Продажи | Оператор: Анна Кузнецова │
├────────────────────────────────────────┬────────────────────────────────────┤
│ ИСТОРИЯ СООБЩЕНИЙ │ КОНТЕКСТ КЛИЕНТА │
│ │ │
│ [14:30] Иван: │ 👤 Иван Петров │
│ Здравствуйте, интересует фейерверк │ Telegram: @ivan_p │
│ │ ID: 123456789 │
│ [14:31] Бот (зелёный): │ │
│ Здравствуйте! 👋 С удовольствием │ 📊 Статистика: │
│ помогу подобрать фейерверк. │ • Диалогов: 3 (первый 2 мес назад) │
│ Какой бюджет рассматриваете? │ • Заказов: 1 (на 4500₽) │
│ ✓ Отправлено Анной │ • Категория: Тёплый клиент │
│ │ │
│ [14:32] Иван: │ 📋 Теги: │
│ До 5000 рублей │ [#новый_год] [#свадьба] │
│ │ [+ Добавить тег] │
│ [14:33] Бот (зелёный): │ │
│ Отлично! У нас есть отличные варианты: │ 🎯 Текущий интерес: │
│ 1. "Праздничный" - 3500₽ │ • Бюджет: до 5000₽ │
│ 2. "Яркий вечер" - 4200₽ │ • Товар: фейерверк │
│ Могу отправить каталог? │ • Регион: Москва │
│ ✓ Отправлено Анной │ │
│ │ 📝 Заметки оператора: │
│ [14:35] Иван: │ ┌────────────────────────────────┐ │
│ Сколько стоит доставка до Москвы? │ │ Звонил на прошлой неделе, │ │
│ │ │ уточнял сроки доставки │ │
│ ┌────────────────────────────────────┐ │ └────────────────────────────────┘ │
│ │ 🤖 БОТ ПРЕДЛАГАЕТ (серый фон): │ │ [✏️ Редактировать] │
│ │ ┌──────────────────────────────┐ │ │ │
│ │ │ "Доставка до Москвы 500₽, │ │ │ 🔗 Быстрые действия: │
│ │ │ срок 2-3 дня. │ │ │ [📞 Позвонить] │
│ │ │ Бесплатно при заказе │ │ │ [📧 Email] │
│ │ │ от 10000₽." │ │ │ [🛒 Создать заказ] │
│ │ └──────────────────────────────┘ │ │ [👤 Передать другому] │
│ │ │ │ [🗑️ Закрыть диалог] │
│ │ [✅ Отправить] [✏️ Редактировать] │ │ │
│ │ [❌ Отклонить] [🔄 Переписать] │ │ │
│ └────────────────────────────────────┘ │ │
│ │ │
├────────────────────────────────────────┴────────────────────────────────────┤
│ ПАНЕЛЬ ОТВЕТА │
│ │
│ ┌─────────────────────────────────────────────────────────────────────────┐ │
│ │ Ваш ответ: │ │
│ │ [________________________________________________________________________│ │
│ │ ________________________________________________________________________│ │
│ │ ______________________________________________________] [📎] [😊] [🎨] │ │
│ │ │ │
│ │ [Отправить >] │ │
│ └─────────────────────────────────────────────────────────────────────────┘ │
│ │
│ Быстрые ответы: │
│ [📦 Отправить каталог] [📍 Уточнить адрес] [💰 Прайс-лист] │
│ [📞 Перезвоним] [👤 Передать менеджеру] │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
Действия в блоке "БОТ ПРЕДЛАГАЕТ"
| Кнопка |
Действие |
| ✅ Отправить |
Текст становится зелёным, публикуется клиенту, сохраняется как "одобрено оператором" |
| ✏️ Редактировать |
Открыть редактор, изменить текст, затем отправить |
| ❌ Отклонить |
Скрыть предложение, написать свой ответ |
| 🔄 Переписать |
Попросить бота сгенерировать новый вариант |
Визуальное отличие сообщений
| Тип |
Цвет фона |
Иконка |
| Клиент |
Белый |
👤 |
| Бот (автономно) |
Светло-синий |
🤖 |
| Бот (одобрен оператором) |
Светло-зелёный |
🤖✓ |
| Оператор напрямую |
Светло-жёлтый |
👨💼 |
| Система |
Серый |
⚙️ |
ЭКРАН 7: Каналы (Мессенджеры)
Макет
┌─────────────────────────────────────────────────────────────────────────────┐
│ 📡 Подключения к мессенджерам [+ Добавить канал] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ 🟢 Telegram Bot "Pirotehnika Sales" │ │
│ ├─────────────────────────────────────────────────────────────────────┤ │
│ │ Username: @pirotehnika_sales_bot │ │
│ │ Token: 12345678:AAAA...XXXX (скрыт) [Показать] │ │
│ │ │ │
│ │ Подключенные боты: │ │
│ │ • Продажи (по умолчанию) │ │
│ │ • Холодные лиды │ │
│ │ │ │
│ │ Статистика (24ч): │ │
│ │ • Диалогов: 47 │ │
│ │ • Сообщений: 342 │ │
│ │ • Последнее: 2 мин назад │ │
│ │ │ │
│ │ Webhook: https://yourserver.com/api/webhooks/telegram/1 │ │
│ │ Статус: ✅ Активен │ │
│ │ │ │
│ │ [⚙️ Настроить] [🔄 Пересоздать webhook] [🗑️ Отключить] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ 🟡 WhatsApp Business (+7 812 123-45-67) │ │
│ ├─────────────────────────────────────────────────────────────────────┤ │
│ │ Phone Number ID: 1234567890 │ │
│ │ Business Account ID: 9876543210 │ │
│ │ Access Token: EAAx...xxxx (скрыт) [Показать] │ │
│ │ │ │
│ │ Подключенные боты: │ │
│ │ • Продажи │ │
│ │ │ │
│ │ ⚠️ Webhook не подтверждён │ │
│ │ [Проверить подключение] │ │
│ │ │ │
│ │ [⚙️ Настроить] [🗑️ Удалить] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ 🔴 VK Community "Пиротехника SPB" │ │
│ ├─────────────────────────────────────────────────────────────────────┤ │
│ │ ⚠️ НЕ НАСТРОЕНО │ │
│ │ │ │
│ │ [Настроить подключение →] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
ЭКРАН 8: База знаний
Макет
┌─────────────────────────────────────────────────────────────────────────────┐
│ 📚 База знаний [+ Добавить] [📥 Импорт CSV] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ Категория: [Все ▼] Бот: [Все ▼] [🔍 Поиск по вопросам_____________] │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ 💰 Доставка и оплата (24 записи) [Свернуть ▲] │ │
│ ├─────────────────────────────────────────────────────────────────────┤ │
│ │ ❓ Сколько стоит доставка? │ │
│ │ 💬 Доставка зависит от региона: │ │
│ │ - Москва и МО: 500₽ │ │
│ │ - Санкт-Петербург: 400₽ │ │
│ │ - Другие регионы: от 600₽ │ │
│ │ Бесплатно при заказе от 10000₽ │ │
│ │ │ │
│ │ Ключевые слова: доставка, стоимость, цена доставки │ │
│ │ Использовано: 47 раз за неделю │ │
│ │ [✏️ Редактировать] [🗑️ Удалить] │ │
│ ├─────────────────────────────────────────────────────────────────────┤ │
│ │ ❓ Какие способы оплаты? │ │
│ │ 💬 Принимаем: │ │
│ │ • Наличные при получении │ │
│ │ • Банковские карты онлайн │ │
│ │ • Перевод на расчётный счёт (для юрлиц) │ │
│ │ │ │
│ │ Ключевые слова: оплата, способы оплаты, как оплатить │ │
│ │ Использовано: 23 раза │ │
│ │ [✏️] [🗑️] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ 🎆 Товары и ассортимент (156 записей) [Развернуть ▼]│ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ ⚠️ Возвраты и рекламации (8 записей) [Развернуть ▼]│ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
ЭКРАН 9: Аналитика
Макет
┌─────────────────────────────────────────────────────────────────────────────┐
│ 📊 Аналитика [За неделю ▼] [Экспорт] │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ ┌──────────────┐ │
│ │ 💬 Диалогов │ │ ✅ Закрыто │ │ 🎯 Конверсия │ │ ⏱️ Ср. время │ │
│ │ │ │ │ │ │ │ │ │
│ │ 1,247 │ │ 342 │ │ 27% │ │ 2.5 мин │ │
│ │ │ │ │ │ │ │ │ │
│ │ +18% ↑ │ │ +12% ↑ │ │ -3% ↓ │ │ +0.3 мин ↑ │ │
│ └──────────────┘ └──────────────┘ └──────────────┘ └──────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ 📈 Динамика диалогов │ │
│ │ │ │
│ │ 300│ ╭─╮ │ │
│ │ │ ╭─╮ ╭─╯ ╰─╮ │ │
│ │ 200│ ╭─╮ ╭──╯ ╰──╮ ╭─╯ │ │ │
│ │ │ ╭───╯ ╰──────╯ ╰─╯ │ │ │
│ │ 100│──────────╯ ╰──── │ │
│ │ │ │ │
│ │ └───────────────────────────────────────────────────────────── │ │
│ │ ПН ВТ СР ЧТ ПТ СБ ВС │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────┐ ┌──────────────────────────────┐ │
│ │ 🤖 Эффективность ботов │ │ 👥 Эффективность операторов │ │
│ ├──────────────────────────────┤ ├──────────────────────────────┤ │
│ │ 1. Продажи │ │ 1. Анна Кузнецова │ │
│ │ Диалогов: 342 │ │ Диалогов: 89 │ │
│ │ Конверсия: 45% │ │ Ср. время: 1.8 мин │ │
│ │ Одобрено: 89% │ │ Удовлетворённость: 4.7/5 │ │
│ │ │ │ │ │
│ │ 2. Холодные лиды │ │ 2. Игорь Смирнов │ │
│ │ Диалогов: 567 │ │ Диалогов: 54 │ │
│ │ Конверсия: 12% │ │ Ср. время: 3.2 мин │ │
│ │ Авто-ответов: 94% │ │ Удовлетворённость: 4.5/5 │ │
│ │ │ │ │ │
│ │ [Посмотреть все →] │ │ [Детальная статистика →] │ │
│ └──────────────────────────────┘ └──────────────────────────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ 🎯 Воронка конверсий │ │
│ │ │ │
│ │ Холодные → Тёплые → Горячие → Клиенты → Повторные │ │
│ │ 1247 342 89 45 12 │ │
│ │ 27% ↓ 26% ↓ 51% ↓ 27% ↓ │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
ЭКРАН 10: Настройки
Макет
┌─────────────────────────────────────────────────────────────────────────────┐
│ ⚙️ Настройки │
├─────────────────────────────────────────────────────────────────────────────┤
│ │
│ [⚙️ Общие] [👥 Пользователи] [🔌 Интеграции] [🔑 API] │
│ │
├─────────────────────────────────────────────────────────────────────────────┤
│ ⚙️ Общие настройки │
│ │
│ Компания │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ Название: [Пиротехника SPB_____________________________] │ │
│ │ Сайт: [https://pirotehnika.spb.ru_________________] │ │
│ │ Email: [info@pirotehnika.spb.ru___________________] │ │
│ │ Телефон: [+7 (812) 123-45-67______________________] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ Часовой пояс │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ [Europe/Moscow (UTC+3) ▼] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ Уведомления │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ ☑ Email при новом диалоге │ │
│ │ ☑ Telegram при эскалации │ │
│ │ ☐ SMS при критических событиях │ │
│ │ │ │
│ │ Telegram для уведомлений: │ │
│ │ [@admin_bot_______________] │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ Хранение данных │
│ ┌─────────────────────────────────────────────────────────────────────┐ │
│ │ Закрытые диалоги: │ │
│ │ ○ Удалять через 30 дней │ │
│ │ ○ Удалять через 90 дней │ │
│ │ ● Хранить вечно │ │
│ │ │ │
│ │ Сообщения: │ │
│ │ ● Хранить все │ │
│ │ ○ Удалять старше 1 года │ │
│ └─────────────────────────────────────────────────────────────────────┘ │
│ │
│ [💾 Сохранить изменения] │
│ │
└─────────────────────────────────────────────────────────────────────────────┘
Итоговая структура экранов
| # |
Экран |
URL |
Назначение |
| 1 |
Dashboard |
/ |
Главная с обзором |
| 2 |
Список ботов |
/bots |
Управление ботами |
| 3 |
Создание бота |
/bots/create |
Wizard создания |
| 4 |
Настройка бота |
/bots/{id}/settings |
Детальные настройки |
| 5 |
Список диалогов |
/chats |
Inbox диалогов |
| 6 |
Окно диалога |
/chats/{id} |
Переписка с клиентом |
| 7 |
Каналы |
/channels |
Мессенджеры |
| 8 |
База знаний |
/knowledge |
FAQ для ботов |
| 9 |
Аналитика |
/analytics |
Отчёты и метрики |
| 10 |
Настройки |
/settings |
Общие настройки |
Версия: 1.0.0
Автор: Claude Sonnet 4.5
Дата: 2025-12-27