SOLVENT: концепт панели денежного потока и симулятора «что если» для малого бизнеса

VITON¹³ делает концепты продуктов, чтобы показать, как мы подходим к программам для бизнеса, а не только к сайтам. SOLVENT — финансовый инструмент в этой серии: панель денежного потока и симулятор сценариев для владельцев небольших компаний, показанный на Kite & Co., придуманной студии дизайна и печати, где работают 14 человек, есть десять названных клиентов, четырнадцать подписок на софт и аренда. Компания, её клиенты, поставщики и все цифры выдуманы, и продукт говорит об этом на каждом экране — как и о том, что он не даёт финансовых рекомендаций.

Задачу мы поставили себе из двух частей. Ответить на три вопроса, которые владелец задаёт себе перед зарплатой (сколько денег, на сколько их хватит и что будет, если нанять людей, поднять цены или потерять крупнейшего клиента), на одном экране — и с определением каждой цифры прямо на странице. И сделать так, чтобы решение было дёшево примерить: что-то меняешь — и видишь, как сразу сдвигаются следующие 18 месяцев и какая часть разницы приходится на каждое изменение.

Сводка открывается деньгами сегодня ($148,210 — остаток на расчётном счёте на конец дня), запасом хода (14,8 месяца — время до дня, когда прогнозный остаток на конец дня впервые уйдёт ниже нуля) и чистым потоком месяца. Один график несёт 12 месяцев фактического остатка и 18 месяцев прогноза: остаток по дням, кривую на конец месяца, 80-процентный коридор по собственной ошибке модели на прошлых месяцах, резерв, нулевую линию, штриховку там, где деньги ниже резерва, самую низкую точку и день, когда деньги закончатся. Ниже — ближайшие 30 дней полосой поступлений и расходов, крупнейшие платежи в обе стороны, предупреждения из прогноза, доля выручки каждого клиента и короткий глоссарий.

В симуляторе «что если» восемь рычагов (нанять людей, поднять цены, потерять крупнейшего клиента, выиграть новый ретейнер, переехать в офис побольше, клиенты платят позже, урезать софт или отменить подписки, взять кредит), у каждого свои настройки и месяц начала, и девять готовых сценариев. Любое изменение сразу пересчитывает прогноз: четыре главные цифры прокручиваются к новым значениям, кривая перетекает, а базовый сценарий остаётся пунктирной тенью, и «водопад» показывает, сколько каждый рычаг добавляет к деньгам на конец горизонта или отнимает от них. Сценарии можно сохранять, переименовывать и загружать, резерв можно менять, а «Сравнение» накладывает любые два сценария друг на друга с таблицей разниц и выводом в одну строку. На телефоне рычаги живут в выдвижной панели снизу.

Вокруг симулятора — всё остальное, что нужно финансовому инструменту. «Счета» показывают дебиторку по срокам просрочки, среднее время до оплаты и фильтры; кнопка напоминания готовит черновик письма по шаблонам, выбранному тону и платёжным привычкам клиента, а отметка об оплате сразу меняет деньги, запас хода и минимум на 30 дней по всему приложению — с отменой. В «Расходах» есть карта-мозаика, тренды за 12 месяцев, аномалии вроде роста расходов на софт на 38 % после трёх новых подписок, 90 дней операций, разложенных по категориям правилами с оценкой уверенности, и подписки с переключателем «А если отменить?», который попадает в сценарий. P&L даёт помесячный отчёт и годовой вид. «Спросить Solvent» (/ или ⌘K) отвечает на 15 видов вопросов на английском и русском из того же движка и одним нажатием применяет сценарий. Выгрузка сохраняет сценарий в CSV и одностраничный PDF.

Учёт Kite & Co. генерируется детерминированно: у каждого календарного месяца своё зерно, поэтому записи месяца не меняются, когда сдвигается «сегодня», а остаток привязан к $148,210 на 28 сентября 2026 года. Два года истории — это счета по каждому клиенту с его обычной задержкой оплаты, зарплата 10-го и 25-го числа, аренда, подписки, фрилансеры и расходы на печать, которые следуют за объёмом работы, квартальный налог, сезонность и рост. Прогноз строится из тех же факторов без шума: открытые счета приходят в обычный для клиента день оплаты, а каждый рычаг правит события с датами. Рычаги учитываются по очереди, поэтому «водопад» в сумме ровно равен сценарию минус базовый. Собственные тесты проекта проверяют эту сумму, определение запаса хода, перенос остатков, тождество каждого рычага, детерминированность и ответы ассистента — всего 1927 проверок.

Приложение написано на обычных JavaScript-модулях и собрано esbuild в статическую папку с относительными ссылками; в портфолио оно живёт по адресу /demos/solvent/. Графики — наши, на SVG, выгрузка в CSV — наша (UTF-8 с меткой порядка байтов, а для русского языка — точка с запятой и десятичная запятая, чтобы таблица открывалась без плясок), а PDF рисуется на canvas и упаковывается минимальным модулем PDF 1.4, который мы написали сами: ни одной библиотеки графиков, интерфейса или PDF. Дизайн — финансовая газета на тёплой бумаге: Noto Serif Display в заголовках, Inter Tight в тексте, JetBrains Mono в цифрах, все шрифты на своём сервере, плюс ночной выпуск. Интерфейс на английском и русском, суммы — в долларах или рублях по фиксированному демо-курсу 90 рублей за доллар, заставка длится не больше трёх секунд и пропускается, а для тех, кто просит меньше анимации, движение становится спокойным.

Сейчас это работающий концепт по адресу tarasovvitalii.com/demos/solvent/: шесть разделов (сводка, «что если», сравнение, счета, расходы и P&L), «Спросить Solvent» и выгрузки, собранные 28 сентября 2026 года. В тот же день тесты проекта прошли все 1927 проверок. В Chrome в headless-режиме мы открыли каждый раздел на английском при ширине 1440 px и на русском на телефоне шириной 390 px, применили готовый сценарий, отметили счёт оплаченным (деньги в шапке сменились с $148,210 на $151,500), задали вопрос и скачали CSV и PDF — под боевой политикой безопасности контента портфолио: ни одной ошибки в консоли, ни одного нарушения политики, ни горизонтальной прокрутки, ни одного запроса к другим серверам.

Весь JavaScript — 11 файлов и 220 КБ, в gzip — 72 КБ; вся папка со шрифтами — 0,65 МБ. На живом адресе Lighthouse 13.5 (по пять прогонов на устройство, медианы, на MacBook с load average 3–9) показал производительность 81 на телефоне и 98 на компьютере, доступность и лучшие практики — 100 на обоих, а при загрузке страница передаёт 0,47 МБ. Перед замерами мы исправили в приложении три вещи: подвал, который прыгал при загрузке, график и кнопку без доступного имени и переключатели меньше 24 px на телефоне.

SOLVENT — концепт, который VITON¹³ сделал, чтобы показать широту своих возможностей; это не заказной продукт. Kite & Co., её клиенты, поставщики, сотрудники и все цифры вымышлены и генерируются в браузере: нет ни заказчика, ни пользователей, ни подключённого банка, ни трафика, ни выручки, и в демо ничего не продаётся. Это не финансовая рекомендация: прогноз — простая модель, которая считает спрос ровным сверх сезонности и не теряет клиентов при повышении цен, а её 80-процентный коридор описывает собственную ошибку модели на выдуманных данных.

«Спросить Solvent» и черновики напоминаний — демо-ИИ: правила и статистика в браузере, а не языковая модель, и ни одно напоминание никуда не отправляется. 1927 проверок доказывают, что математика согласуется со своими определениями, но не то, что прогноз окажется верным для настоящего бизнеса. Каждая цифра — лабораторный замер в Chrome в headless-режиме на одном компьютере в один день, а Lighthouse работал на живом адресе с имитацией телефона, а не на настоящих устройствах. Настоящей версии ещё понадобятся банковские выписки, связь с бухгалтерией, учётные записи и роли, шифрованное хранение и проверка финансистами.

Как проверить портфолио веб-студии →