Вебсайт

Складальний лист маркетингового сайту 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. Як це працює. Три кроки й клік:

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-ассет: яка сцена з Історії веде.

Ця сторінка — живий чернетка, доопрацьовуємо разом. Будь-яка секція має й далі відповідати одній ідеї: підключись, і майбутнє вже працює на тебе.