

Наш сайт считает вашу задачу и показывает экономию за первый год
Двуязычный сайт, где посетитель считает одну задачу двумя способами, человек по минутам и модель по токенам, а каждый роут приходит настоящим HTML до запуска JavaScript.
Статических HTML-файлов, из лога сборки
Собрано с Claude Code за 6 месяцев

Посетитель сам считает свою задачу против модели
Выбираете задачу и объём в месяц. Человек считается по минутам при полной ставке, модель по токенам при опубликованных ценах плюс проход человеческой проверки. В конце экономия за первый год и объём, с которого AI становится дешевле.
- 1Выбор задачи, от ответа в саппорт и IT-заявки до ввода счетов
- 2Экономия за первый год из разницы по одной задаче

Каждый роут уходит как HTML, а не пустая оболочка
Сборка рендерит 97 файлов роутов на обоих языках, переписывая title, description, canonical и hreflang под каждую страницу. H1 и лид уже на экране до того, как браузер скачает скрипт модуля.

Созвон начинается, когда ситуация уже известна
Перед календарём четыре вопроса и пятнадцать секунд. Что система должна делать, для скольких людей, когда запуск и примерный бюджет. Рядом с формой почта, Telegram, Ami и телефон, для тех, кому проще без формы.
Аргументом за AI была страница обещаний и форма обратной связи.
Посетители считают цифры по своей задаче, а поисковые роботы получают текст вообще без JavaScript.
Как устроено
01Контекст
Сайт агентства, который обязан доказывать питч
У сайта агентства, продающего AI-системы, одна задача: выглядеть как компания, которая следует своим же советам, а не шаблон с формой обратной связи наверху. Нужна реальная модель стоимости вместо расплывчатого обещания. Нужен контент, который ранжируется, а не одна страница «О нас». И нужна сборка, которая ведёт себя одинаково для поискового робота и для живого посетителя. Главная открывается питчем и панелью статуса в реальном времени, дальше ведёт в каталог услуг, библиотеку Learn и сам калькулятор.
02Как работает
Каждый роут пререндерится, потом гидрируется
Сайт – одностраничное приложение на Vite и React 18, но ни посетители, ни поисковые роботы никогда не видят пустую оболочку. Продакшен-сборка запускает клиентскую сборку, SSR-сборку того же дерева компонентов и скрипт пререндера, который рендерит каждый роут на обоих языках в статический HTML, переписывая теги head под каждую страницу. Дальше браузер гидрирует этот HTML вместо рендера с нуля, поэтому реальный заголовок уже на экране до запуска любого JavaScript; последняя сборка записала 97 HTML-файлов по числу роутов.
03Результат
Работает на anmflow.com на двух языках
В продакшене на anmflow.com на английском и русском, с локалью по URL для каждой страницы. Двенадцать статей Learn покрывают темы окупаемости AI, стоимости внедрения и адаптации, каждая зарегистрирована со своим EN и RU контентом и пререндерена как любой другой роут. Аналитика загружается через GA4 в режиме Consent Mode v2, поэтому сигналы трекинга остаются запрещёнными, пока посетитель не примет баннер cookie; калькулятор и библиотека Learn – две вещи, которые реально продают.
ANM SOLUTIONS / СВЯЗАТЬСЯ
Хотите похожее?
Первый 30-минутный звонок бесплатный. Мы описываем объём, вы решаете.


VITRINA превращает фото со склада в кадр для витрины
