Лендинг корпоративного мессенджера с голосовым AI-ассистентом: кейс Tolki

Когда Microsoft Teams, Slack и Zoom свернули работу в России, после них осталась дыра размером в 15+ млрд рублей — и она продолжает расти на 25–30% в год. Тысячи компаний в один момент остались без привычной среды для чатов, видеозвонков, задач и календаря. Спрос есть, платить готовы, а зрелого отечественного продукта, который закрывал бы всё сразу, на рынке почти нет.

Именно в эту нишу целится Tolki — российская платформа корпоративных коммуникаций: чаты, видеозвонки с записью, задачи прямо из сообщений, календарь и динамические треды в одной защищённой среде. Полноценная замена ушедшим западным сервисам.

Мне досталась не одна задача, а вся вертикаль вокруг продукта: инвестиционный пакет под привлечение денег, презентация для переговоров и продуктовый лендинг с главной фишкой — голосовым AI-ассистентом, который отвечает голосом, а не текстом в чат‑виджете. Ниже — разбор всех трёх слоёв, честный список того, что я бы сделал иначе, и отдельная история о том, как в новой версии закрыли главный технический компромисс первой.

Важное обновление: код лендинга теперь открыт — github.com/ircitdev/Tolki-2026, релиз v1.0.0. Раньше исходников в публичном доступе не было. Открытый код — это дополнительный уровень доверия: любой может убедиться, что за красивыми словами стоит рабочая реализация, а не заглушка.

Слой 1. Инвестиционный пакет под Seed-раунд

Прежде чем рисовать первый экран лендинга, нужно ответить на простой вопрос: что именно продаём, кому и за сколько. Без этого лендинг — красивая картинка без опоры.

Я собрал полный пакет документов для Seed-раунда — пять самостоятельных материалов, каждый под свою аудиторию и свой этап переговоров с инвестором.

flowchart LR
    A["Executive Summary<br/>первый контакт"] --> B["Бизнес-план<br/>14 разделов"]
    B --> C["Финмодель<br/>P&amp;L, Cash Flow, сценарии"]
    C --> D["Due Diligence<br/>data room"]
    D --> E["Term Sheet<br/>условия сделки"]

    style A fill:#376cfb,color:#fff,stroke:none
    style E fill:#ff851b,color:#000,stroke:none

Документ	Зачем он	Что внутри
Executive Summary	Питч на две минуты	Проблема, решение, метрики, запрос
Бизнес‑план	Глубокое погружение	Объём рынка, конкуренты, риски, стратегия выхода
Финансовая модель	Проверка цифр	Девять листов: от вводных допущений до сценариев
Due Diligence	Подготовка к проверке	Юридическая, финансовая и техническая документация
Term Sheet	Фиксация условий	Оценка, доля, права инвестора, контрольные точки

Сколько денег на самом деле в этой нише

Первое, что спрашивает инвестор: рынок вообще большой? Ответ раскладывается на три круга, от самого широкого к реалистичному.

Что считаем	Сумма	О чём речь
Весь рынок	45–50 млрд ₽	Все корпоративные коммуникации в стране
Доступный сегмент	15–18 млрд ₽	Та часть, которую Tolki реально может обслужить
Реалистичная доля	1,5–2 млрд ₽	Что можно занять за три года

Разница между этими цифрами — и есть честность. Легко назвать «рынок на 50 миллиардов» и умолчать, что твоя достижимая доля в тридцать раз меньше. Инвестор такой трюк видит насквозь, поэтому все три круга названы прямо.

Контринтуитивный вывод, который определил продукт

Сегментация дала неочевидный результат, и именно он развернул продуктовые приоритеты. Малый бизнес — это большинство компаний на рынке, но меньшая часть денег. Основная выручка сидит в среднем сегменте: компаний там кратно меньше, а платят они заметно больше.

Отсюда стратегия, которая на первый взгляд противоречит здравому смыслу: заходить надо через малый бизнес — там низкий порог входа и быстрые сделки, — а зарабатывать на среднем. Малый бизнес становится не источником прибыли, а входной точкой и витриной. Такой вывод невозможно придумать за столом — он вытекает прямо из цифр, и в этом ценность исследования.

Честный конкурентный анализ

Западные игроки ушли, но пустота не абсолютна — на рынке есть свои. Я сравнил Tolki с пятью отечественными решениями по функциям, безопасности, интеграциям, мобильности и цене. И вот принципиальный момент: где‑то Tolki уступает, и это записано прямо. По цене, например, он проигрывает решению, которое бесплатно для образования.

Признать чужое преимущество в инвестиционном документе полезнее, чем нарисовать себе пять звёзд в каждой строке. Инвестор всё равно проверит — а если поймает на одном приукрашивании, перестанет верить всей остальной таблице. Честная слабая строчка работает на доверие сильнее, чем десять сильных.

Карта рисков с готовыми ответами

Опытный инвестор открывает бизнес‑план с конца: сначала риски, потом цифры. Поэтому каждый риск идёт не как формальная отписка, а в связке с митигацией — что мы будем делать, если он выстрелит.

Риск	Насколько серьёзен	Что противопоставляем
Возвращение западного лидера или новый сильный игрок	Высокий	Ставка на то, что иностранец не повторит: соответствие 152-ФЗ, требования ФСТЭК, интеграция с 1С
Уход ключевых людей команды	Высокий	Доли в компании и конкурентные условия
Сбои и проблемы с масштабированием	Высокий	Резервирование и круглосуточный мониторинг
Ужесточение требований к безопасности	Средний	Соответствие на опережение, а не вдогонку
Спад экономики и урезание IT-бюджетов	Средний	Упор на окупаемость и гибкие цены

Три сценария выхода: инвестор покупает выход, а не продукт

Инвестор вкладывает деньги не в мессенджер, а в возможность выйти из него с прибылью. Поэтому в пакете — три сценария выхода с разным горизонтом.

flowchart TD
    S["Seed 25–30 млн ₽<br/>сегодня"] --> A["Раунд A<br/>80–120 млн ₽"]
    A --> SEC["Частичная продажа доли<br/>2027–2028"]
    A --> SS["Продажа стратегу<br/>2028–2029<br/>2–4 млрд ₽"]
    A --> IPO["Выход на биржу<br/>2029–2030<br/>3–6 млрд ₽"]

    style S fill:#ff851b,color:#000,stroke:none
    style IPO fill:#376cfb,color:#fff,stroke:none
    style SS fill:#376cfb,color:#fff,stroke:none

Возврат для инвестора Seed-раунда получается в диапазоне от 10 до 35 раз — в зависимости от того, по какому сценарию пойдёт проект. Консервативный расчёт даёт десятикратный возврат, оптимистичный — тридцатипятикратный. Диапазон честный: не одна красивая цифра, а вилка, внутри которой видна и осторожная, и амбициозная граница.

Цифры, вокруг которых всё строилось

• Прогноз выручки: 10 млн ₽ (2025) → 60 млн ₽ (2026) → 230 млн ₽ (2027).
• Unit-экономика: маржинальность 80–85%, отношение пожизненной ценности клиента к стоимости его привлечения — 4–6x, отток 2–5%.
• Запрос: 25–30 млн ₽ за 15–20% доли, запаса денег хватает на 12–18 месяцев.

Отдельно интересна эволюция цены. В финмодели закладывались тарифы 250/450/750 ₽ за пользователя. Но на лендинге в итоге появился тариф «Бизнес» за 199 ₽ — агрессивнее, чем планировалось. Причина проста: цена стала главным аргументом против западных аналогов, где за одного сотрудника платят примерно 600–900 ₽. Разница между планом и лендингом — это не ошибка модели, а след реального разговора с рынком. Об этом ещё скажу ниже — это ключевой рычаг всей продажи.

Слой 2. Презентация: 22 слайда как снятие возражений

Если инвестпакет отвечает на вопрос «сколько это стоит», то презентация отвечает на «зачем это нужно». Двадцать два слайда для встреч с инвесторами и корпоративными клиентами, и построены они не как каталог функций, а как последовательное снятие возражений. Каждый слайд отвечает на вопрос, который возникает у слушателя после предыдущего.

flowchart TD
    A["Проблема<br/>4 боли корпоративных коммуникаций"] --> B["Что такое Tolki"]
    B --> C["Функции<br/>задачи, редактор, треды, звонки, поиск"]
    C --> D["Антисанкционный продукт<br/>снимаем страх «а не отключат ли»"]
    D --> E["Сравнение<br/>26 параметров против конкурентов"]
    E --> F["Отрасли и кейсы<br/>примерка на себя"]
    F --> G["Безопасность и интеграции"]
    G --> I["Тарифы → призыв к действию"]

    style A fill:#ff851b,color:#000,stroke:none
    style I fill:#376cfb,color:#fff,stroke:none

Сначала слушателю показывают его собственную боль: нет единого инструмента, доступы разбросаны, безопасность хромает, личное общение смешивается с рабочим. Только после этого — продукт. Отдельно стоят два слайда подряд про «а не отключат ли нас завтра» — это самый тяжёлый невысказанный вопрос корпоративного заказчика, и на нём намеренно задерживаются.

Слайд, который делает всю работу

Центральный слайд — сравнение на 26 параметров в четырёх колонках: Tolki и три конкурента. Здесь работают две детали, и обе стоит взять на заметку.

Первая — приём со сноской. У одного из конкурентов мелким шрифтом стоит пометка «не является корпоративным чатом». Одна строчка выбивает конкурента из самой категории — с ним больше не нужно спорить по функциям, он просто играет в другой лиге. Это чище, чем любой спор по галочкам.

Вторая — колонки заполнены честно. Там, где у конкурента есть функция, галочка стоит. Преимущество Tolki проступает не из подрисованных прочерков, а из плотности: автоудаление сообщений, треды со звонками, поиск по тексту вложений, режим невидимки. Таблица не убеждает — она даёт убедиться самому, и это гораздо сильнее.

Дизайн‑язык: цвет как разметка

Вся визуальная система держится на трёх приёмах:

• Оранжевый маркер — для заголовков разделов: «о чём этот слайд».
• Зелёный маркер — для выгод и ключевых утверждений: «что мне с этого».
• Чёрно‑белые иллюстрации на фоне — они никогда не спорят с содержанием.

Цвет работает как разметка: глаз мгновенно отделяет тему слайда от выгоды. Фон намеренно обесцвечен — единственные цветные объекты на слайде это логотип, маркеры и скриншоты продукта. Ничто не отвлекает от сути.

Нюанс тона: смелый слайд против Slack

Один слайд выбивается из общего ряда: он прямо и жёстко противопоставляет продукт западному конкуренту — вплоть до логотипа Slack в мусорном ведре. Для инвесторского зала это читается как энергия и уверенность. Для презентации в банке — как неоправданный риск и дурной тон.

Моя рекомендация здесь — держать две версии колоды: смелую для инвесторов и сдержанную для консервативных заказчиков. Цена ошибки несимметрична: смелый слайд добавляет немного азарта, а неуместный отнимает много доверия. Разумнее подстраховаться, чем ставить весь разговор на один резкий образ.

Лендинг унаследовал структуру у презентации

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

Но интереснее другое: лендинг наследует у презентации не только контент, но и структуру. Секция «Почему выбирают Tolki» — это слайд с преимуществами. Слайдер функций — блок функций из колоды. Окно сравнения — тот самый слайд на 26 параметров. Сайт получился развёрткой презентации в веб, и это сэкономило целый цикл продумывания структуры. Один раз выстроенная логика сработала дважды.

Слой 3. Продуктовый лендинг

Третий слой — сам сайт. Ставка была на минимум лишнего и максимум контроля: быстрый, лёгкий, без раздутых библиотек.

flowchart TD
    P["Прелоадер<br/>прогресс 0→100%"] --> H["Первый экран<br/>видео + анимация"]
    H --> PR["Презентация → PDF"]
    PR --> W["6 преимуществ"]
    W --> F["Слайдер функций<br/>5 вкладок"]
    F --> T["Тарифы"]
    T --> Q["FAQ"]
    Q --> CTA["Заявка"]

    FAB["Голосовой ассистент"] -.->|поверх всего| H

    style FAB fill:#ff851b,color:#000,stroke:none
    style T fill:#000c24,color:#fff,stroke:none

Итоговый вес страницы — 278 КБ кода плюс пара килобайт стилей, а в сжатом виде, в котором сервер отдаёт файлы, — всего около 82 КБ. Для сайта с фоновым видео, анимированными частицами и живым голосовым ассистентом это очень мало: страница открывается почти мгновенно даже на слабом интернете. И зависимостей в проекте всего две — как удалось так ужаться, разберу ниже, в разделах про производительность и про ключи.

Главное: голосовой AI-ассистент реального времени

В правом нижнем углу лендинга — оранжевая кнопка с микрофоном. Нажатие открывает панель «Tolki AI», и дальше начинается самое интересное: вы говорите голосом — модель отвечает голосом.

Это принципиально не тот чат‑виджет, к которому все привыкли. Здесь нет поля ввода, кнопки «отправить» и мигающего курсора. Вы просто говорите вслух, как живому консультанту, и слышите ответ. Ассистент понимает вопрос, отвечает по делу и звучит как собеседник, а не как бот из скрипта.

Для лендинга это редкая фича. На большинстве сайтов «AI-помощник» — это текстовое окошко, в которое лень что‑то печатать. Голос убирает трение полностью: сказать вслух проще, чем набирать, а живой ответ вызывает совсем другой уровень доверия к продукту.

Как заставили ассистента не переспрашивать

Первая версия работала плохо — но поучительно. На вопрос «Какие тарифы?» она отвечала «Уточните, тарифы чего?». Модель вела себя как универсальный помощник: она не знала, что находится на сайте мессенджера, и на всякий случай переспрашивала. Для живого голосового диалога это провал — человек чувствует, что говорит с пустотой.

Решение — жёстко привязать ассистента к контексту на двух уровнях:

1. Постоянная инструкция. Модель заранее получает описание всех трёх тарифов, прямое правило «никогда не переспрашивай про тарифы», список запретных тем (например, вопросы про банки и операторов связи, к продукту не относящиеся) и готовый пример правильного ответа.
2. Первое сообщение в начале разговора. Как только соединение установлено, модель получает напоминание о своей роли ещё до того, как услышит первое слово пользователя. Она уже «в образе» к моменту вопроса.

Плюс язык ассистента переключается вместе с языком сайта: выбрали английский — и интерфейс, и голос отвечают на английском. Одно движение меняет весь опыт.

Как звук ходит туда и обратно

Техническая часть — обзорно, для понимания масштаба. Микрофон в браузере, интерфейс сайта и модель говорят на трёх разных «звуковых форматах». Задача — на лету перекодировать поток в обе стороны так, чтобы диалог оставался живым и без задержек.

sequenceDiagram
    participant M as Микрофон
    participant B as Браузер
    participant AI as Голосовая модель
    participant S as Динамик

    M->>B: голос пользователя
    B->>B: перекодировать поток
    B->>AI: отправить в реальном времени
    AI-->>B: голосовой ответ чанками
    B->>S: собрать без наложений и воспроизвести

Две вещи здесь важны для качества. Первая — корректная перекодировка звука, чтобы на громких пиках голос не хрипел и не срывался. Вторая — сборка ответа: модель отвечает не целиком, а короткими кусочками, и их нужно выстроить встык, иначе фразы наезжают друг на друга и превращаются в кашу. Плюс приятная мелочь: пока вы говорите, вокруг иконки микрофона пульсирует свечение по громкости — простая обратная связь «тебя слышно», сделанная без единой лишней библиотеки.

Фишки лендинга

Голос — сердце страницы, но вокруг него собрана классическая продающая механика.

Слайдер возможностей

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

Тарифы и якорь на 199 ₽

Тарифов три. Карточка «Бизнес» физически приподнята над соседними и обведена свечением — классический приём: глаз сам цепляется за неё как за рекомендованный вариант. Фон секции — живая анимация из «звёзд», соединяющихся линиями при сближении, но она ничего не весит и не тормозит страницу.

Сравнение, где цена стоит последней

Сравнение с «другими мессенджерами» вынесено в отдельное окно. И здесь важен порядок строк. Строка про цену — 199 ₽ против ~600–900 ₽ у западных аналогов — стоит в самом конце таблицы. Это не случайность: пользователь сначала соглашается с тем, что по функциям Tolki не уступает, а уже потом видит, что стоит он в несколько раз дешевле. К моменту, когда он доходит до цены, он уже почти убеждён — и цифра добивает.

Кнопка «Внедрить Tolki» тут же закрывает сравнение и сразу открывает форму заявки. Человек переходит из состояния «убедился» в состояние «оставил контакт» без паузы, в которой мог бы передумать.

Пять локалей и тёмная тема

Сайт говорит на пяти локалях: Россия, Беларусь, Армения, Казахстан и английский. Причём флаги переключают именно страну, а не всегда язык: для Беларуси, Армении и Казахстана интерфейс остаётся русским — потому что русский там остаётся рабочим языком корпоративных коммуникаций. Флаг важен для доверия местного клиента, а язык — уже вторично. Это не недоработка, а сознательное решение.

Есть и полноценная тёмная тема — не косметическая инверсия, а отдельно продуманный вид, без белых вспышек при прокрутке на телефоне. Отдельно проработана мобильная версия: своё вертикальное фоновое видео, полноэкранное меню и удобное переключение языка снизу.

Производительность: браузер вместо библиотек

Отдельная гордость кейса — вес страницы. Секрет в том, что почти всё, ради чего обычно тянут тяжёлые библиотеки, современный браузер умеет сам. Мы этим и воспользовались.

Задача	Чем сделано	Вес
Анимации появления блоков	Встроенные средства браузера	0 КБ
Частицы и «звёзды» на фоне	Родная графика браузера	0 КБ
Ленивая загрузка картинок	Атрибуты разметки	0 КБ
Параллакс на первом экране	Реакция на движение мыши	0 КБ
Плавная прокрутка	Встроенная в браузер	0 КБ

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

Даже прелоадер сделан честно: полоска прогресса бежит быстро в начале и замедляется к концу — так загрузка ощущается настоящей, а не фальшивой. И жёсткий предохранитель на полторы секунды гарантирует, что человек попадёт на сайт независимо от скорости его интернета.

Отладка: почему ассистент молчал

Отдельная история, которая хорошо показывает, как устроена работа с живыми AI-сервисами. В какой‑то момент голосовой ассистент завис на статусе «Подключение…» и перестал отвечать. Виноватым оказался не код.

Вместо того чтобы часами копаться в интерфейсе, я проверил самый нижний слой — ключ доступа к модели — отдельным запросом, мимо всего сайта. Ключ оказался мёртв. Рядом при этом лежал другой ключ, в непривычном новом формате, — вот он и был рабочим. Затем я убедился, что вся голосовая цепочка живая, подключившись к модели напрямую в обход интерфейса: она отвечала и присылала звук. Значит, проблема ровно в ключе, а не в модели, коде или настройке. Замена ключа вернула ассистента к жизни.

Мораль простая и полезная для любого, кто внедряет AI: когда «ничего не работает», сначала проверяйте самый нижний слой отдельно. Диагностика через интерфейс заняла бы часы; прямой запрос к сервису дал ответ за минуту. И ещё: провайдеры AI периодически меняют форматы ключей и убирают старые модели без предупреждения — за живым сервисом нужен присмотр, а не разовая настройка «и забыли».

Как убрали ключи из браузера: работа над ошибкой

Это самая сильная история обновлённого кейса — потому что она честная. В первой версии был компромисс, и вот как его закрыли.

Как было. Ключ голосовой модели и токен бота лежали прямо в коде страницы. Любой, кто откроет исходный код сайта, мог их найти — и тратить чужую квоту или писать в чужой чат. Это был сознательный размен ради скорости запуска статичного лендинга без сервера. Для демо приемлемо, для боевого продукта — нет.

Почему «ограничить ключ доменом» не спасает. Первая мысль у большинства — привязать ключ к своему сайту, чтобы с чужих он не работал. Ошибка распространённая, поэтому объясню, почему это не решение.

Такая защита опирается на то, что браузер честно сообщает адрес сайта, с которого пришёл запрос. Но тот, кто украл ключ из кода, не будет пользоваться браузером — он обратится к сервису напрямую, из простого скрипта на своём компьютере, и подставит любой адрес, какой захочет. Привязка к домену мешает вставить ваш ключ на чужой сайт, но никак не мешает пользоваться им напрямую. А злоумышленнику именно это и нужно.

Вывод жёсткий и единственно верный: ключ вообще не должен попадать в браузер. Никакая настройка не спасёт секрет, который вы сами отдали пользователю в руки.

Как стало. Между сайтом и AI-сервисом встал прокси — веб‑сервер Caddy, который держит секреты у себя. Браузер обращается к своему же серверу без всякого ключа, а сервер уже подставляет секрет из защищённого хранилища и передаёт запрос дальше.

flowchart LR
    B["Браузер<br/>без ключа"] -->|голосовой запрос| C["Наш сервер (Caddy)<br/>секреты хранятся здесь"]
    C -->|подставляет ключ| G["Голосовая модель"]
    B -->|заявка| C
    C -->|подставляет токен| T["Telegram"]

    style C fill:#376cfb,color:#fff,stroke:none
    style G fill:#ff851b,color:#000,stroke:none

Что важно: это сделано без единой строки серверного кода — обычной настройкой веб‑сервера. Секреты лежат в отдельном защищённом файле с закрытым доступом, а сам сайт про них ничего не знает.

Побочный выигрыш — сайт похудел. Раз ключ больше не нужен в браузере, отпала и целая внешняя библиотека, через которую сайт раньше общался с моделью. Оказалось, к сервису можно подключаться напрямую средствами браузера. В итоге:

• бандл похудел с 377 до 278 КБ (в сжатом виде — со 100 до 82 КБ);
• зависимостей в проекте осталось ровно две — основа интерфейса и ничего лишнего;
• ни одного секрета в коде страницы.

Ловушка, которую стоит знать. Когда все запросы к сервису стали идти с одного адреса, на ключ наконец удалось навесить ограничение по адресу сервера. Но здесь ждал подвох: сервер выходил в интернет по новому протоколу адресации (IPv6), а в список разрешённых был вписан только старый адрес (IPv4). Из‑за этого всё ломалось. В список нужно вносить оба адреса — иначе защита рубит своих же.

Итог: то, что в первой версии честно значилось как слабое место, во второй закрыто по‑настоящему — не косметически, а на уровне архитектуры. Именно так и должна выглядеть работа над ошибкой.

Деплой: восемь строк конфига

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

Что бы я сделал иначе

Без этого раздела кейс превращается в рекламу. Поэтому — честно о слабых местах, которые я вижу сам. (Главный минус первой версии — секреты в коде страницы — уже закрыт, см. раздел выше; это и есть пример того, как такой список превращается в план доработок.)

Устаревший способ работы со звуком. Голосовой пайплайн собран на приёме, который формально считается устаревшим и грузит основной поток браузера. Для быстрого прототипа это оправданно, для продакшена стоит перейти на современный аналог, который считает звук в отдельном потоке и не роняет плавность анимаций.

Стили подключены упрощённо — удобно для прототипа, но в бою это лишний вес; правильнее собирать только используемые стили.

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

Вывод: вся вертикаль в одних руках

Ценность этого кейса — не в отдельном красивом лендинге. Она в том, что одна связка задач закрыта целиком и одним человеком: от расчёта unit-экономики и структуры сделки для инвестора до живого голосового ассистента, который отвечает голосом прямо на сайте.

Обычно это работа нескольких подрядчиков: один считает финмодель, второй рисует презентацию, третий верстает сайт, четвёртый прикручивает AI. Каждый стык — потеря смысла, времени и денег. Здесь стыков нет: цена в 199 ₽ из финмодели становится главным аргументом на лендинге, слайд сравнения из презентации — окном сравнения на сайте, а голос заменяет форму захвата. Всё это придумано как единое целое.

Итого по проекту:

• Инвестиционный пакет из пяти документов под Seed-раунд 25–30 млн ₽: от объёма рынка и конкурентного анализа до карты рисков и трёх сценариев выхода с возвратом 10–35x.
• Презентация на 22 слайда как последовательное снятие возражений — с ключевым слайдом сравнения на 26 параметров.
• Лендинг: пять локалей, тёмная тема, полная адаптивность, вес около 82 КБ в сжатом виде.
• Голосовой AI-ассистент реального времени — редкая для лендингов фича, которая работает не как чат‑виджет, а как живой собеседник.
• Секреты убраны из браузера: между сайтом и AI встал прокси, ни одного ключа в коде страницы.
• Деплой на собственный сервер с автоматическим HTTPS и годовым кэшированием.
• Код проекта открыт — им можно воспользоваться и проверить каждое слово этого разбора.

Две зависимости. 82 КБ. Голос вместо формы. Ни одного ключа в бандле.

Как это выглядит

Посмотреть вживую

Перейти на сайтtolki.dev.uspeshnyy.ru Исходники на GitHubTolki-2026-v3

Следующий шаг: хотите корпоративный мессенджер со встроенным AI — чаты, звонки, задачи в одной среде, напишите мне в Telegram.