Skip to content

Вебсайт

Сборочный лист маркетингового сайта Agentfy.ai: каждая страница и секция, что говорим и что показываем. Он превращает Миссию и рынок, Аудиторию, Сообщения, Историю и креатив и Фирменный стиль в реальный сайт.

У всего сайта одна задача: заставить мерчанта подключиться — начать бесплатно или заказать демо. Каждая страница ведёт к этому одному действию.

Принципы

  • Одна идея везде: будущее уже работает на тебя, и ты просто подключаешь Agentfy.ai. Точные слова — в Сообщениях.
  • Герой — человек, а не AI. Залит солнцем и расслаблен, агенты работают в фоне.
  • Один главный призыв к действию, повторяющийся. «Plug in the future» ведёт к «начать бесплатно» или «подключить магазин». Конкурирующих кнопок на странице быть не должно.
  • Сначала показывай результат (магазин работает сам), потом подкрепляй фичами.
  • Оставайся в бренде: тёплый, оптимистичный вид из Фирменного стиля, ничего мрачного или корпоративного.
  • Три языка, одинаковая структура в EN, RU и UK.

Карта сайта

СтраницаМаршрутНазначениеГлавный CTA
Главная / Лендинг/Весь питч целиком; конверсияНачать бесплатно
Как это работает/howИстория из трёх шагов и эфемерный анлокНачать бесплатно
Возможности/featuresВозможности детально (мозг, руки, знания, каналы)Начать бесплатно
Интеграции/integrationsСначала OpenCart, потом другие CMS; «подключить магазин»Подключить магазин
Сценарии/use-casesПоддержка, продажи, каталог и админ-сценарииНачать бесплатно
Цены/pricingТарифы по использованию; «платишь за работу, а не за присутствие»Начать бесплатно
Мерчантам / агентствам/merchantsВарианты лендинга под аудиториюНачать бесплатно
Документация→ docsПереход в продуктовые доки
Блог/blogSEO и анонсы (фаза 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. Как это работает. Три шага и клик:

  1. Подключи магазин: присоедини OpenCart (товары, заказы) через MCP. Это момент подключения.
  2. Добавь знания: загрузи каталог и правила через LightRAG, чтобы агент изучил твой магазин.
  3. Оно работает само: поддержка, продажи и админка, 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-ассет: какая сцена из Истории ведёт.

Эта страница — живой черновик, дорабатываем вместе. Любая секция должна по-прежнему отвечать одной идее: подключись, и будущее уже работает на тебя.