Почати безкоштовно

III · Опанувати · $99 за Кухню

Кухні AI Website Creator · докладні курси з Framer і Webflow

Опануй свою робочу кухню. Розбираємося в інструментах глибше, щоб упевнено створювати сайти на обраній платформі.

Обрати КухнюОбидві — $150
Сходинка III

$99

за Кухню

2

Кухні: Framer і Webflow

21 день

підтримки в групі

Обери Кухню

Одна платформа — на всю глибину.

Кожна Кухня — окремий повний курс. Візьми одну або одразу обидві зі знижкою.

Кухня

Framer

З нуля до готового сайту у Framer — без коду.

  • Відео49 уроків
  • Тривалість6,5 години

$99разово

Кухня

Webflow

Популярний на Заході конструктор — шлях до сучасних сайтів без обмежень.

  • Відео112 відео
  • Тривалість23 години

$99разово

Вигідніше

Обидві Кухні

Framer і Webflow — опануй обидві платформи й бери будь-які проєкти.

$150$198

Економія $48

Framer схожий на Figma, тільки з кнопкою «Опублікувати». Проєктуєш сайт у Figma, збираєш його у Framer і запускаєш — як дизайнер і розробник без коду. Знання Figma бажане, але новачкам усе пояснюється.

Що ти зробиш

  • Автолейаути й адаптив у Figma
  • Перенесення макета у Framer і верстка з нуля
  • CMS, форми заявок і сторінка подяки
  • Компоненти, варіанти, меню й pop-up
  • Анімації блоків і переходи між сторінками
  • Багатосторінковий сайт із підключеним доменом

Програма · 49 уроків

01Макет сайту12 уроків · 104 хвилини
  1. 01

    Куди я тебе веду

    6:01
  2. 02

    Figma: дизайн першого екрана

    20:07
  3. 03

    Auto Layout

    5:03
  4. 04

    Дизайн першого екрана з Auto Layout

    9:59
  5. 05

    Figma: блок картки товару

    16:23
  6. 06

    Figma: блок FAQ

    4:05
  7. 07

    Figma: блок відгуків

    9:37
  8. 08

    Figma: футер

    4:23
  9. 09

    Figma: меню

    6:20
  10. 10

    Figma: елемент на першому екрані

    1:19
  11. 11

    Figma: сторінка товару, форма заявки

    16:05
  12. 12

    Генерація контенту

    4:54
02Інтерфейс Framer9 уроків · 60 хвилин
  1. 13

    Огляд Framer, тарифи

    4:31
  2. 14

    Інтерфейс Framer

    3:20
  3. 15

    Інтерфейс робочої зони

    6:05
  4. 16

    Pages, Layers, Assets

    4:43
  5. 17

    Налаштування сторінки й сайту

    7:44
  6. 18

    Блокова верстка, розмітка першого екрана

    3:18
  7. 19

    Layout, Fill, Fit, absolute positioning

    8:52
  8. 20

    SEO

    8:32
  9. 21

    Style Guide

    12:46
03Верстка10 уроків · 109 хвилин
  1. 22

    Верстка першого екрана

    13:52
  2. 23

    Коло на першому екрані

    6:07
  3. 24

    Блок FAQ

    8:23
  4. 25

    CMS на практиці

    7:51
  5. 26

    Блок відгуків

    10:40
  6. 27

    Блок футера

    5:16
  7. 28

    Блок картки товару

    20:48
  8. 29

    Сторінка картки товару

    7:20
  9. 30

    Форма заявки, сервіс приймання повідомлень

    22:44
  10. 31

    Сторінка подяки

    5:48
04Налаштування й адаптив8 уроків · 71 хвилина
  1. 32

    Hover і пресети в компоненті, анімація кнопки

    11:19
  2. 33

    Адаптив сайту

    19:40
  3. 34

    Варіанти компонента

    8:40
  4. 35

    Меню сайту

    5:48
  5. 36

    Компонент меню сайту

    10:11
  6. 37

    Випадне меню

    6:20
  7. 38

    Галерея

    3:51
  8. 39

    Посилання на сторінки й блоки

    4:43
05Анімації й запуск10 уроків · 48 хвилин
  1. 40

    Анімація Sticky

    7:53
  2. 41

    Базова анімація

    4:45
  3. 42

    Анімація тексту по колу

    3:31
  4. 43

    Анімація тексту

    6:50
  5. 44

    Анімація закріпленої кнопки

    3:15
  6. 45

    Анімація Drag

    1:59
  7. 46

    Анімація паралакс

    2:38
  8. 47

    Перехід між сторінками

    3:59
  9. 48

    Pop-up

    4:16
  10. 49

    Налаштування сайту, підключення домену

    9:17

Підтримка — закритий чат учнів, 21 день.

Повний курс із практикою, домашніми завданнями та іграми: від реєстрації до складних анімацій. Глибокі знання програмування не потрібні.

Що ти зробиш

  • Інтерфейс Webflow, класи й BEM
  • Display: block, flex, grid
  • Адаптив: брейкпоінти й одиниці вимірювання
  • Компоненти, меню, форми заявок
  • Анімації: hover, click, scroll, sticky
  • SEO, домен і передача сайту клієнту

Програма · 62 уроки

01База7 уроків · 48 хвилин
  1. 01

    Знайомство. План дій

    5:01
  2. 02

    Швидкий огляд сервісу

    5:55
  3. 03

    Налаштування проєкту

    1:15
  4. 04

    Дизайн-панель

    18:22
  5. 05

    Новий інтерфейс Webflow

    3:09
  6. 06

    Як опублікувати проєкт і поділитися ним

    2:51
  7. 07

    Тарифні плани

    11:00
02Основи3 уроки · 36 хвилин
  1. 08

    Основи HTML, CSS — як це працює у Webflow

    11:59
  2. 09

    Блокова верстка, DIV-блок

    14:09
  3. 10

    DIV-блок на практиці

    9:58
03Елементи3 уроки · 31 хвилина
  1. 11

    Елементи розмітки

    15:20
  2. 12

    Елементи Media, Advanced

    8:19
  3. 13

    Елементи Typography

    6:53
04Класи2 уроки · 27 хвилин
  1. 14

    Класи

    16:59
  2. 15

    Basic / Combo / Global класи

    9:58
05Стилі12 уроків · 86 хвилин
  1. 16

    Стилі. Вступ

    4:42
  2. 17

    Стилі. Typography

    12:04
  3. 18

    Стилі. Background

    11:12
  4. 19

    Стилі. Обведення й заокруглення

    2:44
  5. 20

    Стилі. Відступи. Margin і Padding

    8:06
  6. 21

    Стилі. Розмір

    4:09
  7. 22

    Стилі. Overflow, Fit

    6:19
  8. 23

    Стилі. Position

    15:28
  9. 24

    Стилі. Z-index

    3:16
  10. 25

    Стилі. Filter

    6:48
  11. 26

    Стилі. 2D, 3D transforms

    8:18
  12. 27

    Стилі. Висновки

    2:33
06БЕМ2 уроки · 34 хвилини
  1. 28

    БЕМ

    11:22
  2. 29

    БЕМ. Практична частина

    23:02
07Усі види Display4 уроки · 59 хвилин
  1. 30

    Display: inline, block

    7:58
  2. 31

    Display: Grid

    7:38
  3. 32

    Display: Flex

    24:38
  4. 33

    Навчальна гра з Flexbox

    19:09
08Дизайн у Figma. Верстка сайту3 уроки · 88 хвилин
  1. 34

    Дизайн сайту у Figma. Частина 1

    28:52
  2. 35

    Дизайн сайту у Figma. Частина 2

    21:55
  3. 36

    Верстка сайту. Верстаємо перший екран

    36:48
09Адаптив сайту3 уроки · 36 хвилин
  1. 37

    Брейкпоінти

    9:42
  2. 38

    Види верстки: статична, адаптивна, гумова

    6:41
  3. 39

    Одиниці вимірювання: px, %, auto, em, vh, vw

    19:29
10Практика12 уроків · 222 хвилини
  1. 40

    Display. Практика

    29:36
  2. 41

    Верстка. Практика

    10:47
  3. 42

    Меню сайту. Navbar menu

    12:12
  4. 43

    Як створити сторінки, посилання меню

    5:41
  5. 44

    Компоненти

    13:29
  6. 45

    Блоки сайту. Практика

    33:44
  7. 46

    Перевірка й підготовка макета

    7:58
  8. 47

    Підготовка Style Guide

    6:56
  9. 48

    Верстка сайту. Практика

    28:49
  10. 49

    Адаптив сайту. Практика

    16:59
  11. 50

    Адаптив сайту 2. Практика

    19:32
  12. 51

    Форми заявок. Реалізація, підключення

    36:14
11Анімація8 уроків · 76 хвилин
  1. 52

    Стани

    6:59
  2. 53

    Transitions

    5:21
  3. 54

    Mouse click, mouse hover

    28:06
  4. 55

    Mouse click, mouse hover. Практика

    7:48
  5. 56

    Mouse move over element

    13:27
  6. 57

    Scroll into view

    7:40
  7. 58

    Page scrolled

    2:29
  8. 59

    Position sticky

    3:49
12Налаштування3 уроки · 20 хвилин
  1. 60

    Налаштування сайту й SEO

    8:05
  2. 61

    Як передати сайт замовнику

    4:32
  3. 62

    Як купити й налаштувати домен

    7:39

Бонусом: 5 майстер-класів, шаблон сайту на 20 сторінок і База знань, яка постійно поповнюється.

Страви учнів

Що вже приготували наші учні.

Курс Шеф
Робота учня: лендинг Framer-розробника
Кухня Webflow
Курс Шеф
Робота учня: сайт Top Padel Alicante
Рецепт «Claude Code: сайт від дизайну до CMS»
Курс Шеф
Робота учня: сайт туристичної агенції Alterra
Рецепт «Claude, зроби мені сайт»
Роботи учня: добірка сайтів
Кухні Framer, Webflow і Claude
Робота учня: сайт виробника будматеріалів Nordmaterial
Кухня Webflow
Робота учня: сайт прокату автомобілів Warcar
Курс Шеф

Калькулятор

Готовий до основної страви? Збери своє меню — знижки порахуємо самі.

Познач курси, які хочеш пройти, — підсумок і знижки з’являться праворуч.

Практикуми $19 кожен

Усі три за $38 · економія $19

Кухні $99 кожна

Обидві за $150 · економія $48

Шеф програма під ключ

Візьми все меню — до знижок додасться ще −$69

Твій розрахунок

Разом$0
Перейти до оплати

Уже купував мої курси?Напиши мені в Telegram перед оплатою — врахую попередні покупки.

Не вдається оплатити?Напиши мені в Telegram — допоможу.

Макс Куратов — автор школи Umapalata
Автор і шеф UmapalataМакс Куратов

Про мене

Привіт, я Макс.

Створюю сайти й навчаю цього з 2014 року. За цей час зробив 475 сайтів для проєктів у 13 країнах — і далі займаюся реальною розробкою.

Я вчу не просто користуватися програмами. Показую, як створювати сайти цілком, використовуючи AI там, де він справді допомагає.

475
створених сайтів
29
курсів — від Photoshop до Claude
1996
у 7 років вивчив Photoshop

Мені є що розповісти

Усе почалося з дідуся: він викладав графічні програми і в 1996 році посадив мене, семирічного, за Photoshop.

Конференції та зали на 1600 людей, камерні воркшопи з ноутбуками на колінах, сотні проєктів для реальних клієнтів.

За ці роки я навчився головного — пояснювати складні речі простими словами. Тому на моїх уроках зрозуміло з першого разу, і одразу хочеться спробувати самому.

Виступ Макса перед великою залою
Селфі зі сцени на тлі повної зали
Виступ на форумі «Бізнес Молодість»
Дискусія на сцені перед слухачами
Макс із групою учнів після заняття
Учасники воркшопу працюють за ноутбуками
Лекція в невеликій аудиторії
Групове фото з учасниками заняття
Учні працюють за ноутбуками на занятті
Заняття в аудиторії з проєктором
Лекція в повній залі
Нагородження на бізнес-форумі
Макс записує відеоурок у студії

FAQ

Запитання про Кухні

Не знайшов відповіді? Напиши мені — відповім особисто.

Написати Максу
Що краще: Framer чи Webflow?

Обидва — професійні інструменти для повноцінних сайтів, і «кращого» серед них немає. Framer ближчий до логіки Figma й дає змогу швидко зібрати та запустити сайт. Webflow дає більше контролю над структурою, класами й CMS. Вибір залежить від проєкту й від того, як тобі зручніше працювати, — спробуй обидва безкоштовно в Аперитиві.

А з появою AI багато процесів в обох інструментах можна автоматизувати: Claude підключається і до Framer, і до Webflow через MCP. Про це дуже детально розповідаю в програмі «Шеф».

Коли починається курс?

Усі відеоуроки в записі — дивись у зручний час. Зазвичай курс проходять за 15–20 днів.

Чи буде підтримка?

Так — у Кухнях і в програмі «Шеф», протягом 21 дня.

Чи потрібно знати Figma?

Якщо ти новачок — усе потрібне з Figma пояснюється прямо в курсі.

Я не з України. Чи можу купити курс?

Так, звісно. Якщо виникнуть труднощі з оплатою — напиши мені в Telegram @MaksKyratov.

Чи повернуть гроші, якщо курс не сподобається?

Повернення не передбачене: після оплати одразу відкривається повний доступ до курсу. Перед покупкою переглянь програму й публічну оферту.

Щоб не помилитися, почни з безкоштовного Аперитиву або Практикумів.

Я взагалі не вмію робити сайти. З чого почати?

З безкоштовного Аперитиву або одного з Практикумів. Вони допоможуть познайомитися з процесом та інструментами без великої покупки.

Тут вчать робити сайти чи працювати з AI?

Насамперед — створювати сайти.

AI — один з інструментів, який допомагає пришвидшити розробку. У різних курсах ми вивчаємо окремі платформи й задачі, а в програмі «Шеф» розбираємо весь процес створення сайту під ключ.

Чи потрібно знати програмування?

Ні. Вчити код не доведеться.

На курсах ми розберемо лише основи — рівно стільки, щоб ти розумів, з чого зібраний сайт: і той, що конструюєш сам, і той, що пише за тебе AI. Не завчати, а читати й розуміти, що відбувається.

Тут більше практики чи теорії?

Практики. Я сам створюю сайти для клієнтів і в уроках показую, як працюю на реальних проєктах, — а не переказую документацію.

Чи зможу я брати замовлення після навчання?

Так — якщо не просто дивитися, а робити. Курс дає систему й навички, але результат залежить від твоєї практики.

Допомагаєте шукати клієнтів?

Ні. Я даю систему роботи над сайтами, а шукати клієнтів і домовлятися з ними — твоє завдання.

Але в програмі «Шеф» ми багато говоримо про те, як і де їх шукати, — щоб ти не залишився з навичками, але без замовлень.

Чи можна купувати курси окремо?

Так. Обирай тільки те, що тобі потрібно. А якщо береш кілька курсів, калькулятор автоматично застосує доступні знижки.

Що входить до «Усього меню»?

Три Практикуми, обидві Кухні та програма «Шеф · AI Website Creator».

$318 замість $454.

Бонусом — курси Photoshop і Spline.

Додатково — постійна знижка 20% на всі «Рецепти».

Чи є розстрочка?

Так, можна оплатити частинами від ПриватБанку — за допомогою картки ПриватБанку.

На сторінці оплати оберіть «Оплата частинами» та кількість платежів, вкажіть email і номер мобільного. Далі підтвердіть платіж на сторінці ПриватБанку — після підтвердження буде списано суму першого платежу.

Щоб оплатити всю суму одразу, натисніть «Інший спосіб оплати» → «Оплата карткою».

Я вже купував курси. Чи є знижка?

Напиши мені особисто перед оплатою. Я врахую попередні покупки й розрахую вартість індивідуально.

Я оплатив курс, але після оплати нічого не сталося. Що робити?

Не хвилюйся — платіж пройшов, і я його бачу.

Майже завжди, у 99% випадків, причина одна: під час оплати вказано неправильну пошту. Уся інструкція й доступ до курсу завжди приходять на пошту — перевір адресу, яку вводив, і папку «Спам».

Якщо листа немає — напиши мені в Telegram, розберемося.