Перейти к основному содержимому
Наш сайт с ROI-калькулятором, пререндером под SEO и двумя языками
A&M Flow · EU, remote-first · Агентство

Наш сайт считает вашу задачу и показывает экономию за первый год

Двуязычный сайт, где посетитель считает одну задачу двумя способами, человек по минутам и модель по токенам, а каждый роут приходит настоящим HTML до запуска JavaScript.

2Языка, зеркала по URL
12Статей, которые продают
97Роутов отдаются статикой

Статических HTML-файлов, из лога сборки

6 месяцевВ активной разработке

Собрано с Claude Code за 6 месяцев

Результат ROI-калькулятора: стоимость человека и модели за задачу и за месяц
01 / ROI-калькулятор

Посетитель сам считает свою задачу против модели

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

€194,141экономия за первый год в примере
  1. 1Выбор задачи, от ответа в саппорт и IT-заявки до ввода счетов
  2. 2Экономия за первый год из разницы по одной задаче
Исходный код роута: флаг data-ssr, шапка под роут и H1 уже в HTML
02 / Настоящий HTML

Каждый роут уходит как HTML, а не пустая оболочка

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

97роутов пререндерится в сборке
Диалог записи: четыре вопроса квалификации отвечены, шаг с календарём открыт
03 / Приём заявки

Созвон начинается, когда ситуация уже известна

Перед календарём четыре вопроса и пятнадцать секунд. Что система должна делать, для скольких людей, когда запуск и примерный бюджет. Рядом с формой почта, Telegram, Ami и телефон, для тех, кому проще без формы.

4вопроса до календаря
Ещё экраны
Было

Аргументом за 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-минутный звонок бесплатный. Мы описываем объём, вы решаете.

Ещё кейсы