Вебсайт
Сборочный лист маркетингового сайта Agentfy.ai: каждая страница и секция, что говорим и что показываем. Он превращает Миссию и рынок, Аудиторию, Сообщения, Историю и креатив и Фирменный стиль в реальный сайт.
У всего сайта одна задача: заставить мерчанта подключиться — начать бесплатно или заказать демо. Каждая страница ведёт к этому одному действию.
Принципы
- Одна идея везде: будущее уже работает на тебя, и ты просто подключаешь Agentfy.ai. Точные слова — в Сообщениях.
- Герой — человек, а не AI. Залит солнцем и расслаблен, агенты работают в фоне.
- Один главный призыв к действию, повторяющийся. «Plug in the future» ведёт к «начать бесплатно» или «подключить магазин». Конкурирующих кнопок на странице быть не должно.
- Сначала показывай результат (магазин работает сам), потом подкрепляй фичами.
- Оставайся в бренде: тёплый, оптимистичный вид из Фирменного стиля, ничего мрачного или корпоративного.
- Три языка, одинаковая структура в EN, RU и UK.
Карта сайта
| Страница | Маршрут | Назначение | Главный CTA |
|---|---|---|---|
| Главная / Лендинг | / | Весь питч целиком; конверсия | Начать бесплатно |
| Как это работает | /how | История из трёх шагов и эфемерный анлок | Начать бесплатно |
| Возможности | /features | Возможности детально (мозг, руки, знания, каналы) | Начать бесплатно |
| Интеграции | /integrations | Сначала OpenCart, потом другие CMS; «подключить магазин» | Подключить магазин |
| Сценарии | /use-cases | Поддержка, продажи, каталог и админ-сценарии | Начать бесплатно |
| Цены | /pricing | Тарифы по использованию; «платишь за работу, а не за присутствие» | Начать бесплатно |
| Мерчантам / агентствам | /merchants | Варианты лендинга под аудиторию | Начать бесплатно |
| Документация | → docs | Переход в продуктовые доки | — |
| Блог | /blog | SEO и анонсы (фаза 2) | Подписаться |
| Юридическое | /privacy, /terms | Комплаенс | — |
| Старт | /start | Точка конверсии | — |
| Интеграция с OpenCart | /opencart-integration | Лендинг OpenCart: один день магазина с агентом, пять скролл-сцен | Подключить магазин |
Главная, секция за секцией
Главная рассказывает всю историю, чтобы посетитель сконвертировался не уходя с неё. Порядок важен.
1. Шапка / навигация. Логотип (градиент cyan→teal), ссылки на «Как это работает», «Возможности», «Интеграции», «Цены» и «Доки». Справа: переключатель языка (EN/RU/UK) и кнопка «Начать бесплатно». Липкая, светлая, минималистичная.
2. Hero. Заголовок: Plug in the future. Подзаголовок: позиционирование одной строкой из Сообщений. Визуал: человек расслаблен (кофе, пляж, парк), пока команда агентов ведёт магазин за его спиной, со свечением подключения из сцен Истории. CTA: «Начать бесплатно» и более тихое «Посмотреть, как работает».
3. Социальное доказательство. Тонкая полоса: «Нам доверяют N магазинов», несколько логотипов или метрика вроде «Обработано X диалогов». До реальных цифр используй плейсхолдер, потом честно заменяй.
4. Проблема. Миллионы магазинов, и почти ни у кого нет по-настоящему полезного агента. Кастомные агенты дороги, а always-on бот на каждый магазин не масштабируется (ловушка «платишь за присутствие, а не за работу», из проблемы). Тон эмпатичный, без запугивания.
5. Анлок. Агент магазина это строка в базе; он работает только при трафике, поэтому мы масштабируемся по трафику, а не по числу магазинов. Именно это делает агента для каждого магазина возможным (из почему архитектура это анлок). Помогает простая схема: магазин простаивает, приходит трафик, агент поднимается, делает работу, гаснет.
6. Как это работает. Три шага и клик:
- Подключи магазин: присоедини OpenCart (товары, заказы) через MCP. Это момент подключения.
- Добавь знания: загрузи каталог и правила через LightRAG, чтобы агент изучил твой магазин.
- Оно работает само: поддержка, продажи и админка, 24/7, на витрине плюс Telegram и Slack.
Оставь один приятный момент «подключения», по фирменному биту.
7. Знакомься со своей командой агентов. Каст как дружелюбные цифровые существа, а не роботы: Поддержка, Продажи, Ресёрч, Логистика, Финансы. Бери их прямо из Аудитории. У каждого имя, одна строка про роль и аватар, чтобы усилить идею маленькой команды на человека.
8. Возможности. Шесть карточек, каждая сначала результат, потом механизм (детали — на будущей странице «Возможности»):
| Карточка | Результат | На основе |
|---|---|---|
| Отвечает 24/7 | Клиент всегда получает ответ | Каналы + чат |
| Знает твой каталог | Тот товар, тот ответ | Знания / LightRAG |
| Общается с магазином | Проверяет заказы, обновляет товары | MCP + коннекторы |
| Делает реальную работу | Скрейпит, генерит, автоматизирует | Worker |
| Живёт на витрине | Встраиваемый виджет + Telegram/Slack | Каналы |
| Честная цена | Платишь за работу, не за присутствие | Оплата по использованию |
9. Сценарии. Табы или карточки для Поддержки, Продаж и апсейла, Вопросов по каталогу, Статуса заказа и оформления, Автоматизации админки. У каждого строка «было и стало», от хаоса к спокойствию. Ссылка на страницу «Сценарии».
10. Интеграции. Сначала OpenCart, крупно и ясно, потом WooCommerce, PrestaShop, Magento и Shopify с пометкой «скоро». CTA: «Подключить магазин». Честно о том, что уже работает, а что в роадмапе.
11. Тизер цен. Подписка на магазин плюс метрика по токенам и рантайму. Заголовок: ты платишь за работу, а не за always-on бота. Ссылка на полную страницу «Цены».
12. Отзывы. Реальная цитата, когда появится. До тех пор работает строка самого мерчанта: «Я не нанимал команду. Я подключил Agentfy.ai и вернул себе жизнь» (из Аудитории).
13. FAQ. Стартовые вопросы: Какие платформы? Нужно ли кодить? Как считается цена? Безопасны ли мои данные? Что агент реально умеет? Может ли он действовать в магазине или только отвечать?
14. Финальный CTA. На всю ширину, тёплый градиент. Plug in the future, ведёт к «Начать бесплатно». Одна кнопка.
15. Футер. Навигация, переключатель языка, доки, юридическое (privacy и terms), контакты, соцсети. Логотип и слоган.
Остальные страницы, кратко
- Как это работает раскрывает секции 5 и 6: эфемерная модель, три шага, лёгкая схема архитектуры и каналы. Аудитория: любопытный, полутехнический мерчант.
- Возможности дают по секции на возможность (Мозг, Руки, Знания, Каналы, Worker, Биллинг), каждая сначала результат и короткое «как», с кросс-линками на продуктовые доки.
- Интеграции ведут с OpenCart, показывают шаги установки на одном экране и предлагают форму «запросить другую платформу».
- Сценарии дают полные сценарии по персонам и задачам, с «было и стало».
- Цены содержат таблицу тарифов, что метрится, FAQ по биллингу и калькулятор позже.
- Мерчанты / агентства подают ту же единую идею под конкретную аудиторию.
Конверсия и CTA
- Главный CTA везде — «Начать бесплатно», или «Подключить магазин» в контексте интеграций.
- Вторичный, приглушённый, — «Посмотреть, как работает» или «Заказать демо».
- Повторяй главный CTA после hero, после «как это работает» и финальной секцией.
- Точка регистрации —
/start, с минимумом трения (URL магазина и email — мечта).
Бренд и визуальные правила
Из Фирменного стиля и Истории и креатива:
- Палитра: брендовый cyan
#5FC8EE→ teal#4FA3D1; тёплое золото#EBCDA3и коралл#E5A26Bдля солнечных акцентов; светлый фон#F6F8F6. - Образы: люди расслаблены и в солнце, агенты как весёлые помощники в процессе работы, свечение подключения.
- Никогда мрачного или дистопичного, холодно-корпоративного, пугающего, захламлённого или про роботов, заменяющих людей.
- Используй скачиваемые Tailwind-пресет и CSS-токены, чтобы сайт точно совпал со стилем.
SEO и мета
- Заголовок и позиционирование вокруг «AI-агент для OpenCart / e-commerce».
- Свой title и meta description на странице, с OG-картинкой в стиле (hero-сцена плюс слоган).
- Трёхъязычный
hreflang(en/ru/uk), sitemap и быстрая, преимущественно статичная сборка ради хороших Core Web Vitals.
Технические заметки
- Построено на сетапе маркетингового сайта CleanSlice/Nuxt (SSR и prerender включены для маркетинга, по заметкам про Nuxt-слои), с Tailwind из брендового пресета и i18n по en/ru/uk.
- В основном статика и prerender; единственная динамика — хэндофф на регистрацию.
Открытые вопросы
- Финальный домен и флоу регистрации (
/start): что минимально нужно, чтобы подключиться? - Реальное соц. доказательство: метрики и первый отзыв.
- Конкретная модель цен (тарифы подписки и единицы метрики).
- Какие интеграции живые на старте, а какие помечены «скоро».
- Путь демо: self-serve бесплатно, заказать демо или оба.
- Hero-ассет: какая сцена из Истории ведёт.
Эта страница — живой черновик, дорабатываем вместе. Любая секция должна по-прежнему отвечать одной идее: подключись, и будущее уже работает на тебя.