mirror of
https://github.com/wasrusgen/wasrusgen1-crm.git
synced 2026-06-03 15:04:47 +00:00
feat: stage 5 full redesign — roadmap 3 horizons, 8 reco with ROI, agent tags
This commit is contained in:
wasrusgen
parent
99ac54b28b
commit
2238a56eae
@ -308,6 +308,32 @@ body{font-family:'Inter',sans-serif;background:var(--body-bg);color:var(--text);
|
||||
.del-t{font-size:14px;font-weight:700;color:var(--text)}
|
||||
.del-d{font-size:12px;color:var(--muted);line-height:1.5;flex:1}
|
||||
|
||||
/* Stage 5 — TO-BE roadmap */
|
||||
.roadmap{display:flex;flex-direction:column;gap:14px;margin-bottom:14px;flex-shrink:0}
|
||||
.rh{background:var(--white);border:1.5px solid var(--border);border-radius:14px;overflow:hidden;flex-shrink:0}
|
||||
.rh-head{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--border)}
|
||||
.rh-badge{font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;letter-spacing:.02em}
|
||||
.rh-badge.quick{background:#DCFCE7;color:#166534}
|
||||
.rh-badge.mid{background:#DBEAFE;color:#1E40AF}
|
||||
.rh-badge.strat{background:#EDE9FE;color:#5B21B6}
|
||||
.rh-title{font-size:14px;font-weight:700;color:var(--text)}
|
||||
.rh-meta{font-size:12px;color:var(--muted);margin-left:auto}
|
||||
.rh-items{padding:10px 18px 14px}
|
||||
.reco-card{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--subtle)}
|
||||
.reco-card:last-child{border-bottom:none;padding-bottom:0}
|
||||
.rc-num{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;margin-top:1px}
|
||||
.rc-body{flex:1;min-width:0}
|
||||
.rc-top{display:flex;align-items:center;gap:7px;margin-bottom:3px;flex-wrap:wrap}
|
||||
.rc-title{font-size:13px;font-weight:700;color:var(--text)}
|
||||
.rc-agent{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;white-space:nowrap}
|
||||
.rc-desc{font-size:12px;color:var(--muted);line-height:1.45;margin-bottom:5px}
|
||||
.rc-effect{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--primary);background:var(--light);border-radius:5px;padding:2px 8px}
|
||||
|
||||
.roi-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;flex-shrink:0}
|
||||
.roi-item{background:var(--white);border:1.5px solid var(--border);border-radius:12px;padding:14px;text-align:center}
|
||||
.roi-val{font-size:22px;font-weight:800;color:var(--primary);letter-spacing:-1px;margin-bottom:3px}
|
||||
.roi-lbl{font-size:11px;color:var(--muted);line-height:1.3}
|
||||
|
||||
/* Reco */
|
||||
.reco-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--subtle)}
|
||||
.reco-item:last-child{border-bottom:none}
|
||||
@ -1322,37 +1348,169 @@ body{font-family:'Inter',sans-serif;background:var(--body-bg);color:var(--text);
|
||||
<div class="hero-ic">🚀</div>
|
||||
<div class="hero-txt">
|
||||
<div class="hero-tag done-tag">Этап 5 из 5 · Готов</div>
|
||||
<div class="hero-h">TO-BE план</div>
|
||||
<div class="hero-d">8 рекомендаций с конкретными шагами, сроками и расчётом ROI. Доступны в трёх форматах.</div>
|
||||
<div class="hero-h">TO-BE план готов</div>
|
||||
<div class="hero-d">Opus 4.8 сформировал 8 рекомендаций по 7 выявленным болям. ROI рассчитан по каждой.</div>
|
||||
</div>
|
||||
<button class="btn btn-done">✓ Завершено</button>
|
||||
<button class="btn btn-done">✓ Получить план</button>
|
||||
</div>
|
||||
|
||||
<!-- ROI summary -->
|
||||
<div class="roi-summary">
|
||||
<div class="roi-item"><div class="roi-val">+22%</div><div class="roi-lbl">прирост выработки</div></div>
|
||||
<div class="roi-item"><div class="roi-val">−5%</div><div class="roi-lbl">потери ткани</div></div>
|
||||
<div class="roi-item"><div class="roi-val">+10 ч</div><div class="roi-lbl">времени директора в нед.</div></div>
|
||||
<div class="roi-item"><div class="roi-val">0</div><div class="roi-lbl">срывов производства</div></div>
|
||||
</div>
|
||||
|
||||
<!-- Roadmap -->
|
||||
<div class="roadmap">
|
||||
|
||||
<!-- Быстрые победы -->
|
||||
<div class="rh">
|
||||
<div class="rh-head">
|
||||
<span class="rh-badge quick">⚡ Быстрые победы</span>
|
||||
<span class="rh-title">Срок: 2–4 недели</span>
|
||||
<span class="rh-meta">2 задачи · без вложений</span>
|
||||
</div>
|
||||
<div class="rh-items">
|
||||
<div class="reco-card">
|
||||
<div class="rc-num" style="background:#DCFCE7;color:#166534">1</div>
|
||||
<div class="rc-body">
|
||||
<div class="rc-top">
|
||||
<span class="rc-title">Нормирование операций</span>
|
||||
<span class="rc-agent" style="background:#DCFCE7;color:#166534">🏭 Тимур</span>
|
||||
</div>
|
||||
<div class="rc-desc">Совместно с мастером зафиксировать нормы времени на каждую операцию. Оформить в таблицу — база для сдельной ЗП и планирования.</div>
|
||||
<span class="rc-effect">↑ Справедливая ЗП · конфликты −70%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reco-card">
|
||||
<div class="rc-num" style="background:#DCFCE7;color:#166534">2</div>
|
||||
<div class="rc-body">
|
||||
<div class="rc-top">
|
||||
<span class="rc-title">Аварийный запас ткани</span>
|
||||
<span class="rc-agent" style="background:#EFF6FF;color:#1E40AF">📦 Семён</span>
|
||||
</div>
|
||||
<div class="rc-desc">Установить min-остатки по топ-10 тканям. Закупочный триггер при снижении ниже нормы — автоматически в задачу кладовщику.</div>
|
||||
<span class="rc-effect">↑ Срывы производства → 0</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Среднесрочные -->
|
||||
<div class="rh">
|
||||
<div class="rh-head">
|
||||
<span class="rh-badge mid">📅 Среднесрочные</span>
|
||||
<span class="rh-title">Срок: 1–3 месяца</span>
|
||||
<span class="rh-meta">3 задачи · минимальные вложения</span>
|
||||
</div>
|
||||
<div class="rh-items">
|
||||
<div class="reco-card">
|
||||
<div class="rc-num" style="background:#DBEAFE;color:#1E40AF">3</div>
|
||||
<div class="rc-body">
|
||||
<div class="rc-top">
|
||||
<span class="rc-title">Устранить узкое место — второй закройщик</span>
|
||||
<span class="rc-agent" style="background:#DCFCE7;color:#166534">🏭 Тимур</span>
|
||||
</div>
|
||||
<div class="rc-desc">Обучить 2 опытных швеи базовому раскрою. Ротация в утренние часы — снять нагрузку с основного закройщика.</div>
|
||||
<span class="rc-effect">↑ Выработка +18% · простой −35 мин/день</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reco-card">
|
||||
<div class="rc-num" style="background:#DBEAFE;color:#1E40AF">4</div>
|
||||
<div class="rc-body">
|
||||
<div class="rc-top">
|
||||
<span class="rc-title">Зона ответственности мастера</span>
|
||||
<span class="rc-agent" style="background:#DCFCE7;color:#166534">🏭 Тимур</span>
|
||||
</div>
|
||||
<div class="rc-desc">Закрепить подчинение мастера только директору. Ввести недельный производственный план — приоритет цеха над срочными запросами продаж.</div>
|
||||
<span class="rc-effect">↑ Хаос в расписании −80%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reco-card">
|
||||
<div class="rc-num" style="background:#DBEAFE;color:#1E40AF">5</div>
|
||||
<div class="rc-body">
|
||||
<div class="rc-top">
|
||||
<span class="rc-title">Учёт материалов в системе</span>
|
||||
<span class="rc-agent" style="background:#EFF6FF;color:#1E40AF">📦 Семён</span>
|
||||
</div>
|
||||
<div class="rc-desc">Перенести учёт ткани и фурнитуры из Excel в 1С или простую БД. Автоматический расчёт остатков после каждой партии.</div>
|
||||
<span class="rc-effect">↑ Точность закупок · отходы −5%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Стратегические -->
|
||||
<div class="rh">
|
||||
<div class="rh-head">
|
||||
<span class="rh-badge strat">🎯 Стратегические</span>
|
||||
<span class="rh-title">Срок: 3–6 месяцев</span>
|
||||
<span class="rh-meta">3 задачи · системные изменения</span>
|
||||
</div>
|
||||
<div class="rh-items">
|
||||
<div class="reco-card">
|
||||
<div class="rc-num" style="background:#EDE9FE;color:#5B21B6">6</div>
|
||||
<div class="rc-body">
|
||||
<div class="rc-top">
|
||||
<span class="rc-title">Себестоимость на артикул</span>
|
||||
<span class="rc-agent" style="background:#FEF3C7;color:#92400E">💰 Фёдор</span>
|
||||
</div>
|
||||
<div class="rc-desc">Внедрить расчёт себестоимости по каждому изделию: ткань + ФОТ + накладные. Управлять маржой и отказываться от убыточных заказов.</div>
|
||||
<span class="rc-effect">↑ Маржа +7–12% · точное ценообразование</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reco-card">
|
||||
<div class="rc-num" style="background:#EDE9FE;color:#5B21B6">7</div>
|
||||
<div class="rc-body">
|
||||
<div class="rc-top">
|
||||
<span class="rc-title">Обновить регламенты и ДИ</span>
|
||||
<span class="rc-agent" style="background:#DCFCE7;color:#166534">🏭 Тимур</span>
|
||||
</div>
|
||||
<div class="rc-desc">Переписать 12 ДИ и 3 тех.регламента с учётом норм времени. Добавить раздел онбординга — новая швея выходит на нормативы в 2× быстрее.</div>
|
||||
<span class="rc-effect">↑ Онбординг ×2 быстрее · меньше брака</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reco-card">
|
||||
<div class="rc-num" style="background:#EDE9FE;color:#5B21B6">8</div>
|
||||
<div class="rc-body">
|
||||
<div class="rc-top">
|
||||
<span class="rc-title">Недельное планирование производства</span>
|
||||
<span class="rc-agent" style="background:#DCFCE7;color:#166534">🏭 Тимур</span>
|
||||
<span class="rc-agent" style="background:#EFF6FF;color:#1E40AF">📦 Семён</span>
|
||||
</div>
|
||||
<div class="rc-desc">Связать заказы, загрузку линии и закупки материалов в единый недельный план. Директор видит картину — не тушит пожары.</div>
|
||||
<span class="rc-effect">↑ Загрузка линии +15% · директор +10 ч/нед</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- /roadmap -->
|
||||
|
||||
<!-- Delivery formats -->
|
||||
<div class="del-grid">
|
||||
<div class="del-c">
|
||||
<div class="del-ic ic-pdf">📄</div>
|
||||
<div class="del-t">PDF-отчёт</div>
|
||||
<div class="del-d">Полный документ для команды и партнёров. Оргструктура, карта процессов, рекомендации с ROI.</div>
|
||||
<div class="del-d">Полный документ — AS-IS, боли, TO-BE план, ROI. 24 стр. Для команды и партнёров.</div>
|
||||
<button class="btn btn-g btn-sm" style="margin-top:auto">Скачать PDF</button>
|
||||
</div>
|
||||
<div class="del-c">
|
||||
<div class="del-ic ic-web">🌐</div>
|
||||
<div class="del-t">Интерактивный отчёт</div>
|
||||
<div class="del-d">Отдельная страница с диаграммами, картой процессов и матрицей болей.</div>
|
||||
<div class="del-d">Страница с роадмапом, диаграммами, матрицей болей и ROI-калькулятором.</div>
|
||||
<button class="btn btn-g btn-sm" style="margin-top:auto">Открыть →</button>
|
||||
</div>
|
||||
<div class="del-c">
|
||||
<div class="del-ic ic-tasks">✅</div>
|
||||
<div class="del-t">План задач</div>
|
||||
<div class="del-d">Приоритизированный список: быстрые победы (2 нед), среднесрочные (1–3 мес), стратегические.</div>
|
||||
<div class="del-t">Задачи в Notion</div>
|
||||
<div class="del-d">8 задач с ответственными, дедлайнами и KPI. Тимур, Семён, Фёдор уже назначены.</div>
|
||||
<button class="btn btn-g btn-sm" style="margin-top:auto">Открыть →</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-h">Топ-3 рекомендации</div>
|
||||
<div class="reco-item"><div class="reco-n rn1">1</div><div><div class="reco-t">Внедрить CRM для учёта заявок</div><div class="reco-m">2 недели · −35% потерь клиентов</div></div></div>
|
||||
<div class="reco-item"><div class="reco-n rn2">2</div><div><div class="reco-t">Стандартизировать процесс составления сметы</div><div class="reco-m">1 неделя · ×2 скорость сделки</div></div></div>
|
||||
<div class="reco-item"><div class="reco-n rn3">3</div><div><div class="reco-t">Делегировать оперативный контроль бригадиру</div><div class="reco-m">1 месяц · +12 ч/нед директора</div></div></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Elena bar -->
|
||||
|
||||
Loading…
Reference in New Issue
Block a user