Як я зробив сайт з ШІ за один вечір: кейс з цифрами
Сайт, на якому ви зараз читаєте цю статтю, ще вчора не існував. Я зробив його за один вечір разом із Claude — ШІ-асистентом від Anthropic. Без програміста, без конструктора з щомісячною підпискою і без жодного рядка коду, написаного власноруч.
Розповідаю, як це було, скільки коштувало і де я застряг, щоб ви могли повторити.
Що я хотів отримати
Задача була проста і типова для будь-якого експерта:
- сайт-візитка з моїми послугами: менторство, навчання команд і аудит маркетингу;
- легкий і сучасний, щоб добре виглядав на телефоні;
- блог, який приводить людей з пошуку;
- спочатку українською, але з можливістю потім додати російську, англійську, польську та іспанську;
- мінімальні витрати і можливість змінювати все без програміста.
Як розподілилась робота
Що робив я: реєстрував акаунти, натискав кнопки там, де потрібен саме власник, приймав рішення (структура, послуги, стиль), надсилав фото і скріни.
Що робив Claude: писав увесь код, тексти сторінок, статті, генерував обкладинки й інфографіку, перевіряв, як сайт виглядає на комп’ютері і телефоні, і сам публікував зміни.
По суті я працював як замовник із дуже швидким підрядником: ставив задачу, дивився результат, давав правки.
Хронологія вечора
Перші 45 хвилин — сайт онлайн. Акаунти на GitHub і Cloudflare, репозиторій для коду, підключення GitHub до Claude. Далі Claude зібрав перший варіант сайту, і після налаштування публікації в Cloudflare він з’явився в інтернеті.
Наступна година — повноцінний сайт. Окремі сторінки для кожної послуги, меню з підменю, мобільне меню, сторінки «Про мене» і «Контакти», кнопка в Telegram, мої фото, місця під відео.
Останні пів години — блог. Шість статей під мої послуги, автоматичні брендовані обкладинки для кожної статті, інфографіка, зв’язок статей зі сторінками послуг і розширені часті питання.
Де я застряг
Чесно — було кілька моментів, де без підказки я б загубився.
1. Claude не бачив мій репозиторій. Конектор GitHub був підключений, але доступу не було. Причина — в браузері був залогінений не той акаунт GitHub, і застосунок встановився не туди. Рішення: перевірити, під ким ви залогінені, перепідключити і відкрити новий чат.
2. Я встановлював не те. Шукаючи застосунок Claude на GitHub, я потрапив у маркетплейс з десятками сторонніх інструментів зі словом «Claude» в назві. Потрібен був лише офіційний застосунок — пряме посилання вирішило проблему.
3. Cloudflare запропонував інший варіант публікації. Замість очікуваного Pages інтерфейс запропонував Workers. Я надіслав скрін — і Claude за хвилину додав у проєкт потрібний файл налаштувань.
Головний урок: коли щось іде не так, не треба розбиратися самому. Зробіть скрін і покажіть ШІ — у більшості випадків рішення приходить одразу.
Скільки це коштувало
- Хостинг: $0 — Cloudflare і GitHub на безкоштовних планах.
- Домен .com: близько $10 на рік (поки сайт працює на безкоштовній технічній адресі).
- Claude: моя звичайна підписка.
Для порівняння: конструктори сайтів зазвичай коштують щомісяця, а розробка сайту-візитки з блогом у фрилансера чи студії — від кількох сотень доларів і кілька тижнів часу.
Що це означає для маркетологів
Найцікавіше тут навіть не сайт. Найцікавіше — що маркетолог, який вміє ставити задачі ШІ, сьогодні може сам робити те, на що раніше потрібні були програміст, дизайнер і копірайтер. Сайт, лендинг під акцію, блог, інфографіка, контент для соцмереж — це вже питання годин, а не тижнів.
Але є і зворотний бік: ШІ робить швидко, а не обов’язково правильно. Тексти від вашого імені, ціни, умови, обіцянки клієнтам — усе це має перевіряти людина, яка розуміє маркетинг. Тому вміння ставити задачу і оцінювати результат стає ключовою навичкою.
Хочете повторити? Я зібрав увесь шлях у безкоштовний покроковий гайд з готовими промптами: «Сайт з ШІ за один вечір».
Якщо хочете навчитися працювати з ШІ в маркетингу системно — приходьте на менторство. А для команд я проводжу корпоративне навчання, де ШІ-інструменти можна включити в програму.