Webflow: Course

без знання {коду}. без води

на реальних прикладах

для дизайнерів

6 місяців доступу

27 уроків

без підтримки

починай, коли зручно

Після оплати, протягом 24 годин, ти отримуєш на email доступ відразу до всіх матеріалів курсу на період 6 місяців

Після проходження курсу ти навчишся створювати сайти на Webflow з нуля без знання {коду} і зверстаєш свій перший лендинг

about

про курс

Курс українською з урахуванням всіх оновлень платформи, створений для тебе, щоб ти навчився розробляти адаптивні та інтерактивні сайти на webflow без коду, що дозволить тобі створювати сайти під ключ

5 модулів + бонуси

Це міні-курс з 5 модулів і бонусів (27 уроків), де ти зможеш навчитись створювати сайти на Webflow, працювати з динамічним контентом, анімувати сайти та оптимізовувати їх для пошукових систем. Кожен модуль розбитий на короткі 10-30 хвилинні уроки без води.

сертифікована лекторка

Лекторка курсу – сертифікована Webflow розробниця та дизайнерка, яка має глибокі знання Webflow і регулярно оновлює свої навички.

актуально

Актуальний курс, де всі уроки записані в квітні 2024 на базі оновленого інтерфейсу Webflow

На теорії будується практика, але теорія без практики не дасть тобі необхідних результатів. Ти зможеш покроково створити власний лендинг, переглядаючи уроки крок за кроком. Ми розбираємо по поличках, як працювати не лише з лендингами, але й зі складнішим функціоналом.

багато контенту на прикладах

без води

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

webflow certification

наша офіційна Сертифікація від webflow

наша школа успішно пройшла сертифікацію від Webflow, що засвідчує високий рівень наших курсів і глибоке розуміння інструментів та можливостей Webflow

webflow certification: 101webflow certification: layouts level 1webflow certification: layouts level 2webflow certification: cms

чому тобі варто

вивчити

webflow

webflow

Розробка сайтів на Webflow має великий потенціал завдяки швидкості виконання роботи та доступності по вартості для клієнтів

хочеш вміти розробляти сайти без знання коду

популярність знання інструменту зростає:
40+ вакансій щодня публікується на фриланс-платформі Upwork

930,000 сайтів було створено на Webflow станом на початок 2024 року

Володіння Webflow може підвищити твою конкурентоспроможність...

...оскільки все більше компаній шукають дизайнерів, які можуть працювати в цьому інструменті.

хочеш вийти на новий рівень в дизайні

For whom

курс для тебе, якщо ти...

Наші випускники курсів UX/UI Design: START, Mobile Apps: Design та UX Design: Medium можуть продовжити свій шлях в опануванні розробки сайтів на Webflow
без знання коду, розширити свої можливості
та працювати комплексно над проєктами.

Випускник наших курсів

UX/UI дизайнер

Для дизайнерів, які хочуть навчитися створювати сайти без необхідності програмування. Він ідеально підходить для початківців у UX/UI дизайні та досвідчених UX/UI дизайнерів, які прагнуть розширити свої можливості в дизайні та працювати комплексно над проєктами.

Lector

авторка курсу

про лекторку

  • Маю 2 роки досвіду у UX/UI дизайні, а загалом працюю в дизайні вже 10 років. Встигла попрацювати як дизайнер меблів, інтерʼєрів і як графічний дизайнер. А свій шлях у UX/UI дизайні почала зі школи Designly і це любов на все життя 💜
  • Зараз я працюю у компанії Radency. Спеціалізуюсь на складних SaaS продуктах, а також створюю вебсайти від ідеї до імплементації на Webflow. Працюю із замовниками із США, Швейцарії та Британії, проводжу воркшопи, постійно навчаюсь та заглиблююсь як у дизайн, так і у можливості Webflow.
  • Пройшла сертификацію від Webflow та, завдяки глибоким знанням платформи, беру складніші проєкти.
  • Постійно навчаюсь. Люблю книжки, які допомагають прокачувати мої навички, і художню літературу, читаю статті, постійно гуглю та ходжу на курси. Обожнюю свою професію за гнучкість, цікаві проєкти та можливість постійного розвитку.
  • Вірю, що треба мріяти сміливо, не боятись та йти до своїх мрій. Все, що для цього потрібно – це йти. Крок за кроком.

Євгенія
Бондаренко

UX/UI дизайнерка в Radency

program

програма

1 модуль
(6 уроків)

Знайомство з конструкторами, огляд webflow, основи html i css

  • Огляд популярних конструкторів, плюси і мінуси
  • Знайомство з інтерфейсом Webflow в деталях
  • Зрозумілою мовою про основи HTML та CSS, найменування, розміри, властивості Overflow, Fit
  • Одиниці вимірювання
  • Блокова модель, відступи, дисплей (Block, Inline, Inline-Block та None), основні елементи
  • Типографіка
  • Flex, grid та позиціонування (те, що потрібно для кращого розуміння побудови сайтів на конструкторі)

2 модуль
(9 уроків)

створюємо лендинг на webflow

  • Створення і налаштовання файлу для роботи
  • Створення головної секції (hero screen) сайту
  • Створення прикріпленого навігаційного меню (header), створення компоненту
  • Верстка всього сайту, створення карток.
  • Фоновий колір сторінки, Borders, Radius (заокруглення). Закріплюємо flex та grid на практиці
  • Створення footer сайту
  • Блок з підпискою на сайті, ID атрибут
  • Додаємо скрол на сторінці (якірні посилання)
  • Адаптивний дизайн для мобільних телефонів та планшетів
  • UI-kit
  • Переносимо файл із Figma

3 модуль
(4 уроки)

анімація і взаємодії

  • Прості ефекти по ховеру, стани елементів
  • Анімація блоку FAQ
  • Анімація по скролу, повороти
  • Створюємо плаваючу кнопку з функцією скролу нагору

4 модуль
(4 уроки)

CMS колекції, Оплати, Форми

  • Створення та налаштування CMS колекцій і як це впливає на швидкість внесення змін
  • Динамічні сторінки
  • Модальні форми
  • Підключаємо оплату: нюанси та поради

5 модуль
(2 уроки)

налаштовуємо SEO, публікуємо сайт

  • SEO налаштування для просування сайту
  • Додавання Favicon сайту
  • Ролі користувачів, публікуємо сайт і передаємо замовнику
  • Тарифи та плани Webflow (базово про Site Plans, Workspace Plans)

🔥 бонус

складна анімація

  • Навчимось анімувати повʼязані компоненти, розглянемо складну анімацію і як створювати початковий стан

🔥 бонус

кастомний слайдер

  • Розберемо вбудований слайдер (за замовчуванням у Webflow) і чому він не такий гнучкий
  • Навчимось підключати і налаштовувати кастомний слайдер за допомогою JS

РЕЗУЛЬТАТ: створиш повноцінний анімований лендинг на webflow, підключиш колекції, навчишся створювати блоги з динамічними сторінками і підключати оплати та сторонні сервіси

FAQ

питаннячка

Чи потрібно мені знати код?
Відкрити питання

Для роботи з Webflow знання коду не потрібне. Все створюється за рахунок зручного інтерфейса. Проте ми розберемось з основами HTML та CSS для того, щоб робота у Webflow була для тебе зрозумілою та комфортною. А в одному модулі спробуємо навіть покодити.

Що я буду знати після курсу?
Відкрити питання

Після курсу ти зрозумієш основи розробки Webflow, вивчиш основи HTML та CSS, вивчиш інтерфейс Webflow, навчишся користуватись основними елементами, тегами та класами та налаштовувати елементи. Ти засвоїш всі знання на практиці та створиш повноцінний анімований лендинг, підключиш CMS колекції, навчишся створювати блогиз динамічними сторінкам і підключати оплати та сторонні сервіси. В кінці ми заанімуємо наш сайт та навіть трохи покодимо і підключимо кастомний слайдер.

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

Чи є підтримка на курсі?
Відкрити питання

Ні, це міні курс без підтримки, для самостійного вивчення. Але ми додали практичні завдання та тест на самоперевірку, щоб кожен студент міг закріпити свої нові знання. Уроки записані таким чином, щоб ти міг повторювати за нами та крок за кроком створити свій перший анімований та адаптивний лендинг.

Буде сертифікат?
Відкрити питання

Ми не видаємо сертифікат за проходження цього курсу, оскільки він без підтримки і ми не можемо прослідкувати наскільки якісно кожен студент вивчив матеріал.

Але ти можеш пройти офіційну безкоштовну сертифікацію від Webflow та підтвердити свої знання.

Якою мовою викладається на курсі?
Відкрити питання

Українською 💜

На який період надається доступ до матеріалів курсу?
Відкрити питання

Після оплати курсу, протягом 24 годин ти отримуєш доступ до всіх матеріалів курсу відразу на 6 місяців. Подовження курсу немає, за бажанням, ти можеш придбати курс ще раз.

courses

наші курси

social media

підписуйся на інстаграм, тік ток і ютуб
І на лінкедін не забудь