II · Спробувати · $19 за практикум
Практикуми AI Website Creator · практичні курси з Framer, Webflow і Claude
Менше розмов. Більше практики. Короткі заняття, на яких знайомимося з інструментами й одразу пробуємо їх у ділі.
$19
за практикум
3
практикуми: Framer, Webflow, Claude
1,5–2 год
на кожен практикум
Обери практикум
Один інструмент — один готовий сайт.
Кожен практикум — окремий короткий курс. Візьми один або одразу всі три зі знижкою.
Framer
Створи свій перший сучасний сайт за 1,5 години.
- Відео9 уроків
- Тривалість1,5 години
$19разово
Webflow
Найпростіше пояснення Webflow — і перший сайт без коду.
- Відео10 уроків
- Тривалість≈2 години
$19разово
Claude
Не «сайт за один промпт», а система створення сайтів через AI.
- Відео15 уроків
- Тривалість≈2 години
$19разово
Вигідніше
Усі три Практикуми
Framer, Webflow і Claude — спробуй усі інструменти й обери свій.
$38$57
Економія $19
Мінімум теорії, максимум практики: проходиш шлях від ідеї до опублікованого сайту. Підійде новачкам і дизайнерам, які хочуть робити сайти без коду.
Що ти зробиш
- Навчишся створювати дизайн сайту у Figma за допомогою Auto Layout
- Зрозумієш, як автоматично переносити дизайн із Figma у Framer
- Розберешся, як сайти збираються й верстаються у Framer
- Опануєш адаптив для комп’ютерів, планшетів і смартфонів
- Додаси анімації й зробиш сайт живим
- Опублікуєш готовий сайт — перший проєкт для портфоліо
Програма · 8 кроків до готового сайту
- 01
Ласкаво просимо
Чому з’явився цей практикум, як він влаштований і який результат ти отримаєш наприкінці.
- 02
Створюємо дизайн сайту у Figma
Створюємо сучасний макет сайту й знайомимося з основами підготовки дизайну.
- 03
Auto Layout у Figma
Опановуємо Auto Layout і вчимося робити макети, які легко редагувати й переносити.
- 04
Готуємо макет до перенесення
Доводимо дизайн до готовності й готуємо його до роботи у Framer.
- 05
Верстаємо перший блок у Framer
Збираємо перший блок вручну й розуміємо основні принципи роботи платформи.
- 06
Автоматичне перенесення з Figma у Framer
Переносимо макет плагіном, зберігаємо структуру проєкту й пришвидшуємо розробку.
- 07
Адаптивність
Налаштовуємо сайт для комп’ютерів, планшетів і смартфонів.
- 08
Анімація
Додаємо анімації й робимо сайт сучаснішим і приємнішим у використанні.
Підтримка — закритий чат учнів, де допомагають одне одному.
Малюєш макет у Figma, верстаєш його у Webflow, налаштовуєш адаптив і анімацію. Новачкам усе пояснюється по ходу.
Що ти зробиш
- Контент і зображення для сайту за допомогою AI
- Макет сайту у Figma
- Перший екран у Webflow без коду
- Блокова верстка й інтерфейс Webflow
- Адаптив під усі пристрої
- Анімація під час прокручування
Програма · 10 уроків
- 016:01
Створення контенту для сайту
- 0225:16
Створення макета у Figma
- 035:14
Експорт, імпорт, підключення шрифтів
- 0411:05
Інтерфейс Webflow
- 0511:04
Принцип блокової верстки
- 066:04
Блокова верстка на практиці
- 0724:44
Верстка десктопної версії сайту
- 086:25
Position Absolute/Relative. Z-index
- 097:41
Анімація Scroll into view
- 1014:30
Адаптивність сайту
Бонуси: шаблон сайту на 20 сторінок і закритий чат учнів.
Створення сайтів через AI: від ідеї та структури до готового сайту в інтернеті — без коду й дизайнерського досвіду.
Що ти зробиш
- Отримаєш живий сайт із власним доменом — зроблений тобою, через AI
- Зрозумієш, як збирати дані й писати тексти для будь-якого сайту через ChatGPT
- Навчишся писати промпти для Claude так, щоб отримувати якісний результат з першого разу
- Налаштуєш повний workflow: Claude → GitHub → Vercel — оновлювати сайт за хвилини
- Підключиш форму заявок, аналітику й свій домен — сайт працюватиме як інструмент
- Отримаєш систему, яку можна застосувати до будь-якого проєкту, — не разовий результат, а навичку
Програма · 15 уроків
- 01
Що ти створиш — демо готового сайту й огляд процесу
- 02
ChatGPT, Claude, GitHub, Vercel — роль кожного інструмента
- 03
Налаштування стеку — реєструємося всюди й зв’язуємо між собою
- 04
Збір даних через ChatGPT: ЦА, конкуренти, УТП
- 05
Структура й тексти сайту через AI
- 06
Візуальний стиль і референси
- 07
Як правильно писати промпти для Claude
- 08
Генерація сайту блок за блоком
- 09
AI-зображення для сайту
- 10
Редагуємо сайт через діалог із Claude
- 11
Перша публікація через Vercel Drop
- 12
GitHub + Vercel: правильний workflow
- 13
Домен, форма заявок, аналітика
- 14
Вебхуки: автоматизація без коду. Telegram
- 15
SEO, оптимізація й шлях уперед
Бонус: Telegram-спільнота на 10 000+ людей — обмін досвідом, ідеями та натхненням.
Страви учнів
Що вже приготували наші учні.
Калькулятор
Готовий до основної страви? Збери своє меню — знижки порахуємо самі.
Познач курси, які хочеш пройти, — підсумок і знижки з’являться праворуч.
Уже купував мої курси?Напиши мені в Telegram перед оплатою — врахую попередні покупки.
Не вдається оплатити?Напиши мені в Telegram — допоможу.
Про мене
Привіт, я Макс.
Створюю сайти й навчаю цього з 2014 року. За цей час зробив 475 сайтів для проєктів у 13 країнах — і далі займаюся реальною розробкою.
Я вчу не просто користуватися програмами. Показую, як створювати сайти цілком, використовуючи AI там, де він справді допомагає.
- 475
- створених сайтів
- 29
- курсів — від Photoshop до Claude
- 1996
- у 7 років вивчив Photoshop
Мені є що розповісти
Усе почалося з дідуся: він викладав графічні програми і в 1996 році посадив мене, семирічного, за Photoshop.
Конференції та зали на 1600 людей, камерні воркшопи з ноутбуками на колінах, сотні проєктів для реальних клієнтів.
За ці роки я навчився головного — пояснювати складні речі простими словами. Тому на моїх уроках зрозуміло з першого разу, і одразу хочеться спробувати самому.
Коли починається навчання?
Коли тобі зручно. Усі уроки в записі — починай будь-якого дня й дивись у своєму темпі.
Що краще: Framer чи Webflow?
Обидва — професійні інструменти для повноцінних сайтів, і «кращого» серед них немає. Framer ближчий до логіки Figma й дає змогу швидко зібрати та запустити сайт. Webflow дає більше контролю над структурою, класами й CMS. Вибір залежить від проєкту й від того, як тобі зручніше працювати, — спробуй обидва безкоштовно в Аперитиві.
А з появою AI багато процесів в обох інструментах можна автоматизувати: Claude підключається і до Framer, і до Webflow через MCP. Про це дуже детально розповідаю в програмі «Шеф».
Чи потрібно знати Figma?
Якщо ти новачок — усе потрібне з Figma пояснюється прямо в курсі.
Чи потрібно знати програмування?
Ні. Вчити код не доведеться.
На курсах ми розберемо лише основи — рівно стільки, щоб ти розумів, з чого зібраний сайт: і той, що конструюєш сам, і той, що пише за тебе AI. Не завчати, а читати й розуміти, що відбувається.
Чи можна оплатити з іншої країни?
Так. Якщо з оплатою виникнуть труднощі — напиши мені в Telegram, підкажу варіанти.
Чи можна повернути гроші, якщо курс не підійшов?
Ні. Після оплати ти одразу отримуєш повний доступ до уроків, тому повернення не передбачене.
Щоб не помилитися, почни з безкоштовного Аперитиву.
Я взагалі не вмію робити сайти. З чого почати?
З безкоштовного Аперитиву або одного з Практикумів. Вони допоможуть познайомитися з процесом та інструментами без великої покупки.
Тут вчать робити сайти чи працювати з AI?
Насамперед — створювати сайти.
AI — один з інструментів, який допомагає пришвидшити розробку. У різних курсах ми вивчаємо окремі платформи й задачі, а в програмі «Шеф» розбираємо весь процес створення сайту під ключ.
Тут більше практики чи теорії?
Практики. Я сам створюю сайти для клієнтів і в уроках показую, як працюю на реальних проєктах, — а не переказую документацію.
Чи буде підтримка?
Так — у Кухнях і в програмі «Шеф», протягом 21 дня.
Допомагаю тим, хто робить: розбираю помилки й питання щодо завдань. Не відповідаю на питання, відповідь на які вже є в уроках, і на смакові — на кшталт «який колір обрати для сайту».
В Аперитиві, Практикумах і Рецептах підтримки немає.
Чи зможу я брати замовлення після навчання?
Так — якщо не просто дивитися, а робити. Курс дає систему й навички, але результат залежить від твоєї практики.
Допомагаєте шукати клієнтів?
Ні. Я даю систему роботи над сайтами, а шукати клієнтів і домовлятися з ними — твоє завдання.
Але в програмі «Шеф» ми багато говоримо про те, як і де їх шукати, — щоб ти не залишився з навичками, але без замовлень.
Чи можна купувати курси окремо?
Так. Обирай тільки те, що тобі потрібно. А якщо береш кілька курсів, калькулятор автоматично застосує доступні знижки.
Що входить до «Усього меню»?
Три Практикуми, обидві Кухні та програма «Шеф · AI Website Creator».
$318 замість $454.
Бонусом — курси Photoshop і Spline.
Додатково — постійна знижка 20% на всі «Рецепти».
Чи є розстрочка?
Так, можна оплатити частинами від ПриватБанку — за допомогою картки ПриватБанку.
На сторінці оплати оберіть «Оплата частинами» та кількість платежів, вкажіть email і номер мобільного. Далі підтвердіть платіж на сторінці ПриватБанку — після підтвердження буде списано суму першого платежу.
Щоб оплатити всю суму одразу, натисніть «Інший спосіб оплати» → «Оплата карткою».
Я вже купував курси. Чи є знижка?
Напиши мені особисто перед оплатою. Я врахую попередні покупки й розрахую вартість індивідуально.
Я оплатив курс, але після оплати нічого не сталося. Що робити?
Не хвилюйся — платіж пройшов, і я його бачу.
Майже завжди, у 99% випадків, причина одна: під час оплати вказано неправильну пошту. Уся інструкція й доступ до курсу завжди приходять на пошту — перевір адресу, яку вводив, і папку «Спам».
Якщо листа немає — напиши мені в Telegram, розберемося.