Курс UI/UX та вебдизайн: впевнений старт

Комплексний практичний курс про створення інтерфейсів та вебпроєктів. Після його завершення ви станете майстром Figma, отримаєте від 2 проєктів в портфоліо та створите інтерактивний прототип мобільного застосунку.

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

Місяць 1

Вступне заняття

• Вступне заняття курсу. В його межах обговоримо програму навчання та практичний бриф
• Розберемо базові поняття
• Познайомимося з процесом створення вебпроєкту

Анатомія інтерфейсу: основи

Урок, на якому ми знайомимо студентів з першими елементами та їхніми станами, а також з основами роботи з Figma для дизайнерів інтерфейсів.

Онбординг

• Урок, де ми познайомимось з основами онбордингу та слайдерів
• Дізнаємось, як генерувати зображення, працювати з модальними вікнами

Шоти та презентація робіт

• Урок, на якому будемо знайомитися з шотами та Dribble
• Навчимося створювати обкладинки та описи для проєктів
• Публікація робіт

Місяць 2

Інформаційна архітектура та навігація вебсайтів

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

Створення карти сайту та різних видів навігації

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

Розбір напрацювань

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

Навігація в мобільних застосунках

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

Створення мобільної навігації та робота з користувацькими сценаріями

Урок, на якому ми навчимося створювати типові зразки мобільної навігації: нижню панель, бургер-меню, а також - користувацький сценарій (Userflow).

Розбір напрацювань

Аналізуємо роботи студентів та типові помилки.

Головний екран посадкової сторінки

• Знайомство з Hero Section
• Анатомія сторінки
• Типові композиції
• Знайомимось з інструментами, що допомагають створити крутий ключовий образ
• Розробляємо шоти на основі головного екрану

Розбір робіт студентів

• Аналіз напрацювань по Hero Section
• Розбір робіт студентів

Місяць 3

Типові блоки посадкової сторінки

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

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

• Знайомство з ChatGPT як інструментом для створення правдивого контенту
• Урок зі створення підказок (промтів)
• Робота з Language Tool для перевірки контенту
• Знайомство з Freepik для практики в створенні графічного контенту для сайту

Розбір напрацювань

• Розбір напрацювань студентів
• Рекомендації щодо покращень їхніх робіт

Мобільна версія сайту та адаптивний дизайн

• Адаптивний дизайн та його ключові принципи
• Робота з авторозмітками та іншими інструментами Figma
• Створення мобільної версії сайту

Розбір напрацювань

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

Створення дизайну сторінки: від пошуку візуального стилю до верстки

Урок, на якому викладач показує процес створення посадкової сторінки та версткою кожного блоку посадкової сторінки після Hero Section, включно з формою заявки.

Розбір напрацювань

Розбір робіт студентів по мобільній версії.

Фінальний розбір напрацювань, підготовка шотів до публікації

Додатковий, фінальний розбір напрацювань.

Особливості курсу

• Посібники та шаблони
• Допомога з наповненням портфоліо
• Знайомство з інструментами ШІ
• Доступ до закритого чату спільноти
• Добірки вакансій за напрямом
• Допомога ментора
• Сертифікат про проходження курсу

Викладачі курсу

• Юрій Галюк - Customer Experience Lead at ELEKS
• Антон Лукащук - Дизайнер цифрових інтерфейсів, Webflow-розробник
• Віталій Дячук - E-commerce Lead Designer at League Design Agency
• Вадим Гайдай - Провідний вебдизайнер в League Design Agency