Привіт усім! "Просто про маркетинг" на зв'язку. Ми продовжуємо говорити про сучасні технології, і сьогодні в нас на огляді дуже гаряча тема: як розробляти сайти та окремі сторінки за лічені хвилини завдяки штучному інтелекту.
У цьому відео та статті я виступлю в ролі рефері. У лівому кутку рингу — платформа Onepage. У правому кутку рингу — чат-бот Claude. Ми протестуємо обидва інструменти в реальному часі, спробуємо згенерувати лендінги і зробимо чесні висновки про те, де зручніше створювати повноцінні сайти людині без навичок програмування.
Якщо ви шукаєте ідеальний інструмент для швидкого запуску проектів — сідайте зручніше, поїхали!
Знайомство з учасниками: що це взагалі таке?
Для початку давайте розберемося, з чим ми маємо справу, адже це інструменти з дещо різних вагових категорій.
Claude — це штучний інтелект, потужний AI-асистент. Його можна назвати альтернативою ChatGPT, але, як кажуть багато розробників, це ChatGPT на стероїдах, коли справа доходить до написання коду. Він може відповідати на питання, писати тексти, аналізувати масиви даних і, що найголовніше для нас сьогодні, писати код для повноцінних веб-сторінок. Там навіть є окремий режим, де можна розгортати середовище для попереднього перегляду коду.
З іншого боку в нас Onepage. Це спеціалізована онлайн-платформа, конструктор сайтів, створений для розробки без програмування (no-code). Але розробники платформи не стоять на місці: вони успішно інтегрували штучний інтелект прямо у свій візуальний редактор. Створення секцій, генерування контенту, вибудовування структури — все це тепер робить ШІ всередині платформи.
Раунд 1. Популярність та масштаби
Якщо давати оцінки у вигляді зірочок, то за глобальну популярність Claude отримує одну цілу зірку, а Onepage — пів зірочки. Чому так?
Claude — це глобальний феномен. За статистикою, яку я знайшов на Backlinko, він має близько 19 мільйонів активних користувачів загалом і близько 3 мільйонів тих, хто користується ним стабільно хоча б раз на місяць. Це величезна цифра.
Onepage — це нішевий продукт. Це суто платформа для сайтів. Проте у своєму сегменті вона дуже потужна: понад 5 тисяч корпоративних клієнтів у Європі, більше 650 тисяч створених сторінок та понад 200 готових екранів з унікальною структурою.
Масштаби різні, але для нашого завдання — створення сайту — важлива не загальна кількість користувачів, а зручність інструменту.
Раунд 2. Українізація та зручність доступу
А ось тут ситуація кардинально змінюється. Onepage отримує впевнену зірку, а Claude — лише половину (і то з натяжкою).
Почнемо з проблеми доступу. Коли я намагався зайти на Claude, щоб просто протестувати його функціонал, я зіткнувся з перешкодами. Під час реєстрації потрібно верифікувати мобільний телефон, і SMS просто не приходило. Я не знаю, чи це тимчасові технічні складнощі, чи свідома політика щодо певних регіонів, але це вже створює бар'єр. Крім того, в інтерфейсі Claude немає української мови. Там є мова окупанта, є інші, а нашої немає. Сам чат розуміє українську, але писати складні інструкції (промпти) для розробки коду я все одно рекомендую англійською, так він працює стабільніше.
Натомість в Onepage все супер. Платформа має повноцінну українську версію. Більше того, якщо ви зайдете на їхню головну сторінку, то побачите напис: Сучасний конструктор сайтів родом з України. Платформу розробляли за участі наших фахівців, і це дуже гріє душу. Штучний інтелект всередині Onepage ідеально розуміє українські промпти, тому ви можете писати завдання так, як думаєте, без перекладачів.
Раунд 3. Тестування: генеруємо сайти в реальному часі
Переходимо до найцікавішого. Я підготував два різних завдання (промпти) для наших учасників.
Тестуємо Claude
Для Claude я написав промпт англійською мовою. Завдання: розробити лендінг для компанії, яка впроваджує AI-технології для бізнесу. Структуру для цього промпту мені, до речі, допоміг скласти ChatGPT. Я додав умову: зробити основний фон сайту чорним, а для акцентів (кнопок, виділень) використати оранжевий колір.
Я вставив текст у чат, натиснув Enter і просто спостерігав, як генерується код. Це зайняло менше двох хвилин. Результат виявився дуже непоганим: код згенерував гарно структурований сайт, вимоги щодо кольорів були дотримані, тексти заповнені. Візуально все виглядало симпатично.
Тестуємо Onepage
Для Onepage я використав український промпт. Завдання: створити сторінку послуг, орієнтовану на маркетинг для ІТ-компаній. Я прописав, які саме послуги ми надаємо, які мають бути секції та додав трохи інформації про саму компанію.
В Onepage я обрав опцію Створити сайт за допомогою AI і вставив свій текст. Спочатку система запропонувала мені логічну структуру майбутнього сайту (порядок екранів). Я її погодив, і почалася магія. Прямо на моїх очах ШІ почав малювати дизайн і писати тексти у візуальному редакторі. На все пішло близько 4 хвилин.
Раунд 4. Ілюзія швидкості: код проти реального сайту
Якщо подивитися на секундомір, здається, що Claude переміг: 2 хвилини проти 4 хвилин. Але чому я віддаю перевагу Onepage? Тому що ми порівнюємо різні результати.
Claude генерує виключно код (HTML, CSS, JS). Щоб цей код став сайтом, який побачать ваші клієнти, вам потрібно: купити хостинг, завантажити файли на сервер, розібратися з панеллю керування, підключити домен і налаштувати DNS. Для людини без технічних навичок ці дві хвилини генерації перетворяться на два дні головного болю з налаштуваннями.
В Onepage ці 4 хвилини включають у себе все. Платформа сама є хостингом. Як тільки ШІ закінчив генерацію, ваша сторінка вже існує. Вам залишається лише прописати метадані, налаштувати підключення власного домену в кілька кліків і натиснути кнопку Опублікувати. Ваша сторінка миттєво доступна в інтернеті.
Раунд 5. Метафора про річку: чому досвід користувача вирішує все
А тепер про найголовніше — мій особистий досвід (експірієнс) редагування згенерованого результату. Я розглядаю цю ситуацію очима звичайного підприємця чи маркетолога, який взагалі не розуміє коду.
Коли Claude згенерував мені сайт, на першому екрані з'явилося дві кнопки. Я хотів залишити лише одну. Я пишу в чат: Будь ласка, прибери одну кнопку з першого екрану. Він генерує новий код. Я дивлюся на результат: він дійсно видалив другу кнопку, але ту єдину, що залишилася, він автоматично розтягнув на всю ширину екрану. Це виглядало жахливо. Я пишу йому знову: Зроби цю кнопку звичайного розміру, не розтягуй її. Він мене не розуміє і залишає величезну кнопку на весь екран.
Щоб пояснити цю проблему, я придумав метафору.
Уявіть річку. На одному березі стоїте ви, на іншому — штучний інтелект у вигляді чату. Ви не можете підійти до нього. Ви змушені перекрикувати річку: Зроби кнопку меншою! Поміняй колір!. ШІ вас чує, але розуміє по-своєму. Те, що у вашій голові виглядає як звичайна кнопка, у його алгоритмах може означати щось інше. Вас це дратує, ви витрачаєте купу часу на переписування промптів, але часто не отримуєте бажаного.
У випадку з no-code платформами на кшталт Onepage цієї проблеми немає. Через цю річку перекинуто надійний місток — це візуальний редактор. Вам не потрібно кричати до ШІ і сподіватися, що він вас зрозуміє. Ви просто переходите по містку, берете мишку, клікаєте на зайву кнопку і натискаєте Видалити. Ви самі розтягуєте елементи, змінюєте тексти, завантажуєте картинки. Або ж, якщо вам потрібна допомога ШІ, ви можете застосувати його локально до конкретного текстового блоку.
Висновки: що обрати?
Обидва інструменти чудово справляються з дизайном і розуміють сучасні тренди. Але якщо ми говоримо про швидкий і контрольований запуск сайтів для бізнесу, мій вибір очевидний.
Поки чат-боти на кшталт Claude залишаються на іншому березі річки і вимагають знання коду для фінальної публікації, платформи з вбудованим ШІ та візуальними редакторами дають вам повний контроль. Ви можете створити каркас за допомогою нейромережі, а потім довести його до ідеалу власними руками за кілька хвилин.
На сьогодні це все. Підписуйтесь на мій канал, де я продовжую ділитися своїми суб'єктивними, але чесними думками щодо маркетингу та сервісів, які автоматизують наше з вами життя. Зустрінемось онлайн, далі буде!
