«Сколько мы заработали в марте?»
Суммы в блокноте, оплаты в таблице, скидки в переписке. Три источника дают три разные цифры, и ни одна не сходится с выпиской.
dashboard · продажи · план и факт
Дашборд продаж: выручка, средний чек и конверсия без аналитика
Цифры есть, но собраны в трёх местах: блокнот, таблица, переписка. Напишите боту «старт», заберите 5 000 000 токенов и соберите панель продаж по своим записям.
- 5 000 000 токенов
- 7 шагов
- один HTML-файл
- данные у вас
панель · продажи
период · 6 месяцев
выручка1 284 000 ₽↑ 9,4% к прошлому
продаж174↑ 6 к прошлому
средний чек7 379 ₽↓ 1,8% к прошлому
конверсия24,8%план · 26,0%
план / факт по месяцамянв — июн
планфакт
оплата · заказ 1042 · 42 000 ₽закрыт
счёт · заказ 1051 · 18 500 ₽ждёт оплаты
пример вёрстки · суммы условныебез кнопки «обновить»
Утро понедельника начинается с трёх вопросов без ответа
до дашбордаСредний чек считали наспех
Делите выручку на число строк и получаете число, которому не верите: часть продаж без суммы, часть вместе с доставкой.
Конверсия жила в чате
Заявки в переписке, деньги в тетради, между ними неделя переговоров. Сколько обращений стало продажами, не знал никто.
Что появится на экране после сборки
6 модулейБот спросит, чем вы торгуете и какие цифры важны, и соберёт панель под ответы.
01 / kpi
KPI-карточки
Выручка, число продаж, средний чек и конверсия за период — с отклонением от прошлого, чтобы видеть направление.
02 / график
График по месяцам
План и факт стоят рядом: сезонный провал и удачный месяц видны сразу.
03 / контроль
План и факт
Плотная таблица по месяцам и категориям: план, факт, отклонение, статус точкой.
04 / структура
Категории
Группы товаров с выручкой и долей: видно, что тянет результат.
05 / операции
Список операций
Каждая продажа строкой: дата, клиент, сумма, категория, статус. Фильтры и правка в пару кликов.
06 / импорт
Импорт CSV
Выгрузка из банка или старой таблицы — с предпросмотром и списком ошибок.
Таблица план/факт отвечает на вопрос «сколько именно»
пример экранаГрафик показывает форму, таблица — точные числа. Отклонение считается само, статус помечен точкой.
| Месяц | План, ₽ | Факт, ₽ | Отклонение | Статус |
|---|---|---|---|---|
| Январь | 980 000 | 941 500 | −3,9% | ниже плана |
| Февраль | 1 020 000 | 1 074 200 | +5,3% | выполнен |
| Март | 1 150 000 | 1 118 900 | −2,7% | ниже плана |
| Апрель | 1 200 000 | 1 246 300 | +3,9% | выполнен |
| Май | 1 320 000 | 1 337 800 | +1,3% | в работе |
| Июнь | 1 410 000 | 1 284 000 | −8,9% | ниже плана |
фрагмент макета · суммы условные, в приложении подставятся ваши
Сколько это стоит
три путиЗадача одна, путей три. Разница не только в деньгах, но и в том, кому достаётся результат.
| Нанять разработчикапод ключ | Купить подпискучужой сервис | Собрать самомупо этой инструкции |
|---|---|---|
| деньгиДесятки тысяч рублей ещё до первой версии. срокНедели переписки и согласований. правкиНовая смета и новая очередь. кому принадлежитПодрядчику, доступ к коду — отдельно. | деньгиЕжемесячный платёж за чужой сервис. срокДень на регистрацию, данные у вендора. правкиТолько то, что есть в тарифе. кому принадлежитСервису, выгрузка ограничена планом. | деньги5 000 000 токенов бесплатно, без платежей. срокОдин вечер: семь шагов и ответы боту. правкиСловами в чате, без доплат. кому принадлежитВам: HTML-файл на вашем диске. |
Пять причин собрать самому
- 01
Экономия
Нет счёта за первую версию и доплат за следующие. Токены бот выдаёт бесплатно.
- 02
Приложение ваше
Один файл на диске: чтобы открыть свои цифры, не нужно продлевать доступ.
- 03
Правки словами
Другой период или новая категория — написали боту, он поменял файл.
- 04
Без ожидания
Пока подрядчик отвечает, вы уже проверили новую версию.
- 05
Нет лимитов тарифа
Импорт, график и операции не спрятаны за дорогим планом.
Семь шагов: от установки до готового файла
инструкцияМежду шагами — только кнопки и промпт с этой страницы. Жёлтые подсказки показывают, куда нажимать.
01
Приложение установлено
Ссылку на установку бот прислал после слова «старт». Откройте ярлык на рабочем столе.
02
Нажмите «Открыть веб-интерфейс»
На стартовом экране нажмите «Открыть веб-интерфейс» — приложение откроется в браузере.
03
Нажмите «Создать проект»
В списке «Ваши проекты» нажмите «Создать проект». Каждый проект — отдельная папка.
04
Впишите название и нажмите «Создать проект»
Впишите название, например «Дашборд: продажи», и нажмите «Создать проект».
05
Вставьте промпт в поле сообщения
Скопируйте промпт с этой страницы кнопкой «Скопировать промпт» и вставьте через Ctrl+V в поле сообщения.
06
Нажмите «Отправить» ↑
Отправьте кнопкой «Отправить» ↑ или клавишей Enter. Вставлять промпт нужно целиком.
07
Ответьте на 8–15 вопросов
Ответьте на 8–15 вопросов бота — и получите готовый HTML-файл приложения.
Промпт для сборки дашборда продаж
копировать целикомСкопируйте текст кнопкой ниже и вставьте в поле сообщения целиком: сущности, статусы и экраны уже внутри.
Ты — senior product designer и frontend-разработчик.
Задай мне 8–15 простых вопросов: что я продаю, сколько заказов в месяц, категории, откуда беру цифры, какой период сравниваю, нужен ли план. Потом собери приложение «Дашборд: продажи» одним HTML-файлом: вёрстка, стили и скрипты внутри, без внешних библиотек.
Сущности: операция (дата, клиент, сумма, тип, категория, комментарий), категория, план на месяц, период.
Статусы: план → факт → отклонение в рублях и процентах, статус точкой и подписью.
Экраны:
1. Дашборд: KPI «выручка», «продажи», «средний чек», «конверсия» за период и сравнение с прошлым.
2. График по месяцам: план и факт рядом, подписи значений.
3. Таблица план/факт: месяцы и категории, колонки план, факт, отклонение, статус.
4. Список операций: плотная таблица с фильтрами, добавление и правка в модальном окне.
5. Импорт CSV: выбор файла, сопоставление колонок, предпросмотр, ошибки.
Данные — в localStorage, при первом запуске демо за 6 месяцев. Русский интерфейс, рубли, тёмная тема, плотные таблицы, моноширинные подписи, адаптивность от 360 пикселей, пустые состояния с подсказкой. Без заглушек и внешних запросов. В конце отдай готовый HTML-файл.Вопросы, которые задают чаще всего
faqУ меня всё в блокноте. С чего начать ввод, чтобы дашборд не врал?
Занесите операции за последний месяц: дата, клиент, сумма, категория, тип. В списке есть кнопка добавления; начните с десяти продаж — карточки и график соберутся сами.
Можно ли затащить старую выгрузку из банка или из Excel?
Да, есть импорт CSV: выберите файл, укажите колонки даты, суммы и назначения, проверьте предпросмотр и подтвердите. Ошибочные строки покажутся с причиной.
Там будут графики или только сухие строки с числами?
График рисует план и факт столбиками рядом, а таблица под ним даёт точные суммы и отклонение. Видно и динамику, и сколько не хватило.
Нужно ли что-то нажимать, чтобы отчёт обновился после новой продажи?
Нет. Сохранили операцию — карточки, график и таблица пересчитались. Исправили сумму — отклонение изменилось. Кнопки «Пересчитать» нет.
Кто-нибудь ещё увидит мои суммы и названия категорий?
Нет. Приложение — файл на вашем компьютере, записи в памяти браузера, а не в облаке. Отчёт коллеге передаётся вручную.
Откроется ли дашборд с телефона, если нужно посмотреть цифры в дороге?
Да, вёрстка рассчитана на экран от 360 пикселей: карточки встают в столбец, таблица прокручивается. Проверить выручку с телефона можно, вносить операции удобнее с ноутбука.
Соберите панель продаж сегодня вечером
Один файл, семь шагов и ответы боту. Утром — таблица, по которой видно, где вырос чек и что просело.
Начать в боте 5 000 000 токенов · ссылка на установку после слова «старт»