З куратором

Початковий

Посадкові під ключ

Name: Посадкові під ключ
Rating: 5 (1 reviews)

Мова: українська

3 місяці

24 заняття

До 20 студентів у групі

Робота з кураторами

Початок навчання — 15 червня

~~7500~~ 5000^₴/міс

Формат не входить в передплату

Про що курс

Курс «Посадкові під ключ» — це чудова нагода опанувати ключові навички створення вебсайтів.

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

Завдяки цьому курсу ви зможете створювати для замовників прості посадкові сторінки під ключ.

Кому стане в пригоді

Вебдизайнерам початківцям, UX- та UI-дизайнерам, фрилансерам.

Куратори курсу

Графічна дизайнерка та ілюстраторка Креативної Практики

Теми уроків

Figma

Типографія

Колір

Провідний дизайнер освітнього відділу Креативної Практики

Теми уроків

Figma

Вебдизайн

Продуктовий дизайн

СЕО CASES, засновник Креативної Практики

Теми уроків

Дослідження

Вебдизайн

Дизайн-стратегії

Мудборд

UX/UI-дизайнер у Ringostat, експерт з Webflow

Теми уроків

Figma

Webflow

Верстка

Анімація

Програма курсу

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

Урок 1: Знайомство з Figma та основними інструментами

Навігація в інтерфейсі Figma. Створювання форми. Використання інструменту «Перо» та булевих операцій для створення фігур. Групування та вирівнювання елементів.

Урок 2: Огляд напрацювань зі створення типових фігур та форм

Відповіді на питання, розбір типових проблем.

Урок 3: Тексти, зображення та глобальні стилі у Figma

Робота з текстами. Маски для зображень. Режими накладання. Глобальні стилі.

Урок 4: Огляд напрацювань з текстами та зображеннями

Розбір типових помилок у роботі з текстами, зображеннями, режимами накладання та стилями. Відповіді на питання.

Урок 5. Обмеження, авторозмітки та компоненти

Монтажні області та обмеження. Авторозмітки. Компоненти. Функції «Варіанти» та Boolean.

Урок 6. Огляд напрацювань з добірки екранів

Розбір типових помилок у станах елементів, способи їх виправлення, відповіді на питання.

Урок 7. Інтерактивні прототипи

Налаштування пристроїв перегляду. Фіксування позиції при скролі. Інтерактивні елементи та їх події. Режими переходів. Створення модальних вікон. Розумна анімація.

Урок 8. Огляд напрацювань з інтерактивного прототипу

Розбір помилок у налаштуванні інтерактивних елементів, подіях, режимах переходів тощо. Відповіді на питання.

Урок 9. Посадкові сторінки та огляд процесу їхнього створення

Історія виникнення посадкових сторінок, їхня задача, типова структура, етапи та методи їхнього створення.

Урок 10. Мудборди та формування дизайн-стратегії

Метод роботи з мудбордами та формування стратегії розробки посадкової сторінки.

Урок 11. Створення UI Kit та схематичних екранів

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

Урок 12. Огляд напрацювань зі створення UI Kit та схематичних екранів

Розбір типових помилок в UI Kit та схематичних екранах. Рекомендації щодо покращення робот. Відповіді на питання.

Урок 13. Створення посадкової сторінки

Пропрацювання посадкової сторінки. Компоненти та варіанти. Готові сервіси для підбору іконок.

Урок 14. Огляд напрацювань з посадкової сторінки

Розбір типових помилок у посадкових сторінках. Рекомендації щодо покращення робот. Відповіді на питання.

Урок 15. Створення адаптивної мобільної версії сайту

Адаптивний дизайн. Бургер-меню, зміна сітки та розмірів. Збереження UI Kit у вигляді стилів та компонентів. Обмеження адаптивного дизайну.

Урок 16. Огляд напрацювань з адаптивної мобільної версії сайту

Розбір типових помилок в адаптивної мобільної версії. Рекомендації щодо покращення робіт. Відповіді на питання.

Урок 17. Налаштування проєкту Webflow

Створення проєкту. Огляд базових налаштувань. Екскурс в інтерфейс Webflow Designer. Налаштування <Body>. Налаштування HTML-тегів.

Урок 18. Огляд напрацювань з налаштування проєкту Webflow

Відповіді на питання, розбір типових проблем.

Урок 19. Основи верстки: настільна версія

Введення в HTML та CSS. Огляд базових елементів. Практичне виконання верстки. Створення CSS-класів. Групування та флексбокси. Використання базових юнітів. Заміна та редагування демонстраційного контенту елементів.

Урок 20. Огляд напрацювань з верстки настільної версії

Розбір типових помилок у верстці. Відповіді на питання.

Урок 21. Основи верстки: адаптивний дизайн

Огляд точок перебудови (breakpoints) на Webflow. Адаптація блоків. Попередній перегляд та тестування адаптивної верстки.

Урок 22. Огляд напрацювань з верстки адаптивної версії

Розбір типових помилок в адаптивній верстці. Рекомендації щодо покращення робіт. Відповіді на питання.

Урок 23. Оптимізація цифрового продукту. Базове SEO

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

Урок 24. Огляд напрацювань з оптимізації швидкодії сайту та SEO-налаштувань

Розбір типових помилок у налаштуванні сайту. Рекомендації щодо покращення робіт. Відповіді на питання.

Попередня реєстрація на курс

Посадкові під ключ

Зареєструватись

Оцінка курсу та відгуки студентів

Середня оцінка за відгуками 1 студента

Тетяна Данканич

20.09.2023

Курс просто неймовірний. Вся інформація подана цікаво, а що саме головне структуровано. Окремо хочу відзначити роботу кураторів, які створили...

Відповіді на деякі важливі запитання

Навчання розпочинається 15 червня й триватиме 3 місяці.

Щоб потрапити на цей курс, вам потрібно спочатку пройти відбір. Це відбувається в декілька етапів: спочатку ви подаєте заявку, потім куратори та команда Креативної Практики вивчають заявки та затверджують кандидатури студентів.

Загалом у курсі заплановано 24 заняття. Всі вони відбуваються онлайн. Програма поділена на 3 частини: робота з Figma, основи вебдизайну та робота з Webflow. Кожна частина триватиме місяць і матиме по 8 онлайн-занять.

Повна ціна курсу 15000 грн. Але ви можете оплачувати навчання помісячно. Авансами.

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

Так, звісно. Протягом курсу ви опануєте основні інструменти в редакторі Figma, попрацюєте над створенням власної посадкової та навчитесь верстати її у Webflow.

Ми будемо використовувати 2 редактори. Спочатку — Figma. А на останньому місяці — Webflow. Платити за них не потрібно.

Ні, це кураторський курс, він не входить у передплату.

Так, можна. Для цього напишіть нам на team@creativepractice.com.ua.

Посадкові під ключ

Про що курс

Кому стане в пригоді

Куратори курсу

Програма курсу

Місяць 1. Figma

Урок 1: Знайомство з Figma та основними інструментами

Урок 2: Огляд напрацювань зі створення типових фігур та форм

Урок 3: Тексти, зображення та глобальні стилі у Figma

Урок 4: Огляд напрацювань з текстами та зображеннями

Урок 5. Обмеження, авторозмітки та компоненти

Урок 6. Огляд напрацювань з добірки екранів

Урок 7. Інтерактивні прототипи

Урок 8. Огляд напрацювань з інтерактивного прототипу

Місяць 2. Вебдизайн

Урок 9. Посадкові сторінки та огляд процесу їхнього створення

Урок 10. Мудборди та формування дизайн-стратегії

Урок 11. Створення UI Kit та схематичних екранів

Урок 12. Огляд напрацювань зі створення UI Kit та схематичних екранів

Урок 13. Створення посадкової сторінки

Урок 14. Огляд напрацювань з посадкової сторінки

Урок 15. Створення адаптивної мобільної версії сайту

Урок 16. Огляд напрацювань з адаптивної мобільної версії сайту

Місяць 3. Webflow

Урок 17. Налаштування проєкту Webflow

Урок 18. Огляд напрацювань з налаштування проєкту Webflow

Урок 19. Основи верстки: настільна версія

Урок 20. Огляд напрацювань з верстки настільної версії

Урок 21. Основи верстки: адаптивний дизайн

Урок 22. Огляд напрацювань з верстки адаптивної версії

Урок 23. Оптимізація цифрового продукту. Базове SEO

Урок 24. Огляд напрацювань з оптимізації швидкодії сайту та SEO-налаштувань

Попередня реєстрація на курс

Оцінка курсу та відгуки студентів

Відповіді на деякі важливі запитання