AI та автоматизація2026UA
AXION
AI-системи для продажів, підтримки, документообігу, CRM та аналітики — подані як інженерія, а не як демо.
- Сайт
- AI
- Автоматизація
- Заявки
- Галузь
- AI та автоматизація
- Тривалість
- 6 тижнів
- Команда
- 1 дизайнер · 1 інженер
- Платформи
- Маркетинговий сайт · Інтерактивні пояснення процесів
01
Задача
Кожна компанія в цій категорії каже одне й те саме речення про перетворення хаосу на керовану систему. Слово «AI» знецінилось настільки, що виносити його наперед тепер коштує довіри саме того технічного покупця, який AXION потрібен.
Сайт мав показати конкретну механіку — що саме автоматизується, де в процесі стоїть модель, що відбувається, коли вона помиляється, — не перетворившись на документацію.
- Напрями
- Продажі · підтримка · документи · CRM · аналітика
- Покупець
- Технічний, скептичний, уже бачив демо
- Вимога
- Механіка замість прикметників
02
Рішення
Кожна компетенція подана як процес, який можна пройти кроками: тригер, класифікація, пошук у базі знань, точка рішення, де долучається людина, і система, у яку записується результат.
Сценарій відмови показаний свідомо — що відбувається за низької впевненості, — бо саме це питання ставить серйозний покупець, і відповісти на нього першим є найсильнішим можливим сигналом.
- Формат
- Покрокові процеси для кожної компетенції
- Акцент
- Сценарій відмови показано, а не сховано
03
Архітектура
- L0СайтСтатичний
- L1Компоненти процесівПокроково
- L2Модель компетенційДаніЗахоплення заявокServer action
- L3TelegramЗовнішнєCRMЗовнішнє
Зв’язки (6)
- Сайт → Компоненти процесів
- Сайт → Модель компетенцій
- Компоненти процесів → Модель компетенцій
- Сайт → Захоплення заявок
- Захоплення заявок → Telegram
- Захоплення заявок → CRM
04
UX
Відвідувач обирає процес, який упізнає — вхідні заявки, обсяг підтримки, обробка документів, — і сайт пояснює автоматизацію словником цього процесу, а не словником AI.
Кожен процес читається як звичайний текст; інтерактив додає темп, а не інформацію, тож без JavaScript нічого не втрачається.
05
UI
Технічно й темно, з моноширинними підписами для всього, що позначає межу системи або стан.
Схеми процесів набрані, а не намальовані: вузли — це текст, зв’язки — це правила, і читається це як інженерія, а не як маркетинг.
06
Розробка
Компоненти процесів мають один рендерер, керований даними, тож нова компетенція — це запис у даних, а не новий компонент.
Анімація прив’язана до скролу й повністю вимикається під reduced-motion, де процеси рендеряться звичайними нумерованими списками.
07
Що він вміє
Процеси компетенцій
Покрокові пояснення для продажів, підтримки, документів, CRM та аналітики.
Сценарії відмови
Що відбувається за низької впевненості — показано, а не пропущено.
Навігація за процесами
Вхід через бізнес-процес, а не через технологію.
Миттєвий маршрут заявок
Звернення в Telegram і CRM через server action.
Робота без JS
Кожен процес читається текстом без JavaScript.
08
Інтеграції та стек
Інтеграції
- Telegram
- CRM
- Аналітика
Фронтенд
- Next.js
- TypeScript
- Tailwind CSS
- Motion
Платформа
- Статична генерація
- Server actions
09
Що з цього вийшло
- Через механіку
- Пітч
- Показаний сценарій відмови
- Сигнал довіри
- Запис у даних
- Нова компетенція
- Процеси стають списками
- Reduced motion
Процеси, а не прикметники
Сайт, який витримує скептичне технічне читання, бо починає з того, як система поводиться, коли не впевнена.
Кожен продукт ми проєктуємо під телефон окремо, а не звужуємо десктопну версію.
Є продукт, який давно час зробити?Розкажіть про нього.
Опишіть, що має змінитися у вашому бізнесі. Ми розберемось, що для цього справді потрібно — навіть якщо потрібно менше, ніж здається.