h HOOYAX·INFO

CloverAI — продуктовый лендинг SaaS для бухгалтеров

Витрина стартапа, которая продаёт идею «счета за секунды, а не часы»: ИИ-ассистент превращает голосовое, скриншот или PDF в готовый счёт. И лендинг показывает это вживую — интерактивным демо прямо на странице.

live · cloverai.pro saas · финтех react 18 + typescript vite 6 интерактивное демо
// о проекте

Одностраничный продуктовый лендинг для SaaS-сервиса «CloverAI — умные счета»: он не описывает продукт, а даёт его потрогать

Стартап на стадии прототипа приходит к инвесторам и первым клиентам с одним активом — витриной продукта. Мы спроектировали и собрали такую витрину для CloverAI: сервиса, где бухгалтер надиктовывает голосовое или кидает скриншот — и получает готовый счёт. Вместо статичных обещаний — интерактивная демо-панель с AI-пайплайном, мок-интерфейсы планировщика, аналитики и ИИ-отчётов и тарифная сетка. Цифры на лендинге — продуктовая легенда прототипа, спроектированная нами вместе с интерфейсами.

4 шага
AI-пайплайн в интерактивной демо-панели
5 форматов
голос · скриншот · фото · pdf · текст — вход для счёта
3 тарифа
от 0 ₽ на старте до 4 990 ₽/мес с API
you@hooyax:~$ ./cloverai --features

Что мы собрали на лендинге

01

Демо с имитацией голосового

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

// demo.play() → invoice.ready
02

Мок-интерфейсы вместо обещаний

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

// ui.mock = planner · analytics · reports
03

Тарифная сетка под воронку

Три тарифа под сегменты аудитории: «Старт» — 0 ₽ до 10 счетов в месяц для ИП, «Профи» — 1 490 ₽/мес для бухгалтеров, «Команда» — 4 990 ₽/мес с API-доступом для бизнеса.

// pricing: 0 → 1490 → 4990 ₽/мес
04

Дизайн «нового поколения»

Светлая тема, hero с глоу-эффектами, пара шрифтов Outfit + Fraunces и scroll-анимации появления на собственном хуке useReveal. Лендинг выглядит как зрелый продукт, а не страница-заглушка.

// useReveal() · fonts: outfit + fraunces
4 шага
05

AI-пайплайн прямо на лендинге

Главная фишка страницы — интерактивная демо-панель: приём данных → анализ ИИ → проверка реквизитов по ЕГРЮЛ/ЕГРИП → формирование счёта. Посетитель видит механику продукта до регистрации — это и есть питч.

// pipeline.steps = 4 · interactive = true
you@hooyax:~$ ./cloverai --status

Не макет в Figma — живая витрина в продакшене

cloverai.pro ● live — в продакшене

Лендинг опубликован и открывается на cloverai.pro — им уже можно питчить продукт инвесторам и первым клиентам. Продукт находится на стадии прототипа: витрина спроектирована с демо-цифрами и мок-интерфейсами, а интерактивное демо показывает будущий сценарий работы сервиса. Ниже — тот самый пайплайн, который лендинг проигрывает посетителю.

голос · скриншот · pdf анализ ИИ проверка по ЕГРЮЛ/ЕГРИП готовый счёт
// под капотом

Лёгкая архитектура: статический билд без единого лишнего слоя

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

you@hooyax:~$ cat cloverai.stack
  • 01 React 18.3 + TypeScript 5.6Компонентная архитектура со строгой типизацией — без роутера и стейт-менеджера, которые лендингу не нужны
  • 02 Vite 6Быстрая сборка в статический билд — деплой сводится к выкладке папки dist
  • 03 Чистый CSS — модуль на секцию10 изолированных css-файлов вместо тяжёлого UI-фреймворка: стили секций не пересекаются
  • 04 nginx + SPA fallbackСервер раздаёт статику из dist без бэкенда и БД — минимальная поверхность отказа
// концепция продукта

Витрина спроектирована под полный сценарий будущего сервиса

Лендинг закладывает всю продуктовую линию CloverAI: генерация счёта из голоса, скриншота, фото, PDF или текста, планировщик с автоотправкой, аналитика, ИИ-отчёты по НДС, 6-НДФЛ и страховым взносам, отправка по email и ЭДО, API-доступ в старшем тарифе.

product · cloverai.pro
you@hooyax:~$ whoami

Мы инженеры, а не вайбкодеры-любители

Специалисты с профильным IT-образованием и опытом промышленной разработки. AI для нас — инструмент проектирования, разработки и тестирования, а не замена экспертизы.

you@hooyax:~$ ./landing --build --your-startup

Соберём продуктовый лендинг для вашего SaaS

Спроектируем витрину продукта с интерактивным демо, мок-интерфейсами и тарифами — чтобы стартап можно было показывать инвесторам и первым клиентам уже завтра.

info@hooyax.info