Курси Web Design / UI/UX

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

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

Вебінар-знайомство

• Знайомство з викладачем і студентами
• Очікування від курсу
• Правила навчання

Свідоме та несвідоме сприйняття у цифрових продуктах

• Поняття свідомого, несвідомого й передсвідомого
• Як користувачі формують ментальні моделі та очікування від продукту
• Обмеження прогнозування поведінки користувачів
• Кейс-стаді: підбір релевантних методів до цілей дослідження

discovery research & behavioral insights

• Підходи до генерації гіпотез про користувачів
• Принципи discovery research
• usability-тести як спосіб валідації гіпотез
• Рольовий сценарій: проведення discovery-інтерв'ю в трійках

Прикладні закони сприймання та нейроестетики у дизайні інтерфейсів

• Поняття і властивості сприймання
• Гештальт-принципи в дизайні
• Закони нейроестетики В. Рамачандрана
• Практика: аналіз гештальт-принципів і законів нейроестетики в реальних продуктах

Керування увагою у інтерфейсах

• Види та властивості уваги
• attentional bias, attention blink, selective attention
• Патерни уваги у сприйнятті візуальної інформації
• Практика: аналіз запису usability-тесту з айтрекінгом

Брифінг курсового проєкту

• Знайомство з курсовим проєктом
• Презентація задачі замовником
• Запитання від студентів до замовника

Пам'ять та когнітивне навантаження в UX-дизайні

• Пам'ять: види, властивості, функції
• Ефекти Еббінгауза та Зейгарник
• Теорія когнітивного навантаження та число Міллера
• Практика: аналіз запам'ятовування фічей продукту в межах курсового проєкту

Мислення та когнітивні упередження в продукті

• Процеси й види мислення в ключових зонах взаємодії з продуктом
• Наративне і парадигматичне мислення (Дж. Брунер)
• Найпоширеніші когнітивні викривлення в продуктах
• case study: визначення активованого виду мислення на різних етапах продукту

Емоції та мотивація в продукті (гостьовий вебінар)

• Як емоції працюють у продуктах
• Теорія самодетермінації (Десі та Раян)
• JTBD: functional, emotional, social
• Hook Model Ніра Еяла та viral loops
• Темні патерни: маніпуляція мотивацією
• Вправа: Emotion-Motivation Canvas

opportunity solution tree (гостьовий вебінар)

• Що таке фреймворк OST
• Виявлення та формулювання opportunities (+JTBD)
• opportunities mapping
• Брейнстормінг рішень і пріоритизація

Ухвалення рішень та поведінкова економіка

• Системи мислення Д. Канемана
• PAD emotional state model
• framing effect та state-dependent decision making
• Архітектура вибору та Nudge Theory

engagement та системи підкріплення

• Принципи роботи систем підкріплення мозку (дофамінова, серотонінова, ендорфінова)
• Види підкріплення
• Залучення на етапі онбордингу
• Практика: аналіз кейсу онбордингу з даними ЕЕГ

Формування користувацьких онлайн-звичок та лояльності

• Нейропластичність: поняття та механізми
• Умови для формування звички
• Механізми прив'язаності у цифрових продуктах
• case study: аналіз механізмів утримання в реальному продукті

Індивідуальні відмінності користувачів у цифрових продуктах

• Типологічні підходи та теорії рис у поведінці користувачів
• Big Five theory (модель OCEAN)

Етика та маніпуляції у продукті

• Межа між підштовхуванням і маніпуляцією
• dark patterns: приклади і ризики
• Як будувати чесний UX
• Дискусія-практика: "де межа між відповідальністю користувача та дизайну"

Людиноцентричний дизайн та евристики Я. Нільсена для інтерфейсів

• Принципи людиноцентричного дизайну Д. Нормана
• Евристики Я. Нільсена
• case study: аудит цифрового продукту через евристики Нільсена та human-centered design

Передзахист

• Попередній захист робіт перед куратором (без замовника)
• Відпрацювання навичок презентації та внесення правок

Захист курсового проєкту

• Захист перед замовником
• Фідбек на кожну роботу

Випускний

• Ретро курсу
• Обмін враженнями

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

• Допомога ментора
• Практика
• Вебінари та відеолеції
• Спільнота та нетворкінг
• Курсовий проєкт
• Проєкт в портфоліо
• Сертифікат про проходження курсу

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

• Наталія Костенко - UX Researcher at Нова Пошта
• Марина Карпенко - Product Designer at Meta

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

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

Знайомство з професією UI/UX дизайнера

• Чим займається UI/UX дизайнер і яка різниця між UI та UX
• Скіли, які шукають роботодавці в дизайнерах-початківцях
• Інструменти, які допомагають працювати швидко та якісно
• Прийоми та основні принципи дизайну
• Чому дизайнерам важлива надивленість та як її розвивати
• Як працювати у Figma

Композиція

• Що таке композиція: формати та підформати
• Принципи візуального сприйняття та побудови привабливої композиції
• Роль естетики в дизайні
• Основні композиційні прийоми - ритм, метр, нюанс, акцент
• Симетрія, асиметрія, сітки та пропорції у макетах

Типографія

• Коротка історія типографії
• Знайомство зі шрифтами та їхніми гарнітурами (сімействами)
• Робота із текстовими блоками - довжина рядка, інтервали, розмір літер тощо
• Принципи типографічного оформлення заголовків та інших домінуючих елементів
• Принципи типографічного оформлення вторинних елементів - списки, посилання, цитати тощо

Колір

• Базові принципи колористики
• Функції, значення та зміст кольору
• Емоційне сприйняття кольорів користувачами
• Знайомство із кольоровими моделями - RYB, CMYK, RGB, HEX
• Які бувають кольорові палітри, контрасти та діапазони

Декорації

• Як декорації в дизайні допомагають досягати цілей бізнесу
• UI шаблони та їхній вплив на унікальність дизайну
• Різниця в роботі над декораціями сайтів та застосунків
• Проблеми та принципи створення референсних концепцій
• Де шукати натхнення та як не плагіатити

AI-інструменти в роботі UI/UX дизайнера

• Аналіз користувачів та конкурентів за допомогою AI
• Пошук і перевірка ідей для позиціонування, УТП та дизайн-концепцій
• Створення користувацьких сценаріїв і User Flow
• Робота з UX-copy та інтерфейсними текстами
• AI-інструменти для роботи з кольором і палітрами
• Швидке прототипування та презентація дизайн-рішень

Сайти. Інтро

• Роль сайтів у маркетингу
• Як побудувати концепцію корисного дизайну
• Робота із авдиторією - хто, за яких умов та для чого буде користуватися сайтом
• Формування УТП (унікальна торговельна пропозиція) та розуміння місця сайтів у воронці продажів

Сайти. Анатомія

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

Адаптивний дизайн

• Що це таке та навіщо він потрібен
• Базові принципи адаптивного дизайну
• Робота над адаптивністю у Figma та Framer

Як працювати з креативним брифом

• Які питання ставити клієнту
• Типові помилки під час брифінгу
• Обов’язкові блоки брифу
• Вчимося "читати між рядків" - як працювати з клієнтом, який не до кінця розуміє власні потреби
• Створення презентацій для клієнтів та візуальний сторітелінг

Унікальність у візуальному дизайні

• Художні прийоми в дизайні
• Ключові етапи дизайн-процесу та інтеграція в них художніх прийомів
• Створення впізнаваного й одночасно функціонального стилю

Як надавати та отримувати фідбек без тиску

• Навіщо потрібен фідбек та яким він буває
• Робота з деструктивним фідбеком
• Культурні відмінності у сприйнятті та наданні фідбеку
• Правила та типові помилки при побудові фідбеку

Вступ до проєктування інтерфейсів

• Як та коли стартувати роботу над дизайном інтерфейсу
• Проєктні гіпотези та способи їхньої перевірки
• Інструменти для збору даних та створення сильних дизайн-рішень

Занурення в UX частину

• Що таке UX та що важливо для користувача в дизайні
• Побудова цілісного та автономного юзерфлоу - шляху користувача
• Як створити передбачуваний досвід та коли варто виходити за межі звичного

Як працювати з мобільними застосунками

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

Принципи роботи над привабливими та зрозумілими інтерфейсами

• Основні елементи управління
• Робота з кнопками - типи, функції, призначення
• Рекомендації з використання посилань
• Створення підказок та помилок
• Чотири принципи класного інтерфейсу
• Різниця між чекбоксами, тогами і радіокнопками та їхнє застосування

Як писати інтерфейсні тексти

• Текст як частина дизайну
• Базові принципи UX райтингу - ясність, стислість, тон та контекст
• Як працювати з текстами залежно від юзерфлоу

Створення прототипів сайтів та мобільних застосунків

• Навіщо та коли потрібно створювати прототипи
• Побудова логіки переходів між екранами та перевірка юзерфлоу
• Прототипування та інтерактивні макети у Figma

Те, що ви захочете знати про кар’єру UI/UX дизайнера

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

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

• Допомога ментора
• Real-life завдання
• Регулярний фідбек
• Кейс в портфоліо
• Сертифікат за здобутки

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

• Михайло Кудринський - Head of UI/UX Design в Фокстрот
• Микола Турчин - Дизайнер продукту в Makai
• Святослав Затишняк - Незалежний дизайнер
• Дмитро Іванов - Незалежний дизайнер
• Микола Мельник - Head of Design at Alty
• Ігор Артюхов - Продуктовий дизайнер
• Еліс Шевченко - Продуктова дизайнерка у Andersen
• Олена Стародубцева - Senior UI/UX Designer at Apollo (Fozzy Group)
• Нікіта Висоцький - 5 років досвіду
• Левон Сарибекян - Продуктовий дизайнер
• Валерія Терлецька - Продуктова дизайнерка в Mindly
• Ольга Швець - UI/UX Designer at Cieden
• Валерія Суворова - Продуктова дизайнерка в Uklon
• Ірина Єфімова - Senior Product Designer at Lakeside Software
• Марія Рідкоус - Продуктова дизайнерка в GlobalLogic
• Христина Притула - Продуктова дизайнерка в Bizzabo
• Оксана Плечій - Senior Designer & Design Community Lead at Sombra Software
• Ольга Баркова - Senior UI/UX Designer at Cadabra Studio
• Марина Воскобойник - Senior Product Designer at ECOFACTOR
• Євген Дружинін - Senior UI/UX Designer at AIONYS
• Богдан Матвіїв - Артдиректор у dops.digital
• Дара Федоришин - Head of Product Design Office at Kindgeek
• Анна Пудова - Незалежна дизайнерка
• Анна Осядла - Артдиректорка у JetUp Digital
• Михайло Самоваров - Співзасновник і дизайн-директор League Design Agency
• Тетяна Березюк - Lead UI/UX Designer at League Design Agency
• Марина Бурлака - Project & Delivery Manager at League Design Agency
• Павло Кальнов - Senior Web Designer at League Design Agency
• Стас Говорухін - Дизайнер
• Віталій Дячук - Lead E-commerce Design Lead at League Design Agency
• Вадим Гайдай - Lead Web Designer at League Design Agency

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

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

Що таке UX

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

Методи та процеси в UX

• Визначимо зони відповідальності UX дизайнера
• Розберемо інструменти в наборі UX дизайнера
• Познайомимося з людиноцентричним дизайн-процесом, його стадіями та активностями
• Дізнаємось, які бувають спеціалізації UX дизайнерів
• Розглянемо фреймворки та процеси в UX дизайні
• Навчимося підбирати різні методи під різні UX виклики

Робота із замовником

• Розберемо основні етапи, з яких потрібно починати UX проєкт
• Навчимося проводити інтерв’ю із замовником, щоб здобути необхідну інформацію
• Дізнаємось, як та про що запитувати, щоб чітко розуміти потреби замовника

Аналіз конкурентів

• Визначимо, що таке конкурентний аналіз та його приховані переваги
• Розглянемо види аналізу конкурентів, зрозуміємо, коли його проводити
• Навчимося проводити аналіз конкурентів та застосувати отриману інформацію в роботі
• Поговоримо про конкурентне середовище та непряму конкуренцію

Робота з користувачами

• Зануримося в користувацькі інтерв'ю - як і навіщо їх проводити
• Розглянемо види та атрибути вдалого користувацького інтерв'ю
• Розберемося, як планувати користувацьке інтерв'ю та написати скрипт розмови
• Зрозуміємо, як шукати та знаходити саме тих респондентів
• Навчимося налаштовувати себе та респондентів на продуктивну бесіду
• Дізнаємось, як правильно обробляти дані та перетворювати їх на дизайн-рішення

User personas

• Поговоримо, навіщо потрібні персони й чи можна їх просто вигадати
• Навчимося крок за кроком створювати юзер персони
• Розберемо Customer Journey Map (CJM) - що це таке, навіщо потрібне та як побудувати
• Поговоримо про важливість емпатії як складника human-centered design

Опитування

• Розглянемо, які цілі опитування закривають та їхні можливості в UX дизайні
• Проаналізуємо види опитувань та навчимося працювати з вибірками
• Поговоримо про гіпотези та знайдемо їхній зв'язок з опитуваннями
• Виявимо важливі моменти у проведенні опитувань
• Розберемо помилки в роботі з опитувальниками

User flow

• Познайомимося з user flow - що це таке та чому є важливим у дизайні
• Розберемо види user flow: блок-схема, масштаб user flow, wireflow, інтерактивний прототип
• Розрізнимо user flow від CJM
• Дізнаємось, як опрацьовувати сценарії взаємодії користувача з інтерфейсом і як це може допомогти
• Визначимо, на якому етапі потрібно будувати user flow
• Детально розглянемо правила побудови user flow

Інформаційна архітектура

• Розглянемо структуру інформаційної архітектури
• Поговоримо про дані, які потрібно підготувати, щоб побудувати інформаційну архітектуру
• Проаналізуємо принципи інформаційної архітектури на прикладах реальних сайтів
• Навчимося створювати інформаційну архітектуру та перевіряти її

Прототипування

• Дізнаємося, що таке прототип та навіщо його створювати
• Розберемо види прототипів та особливості кожного: low-fidelity, mid-fidelity, high-fidelity
• Розкладемо по поличках інструменти для створення прототипів
• Навчимося будувати прототип у Figma

Закони UX та юзабіліті евристики

• Навчимося перевіряти UX рішення крізь призму патернів людського сприйняття, пам’яті, уваги та загальних юзабіліті принципів
• Розберемо на прикладах основні закони UX та патерни: закон близькості, закон Фіттса, закон Хіка, закон Якоба, F-патерн, 10 евристик Якоба Нільсена
• Навчимося проводити евристичний аналіз

Тестування

• Навчимося проводити якісні та кількісні тестування дизайн-рішень
• Розберемо модеровані та немодеровані тестування з користувачами й інструменти, які для цього знадобляться
• Зрозуміємо, як правильно висувати та перевіряти гіпотези
• Навчимося опрацьовувати результати тестувань та формувати артефакти

Презентація

• Дізнаємось, як ефективно презентувати дизайн перед командою
• Навчимося оформлювати контент так, щоб зосередити та підтримувати увагу глядачів
• Розкриємо секрети мистецтва захищати свої дизайн-рішення

Soft Skills

• Визначимо чому софт скіли важливі для просунутого UX дизайнера
• Розберемо основні софт скіли, які допоможуть UX дизайнерам ефективно працювати в команді
• Зрозуміємо, як сприймати та давати фідбек

Mobile

• Розберемо тонкощі UX рішень для мобільних девайсів
• Проаналізуємо актуальну ситуацію на ринку мобільних застосунків
• Дізнаємося про відмінності проєктування мобільних, десктопних пристроїв та планшетів
• Виявимо різницю між iOS, Android та розберемося, що таке кросплатформні застосунки

Впевнений UX дизайнер

• Поговоримо, як дизайнеру оцінювати власну роботу
• Дізнаємося, що індустрія, організація, команда та керівник очікують від UX дизайнера, та як ці очікування синхронізувати
• Розглянемо фреймворк "Цілі, сигнали, заміри" та застосуємо його
• Розберемо інструменти, які допомагають UX дизайнеру оцінити та покращити свою роботу

Емоційний дизайн

• Розглянемо на прикладах когнітивні упередження
• Навчимося застосовувати знання з психології, щоб створити якісний користувацький досвід

Портфоліо UX дизайнера

• Навчимося дивитися на портфоліо як продукт
• Розглянемо типи портфоліо та їхні особливості
• Поговоримо про різні платформи для онлайн портфоліо
• Навчимося будувати структуру сайту-портфоліо
• Дізнаємось, як будувати кейс-стаді та застосовувати сторітелінг у ньому
• Розберемо best practices для оформлення робіт у портфоліо

Матриця компетенцій UX дизайнера

• Дізнаємося, що таке матриця компетенцій та як вона стане в пригоді
• Заповнимо матрицю компетенцій UX дизайнера
• Розберемо софт та хард навички, які потрібні UX дизайнеру, щоб впевнено зростати

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

• Відеолекції щопонеділка та щочетверга, живі зідзвони з куратором щосереди о 19:00
• Real-life завдання
• Регулярний фідбек
• Сертифікат за справу
• Можна повернути кошти протягом 7 днів від початку курсу

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

• Сергій Ревва - Lead Product Designer в airSlate
• Марина Подстрігіч - Co-founder, Head of Design at Craft Innovations Global
• Іста Чебан - Дизайнерка продукту в Kyivstar.Tech
• Ростислав Матюк - Product Designer at Uklon
• Євгенія Любчик - Product Designer at Soniq
• Вова Хижняк - UX Designer at EPAM
• Валентин Бродський - Co-founder і CEO в Axicube
• Олександра Плужнік - Lead UX Designer в Atupri
• Андрій Рижанков - UX/UI Designer в EPAM
• Аліна Коваль - UX/UI Designer в Riseapp
• Таня Кораб - Product Designer в Siemens
• Данило Приходько - Product Designer at KyivstarTech
• Олена Шевчук - UX Designer at EPAM
• Маргарита Кердікошвілі - UI/UX Designer at Uinno
• Євген Мошнянко - UI/UX Designer at EPAM
• Ян Гладченко - Product Designer at Raiffeisen Bank Ukraine
• Тетяна Кондратенко - UI/UX Designer at Axicube
• Данило Верба - Senior Product Designer at Raiffeisen Bank Ukraine
• Богдан Матвіїв - Артдиректор у dops.digital
• Маріанна Гончар - Senior UI/UX Designer at Awesomic

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

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

Просунуте використання Figma

• Auto layout
• Resizing
• Direction, spacing, and padding
• Alignment and advanced layout
• Absolute positioning
• Створіть колір, текст, ефект і стилі сітки макета
• Застосування стилю до об’єкта
• Групові стилі
• Комопненти
• Екземпляри
• Переіменування шарів
• Варіанти
• Local Variables
• Огляд змінних, колекцій і режимів
• Створення змінних і керування ними

Глибинні інтерв’ю

• Глибинне інтерв’ю
• Поширені помилки у глибинних інтерв’ю
• Interview

UX-проєктування. Паттерни. Поведінка

• Цикл розробки інтерфейсу
• User Persona
• Empathy map
• Юзабіліті аудит
• Етапи процесу UX-проектування
• Патерни у проєктуванні інтерфейсів
• Когнітивні й поведінкові патерни UX-дизайну

Канва ціннісної пропозиції (VPC)

• Value proposition canvas & Users Scenarios
• VPC
• User Scenarios
• User Story
• JTBD

Якість інтерфейсу. Accessibility. Usability

• Accessibility
• Usability

Композиція. Ієрархія. Як збалансувати дизайн

• Композиція
• Патерни нейрофізіології
• Сітки
• Правило "Зовнішнього-внутрішнього"
• Золотий перетин
• Візуальна ієрархія

Branbook

Створення ефективного Landing Page

• Landing page
• Типи цільових сторінок
• Як покращити якість цільової сторінки

E-Commerce

Проєктування інтерактивної взаємодії та Прототипування

• Interaction design Prototyping
• Тригери прототипа
• Smart Animation
• Прототипування з умовними
• Вирази в прототипуванні
• Створення прототипа зі змінною

Рівні деталізації при створенні каркасів інтерфейсу

• Low and High fidelity wireframes
• Wireframes
• Про каркасний шаблон низької точності

UI. Ведення та передача макета

• UI
• UI kit
• Етапи роботи над UI kit
• Як передавати UI kit розробнику, дизайнеру, замовнику?
• Сітки
• UI-KiT

Особливості мобільної розробки

• Дизайн мобільного застосунку
• Процес розробки мобільного застосунку
• Область натискання
• Розташування елементів і вимоги до сітки. Android та iOS
• Особливості сенсорного екрану

iOS Гадлайни

• Основи розробки додатків для iOS
• Як врахувати індикатор Home

Юзабіліті тестування. A/B тестування

• Usability Testing
• A/B Tests
• 8 кроків для A/B тестування

Особливості UX у напрямку Fintech проєктів

• Fintech
• Що таке fintech UX дизайн?
• Основні принципи
• 6 компонентів виграшної UX-стратегії fintech

Анатомія Дашбордів

• Dashboard
• Анатомія дашбордів
• Елементи інтерфейсу

Soft Skills для Дизайнерів. Успішні кейси Behance

• 10 Soft Skills for Designers
• Підготовка кейсу на Behance
• Програми для оформлення кейсів

Дипломний проєкт

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

• Необхідні базові знання та навички для освоєння курсу
• Заняття проходять в режимі онлайн-трансляції
• Оперативна служба підтримки студентів
• Усі записи уроків залишаються у студентів після закінчення навчання
• Велика кількість практичних занять і Livecoding
• Сертифікат після успішного закінчення навчання
• До шостого заняття ви можете повернути 100% внесених за навчання коштів
• Бонусом курсу є тренінг з проходження співбесіди та складання резюме з HR-фахівцем компанії

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

• Роман Шуральов - UI/UX Designer at Valtech
• Анна Ломонос - UI/UX Designer at Dev-pro
• Олександра Бойович - UI/UX Designer at Belight Software
• Дарина Парфенюк - Product Designer at GR8 Tech
• Ірина Пелипенко - Product Designer at SocialTech
• Дмитро Хижняк - Head of Design Department at Light IT Global
• Андрій Єлісєєв - Lead Designer at Readdle
• Оксана Висоцька - UI/UX Designer at Qlearsite
• Микита Лазутіков - Lead Product Designer at Kindgeek
• Анастасія Школяр - UI/UX Designer at Blue Lemons
• Олександр Головко - UI/UX Designer at Cadabra Studio
• Віталій Максименко - Product Designer at Avenga
• Вадим Пархоменко - Lead Product Designer at CryptoHub
• Раната Рамазанова - Design Lead at Lanp
• Антон Марковський - UI/UX Designer at 1648 Factory
• Антон Чорнобильський - UX/UI Designer at Ocean Agency
• Євген Могільда - UI/UX Designer at NEMESIS
• Михайло Кудринський - Senior UI/UX Designer at Edvantis
• Єлизавета Гусєва - UI/UX designer at Brave Capital
• Андрій Барсуков - UI/UX Designer at Dev-pro
• Марія Симоненко - Experience Designer at SoftServe
• Антон Рева - Product Designer at Doumo
• Іванна Попик - Product Designer at Phase One Karma
• Вікторія Чайковська - Senior UI/UX Designer at Olsys LTD
• Анастасія Макієвська - Senior UI/UX Designer at PandaDoc
• Анатолій Сафронов - Senior Product Designer at Нова Пошта
• Анастасія Федотова - Product Designer at Readdle
• Надія Абросимова - Product Designer at Tonic Health
• Микола Іванов - Chief Operating Officer at Clickable agency
• Анна Піддема - UI/UX Designer at The WhyKingz
• Катерина Кир'янова - Design Team Lead at Sokil
• Аміна Ахмедова - Product Design at Vodafone
• Євген Дружинін - Senior UI/UX Designer

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

Tier 1

• Digital Design for the Web: Principles and Applications
• HTML and CSS Fundamentals for User Interface Design
• JavaScript Fundamentals: From Basics to Advanced Concepts

Tier 2

• Advanced JavaScript and TypeScript:Tools and Best Practices
• Design Patterns for TypeScript
• Human-Computer Interaction andDesign: theory and techniques
• UX Research Methods andUsability Testing
• Interaction Design and DesignThinking for UX/UI
• Graphic Design
• Mastering Front-End Development with React

Tier 3

• Visual Analytics
• Product Analytics and AppliedStatistics
• Agile Product Management for SoftwareDevelopment Teams
• Career Strategies and Soft Skills forIT Professionals

Дипломний проєкт

• Applied Computer Science: Capstone Project
  • Розробка повноцінного цифрового продукту - від дослідження до релізу
  • Індивідуально або в команді реалізуєте UX/UI-рішення, web або mobile застосунок
  • Фокус на реальні потреби користувача, бізнес-логіку та технічну реалізацію

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

• Регулярні живі лекції та практика з викладачами
• Soft Skills
• Гнучкий графік без сесій
• Англійська для працевлаштування
• Автоперевірка коду та ШІ
• Підтримка кар'єрного консультанта
• Розробка резюме та мотиваційного листа
• Професійний профіль LinkedIn та зіркове портфоліо GitHub
• Тестові інтерв'ю
• Індивідуальні консультації та всебічна підтримка до випуску
• Студенський квиток
• Необхідність диплому бакалавра (будь-якої спеціальності) для вступу на магістратуру

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

• Богдан Коваль - Senior Software Engineer at Netflix
• Нік Білогорський - Ex-Director Security Google
• Віталій Нужний - Head of Ukraine
• Роман Прокоф'єв - Засновник Jooble
• Дмитро Лисицький - Співзасновник укр.філії GlobalLogic та стартапу Influ2
• Євген Сисоєв - Керівний партнер інвесткомпанії AVentures Capital
• Юлія Грущинська - Керівник відділу HR-партнерів в Ciklum
• Robert Potter - Co-Founder at Internet 2.0
• Костянтин Магалецький - Екс-партнер Horizon Capital
• Василь Тофан - Старший партнер Horizon Capital
• Марина Євдокименко - Президентка асоціації Women4Cyber Ukraine
• Сергій Борона - Head of Information Security at Ciklum
• Олексій Барановський - Senior Application Security Engineer at Intellias
• Олег Осадчук - Python Software Engineer at EPAM
• Олег Сінькевич - Machine Learning engineer at EngenAI
• Максим Лизогуб - ML Engineer at Everymatrix
• Володимир Голомб - Lead Data Scientist & ML Engineer at RBC Group
• Катерина Коцюбівська - Співзасновниця ГО "Агенція сталого розвитку та освітніх ініціатив"
• Антон Чорний - Agile product management lecturer / CEO of GoIT
• Юрій Кучма - Basic Algorithms Lecturer
• Андрій Білик - COO at WEBGORILLA Studio
• Олексій Репін - Frontend Developer at GoIT
• Максим Алієв-Ломач - Full Stack Engineer at AIWEB Solutions
• Руслана Ковальчук - Head of Career Center, GoIT
• Юлія Мельник - Head of Study at GoIT
• Юлія Олійник - Scrum Master & Project Manager at GoIT
• Ярослав Косиця - Frontend Developer at SoftRyzen
• Олег Андрус - Python Programming Lecturer
• Олексій Кудін - Data Scientist/ML Engineer at Upwork
• Тетяна Філімонова - Associate Professor at the Faculty of Information Technology
• Артур Гіль - Security Engineering Lead at Cossack Labs
• Ольга Караіван - SOC Engineer at Pharmbills
• Ярослав Малоокий - Cybersecurity Engineer at Kavitech
• Максим Плахтій - Засновник Karabas.com
• Едуард Рубін - Ексректор ХНУРЕ
• Вячеслав Поліновський - Кандидат технічних наук
• Владислава Магалецька - Головна консультантка Президента Enterra Solutions
• Прокопенко Юрій - Директор з інформаційної безпеки Банку Кредит Дніпро (BCD)

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

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

Design Basics

• Figma Essentials
• Basic UI Elements
• Components, Autolayout, and Variants
• Typography Basics
• Grids
• Prototyping
• UI Design
• Clickable Prototyping

Course Fundamentals

• How to learn effectively
• Figma practice

UX Design - Research

• Intro
• Design Process
• Quantitative Research (Surveys)
• Heuristic Interface Analysis
• Qualitative Research (In-Depth Interviews)
• Jobs To Be Done
• Customer Journey Mapping
• Kano Model. Features Prioritization
• Information Architecture Mapping
• User Flows
• Prototyping
• Unmoderated User Testing

Design Basics Extended

• Law of Proximity
• Law of Common Region
• Negative space
• Contrast
• Buttons
• Inputs

UI Design - Mobile App Design

• Grids
• Mobile Interfaces
• Interface Patterns & Trends
• Colors & UI
• Typography
• Design Gestalts and Rules
• Handoff Preparation (UI Kits)

Web Interfaces

• Scrum Methodology
• Gathering Data From Interviews
• Personas and User Stories
• Product Hypotheses
• Prototyping
• Composition and Typography
• Graphic Rhymes
• Adaptive Design
• How to Present Your Work
• Project Presentation
• Design Systems

Portfolio Cases on Behance

• Behance Overview
• Case Structure
• Trends
• Case Design Tips
• Second Behance Case

Creative Web

• Design exploration
• Site structure and mood board
• Wireframing
• Concept creation
• Adapting design
• Third Behance case

Team Project

• Team Project. Intro
• Jiro Environment
• Status Check
• Estimates
• How to Demo Your Work
• Team Project for Employment
• Retrospective

Employment 2.0

• Employment Roadmap
• Preparing Your Resume
• Interview Preparation
• Cover Latter Preparation
• Google, LinkedIn, DOU, Djinni
• How to find and apply for vacancies
• Job Search Tips: Talking to Recruiters
• Work details FAQ

HTML + CSS Basics

• HTML Basics
• CSS Basics
• Colors and Fonts
• Box Model Basics
• Semantic Basics
• Responsiveness Basics
• CSS Selectors
• Pseudo-Elements and Pseudo-Classes
• Specificity
• Links and URLs
• Images
• Media Queries
• Forms
• Position
• Extra topics

Career Development

• Mastering Your Probation Period
• PDP and Career Plans
• Salary Review Strategies
• Recruiter Outreach
• How to Find a New Job?
• How to Talk About You Previous Work Experience?
• Career Knowledge Base

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

• Працюєш? Вчись у власному темпі
• Зідзвони з менторами тричі на тиждень
• Чат з одногрупниками
• Навчальні матеріали "без води" замість довгих лекцій
• Матимеш 4 робочих проєкта в портфоліо: 3 індивідуальних і 1 командний
• Підготовка до працевлаштування: технічні співбесіди з менторами, перевірка CV, професійних соцмереж, підготовка до інтерв'ю, підбір вакансій для працевлаштування
• Гарантуємо працевлаштування після навчання
• Повернемо кошти якщо не знайшов роботу в ІТ

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

• Eugene Ochkalenko - Product designer / Coach
• Olya Koval - Student Coordinator

Це курс-туторіал, де ти опануєш головний інструмент дизайнера інтерфейсів та зможеш зайти в індустрію — з упевненістю й хард-скілами у софті. За 16 занять ти зможеш поетапно розібрати функціонал. Почнеш створювати фрейми, прототипи та автолейаути. Далі — зрозумієш, як покращувати дизайн-процеси, прискорювати запуск нових проєктів та мислити стратегічно. Без зайвих кліків та сліпого наслідування інструкцій з YouTube-туторіалів. У фіналі зробиш клікабельний прототип та анімацію.

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

Модуль 1. Базовий функціонал

• Заняття 1.1 Основні елементи інтерфейсу
• Заняття 1.2 Прості фігури та заливка
• Заняття 1.3 Фрейми
• Заняття 1.4 Векторна графіка
• Заняття 1.5 Текст і шрифти
• Заняття 1.6 Маски та ефекти
• Заняття 1.7 Комʼюніті й плагіни
• Заняття 1.8 Вбудовані ШІ-функції
• ДЗ: обрати один із трьох скрінів (Revolut, Spotify або Instagram) і максимально точно повторити його у Figma

Модуль 2. Верстка

• Заняття 2.1 Auto Layout та модульні сітки
• Заняття 2.2 Стилі
• Заняття 2.3 Компоненти та їхня варіативність
• Заняття 2.4 Variables
• Заняття 2.5 Дизайн-системи
• ДЗ: обрати один із трьох скрінів (Revolut, Spotify або Instagram) і максимально точно повторити його у Figma

Модуль 3. Прототипи та анімації

• Заняття 3.1 Інтерактивні компоненти
• Заняття 3.2 Прототип у variables
• Заняття 3.3 Клікабельний інтерфейс
• ДЗ: створити клікабельний прототип

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

Марк Кузнєцов - UI/UX & Graphic Designer в Дії та Мінцифрі

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

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

Дизайн процес

• Розберемося, що таке дизайн-процес, для чого він потрібен та яким буває
• Дізнаємось, як він допоможе зробити дизайн кращим і принести більшу користь замовнику/продукту
• Ознайомимося з моделлю Double Diamond та її етапами
• Зрозуміємо, як завдяки дизайн-процесу поєднати потреби користувача, цілі бізнесу та технічні можливості
• Збагнемо, як в його межах організовувати роботу дизайнера

Збір бізнес-вимог

• Зрозуміємо, що таке kick-off дизайн-проєкту та які завдання він виконує
• З'ясуємо, хто такі стейкхолдери та їхні ролі, яка відповідальність у кожного учасника
• Розберемося, як залежно від цих ролей вести комунікацію та до яких етапів кого залучати
• Отримаємо поради та лайфхаки, як правильно підготуватися та провести kick-off
• Зосередимося на інтерв'ю стейкхолдерів: як провести попереднє дослідження, скласти запитання та провести розмову ефективно
• Дізнаємося, що таке stakeholder mapping, для чого його робити та що воно нам дає
• Зрозуміємо, як працювати з отриманими даними, щоб бачити загальну картину проєкту/продукту та з'єднати точки між дизайном і бізнесом

Аналіз домену

• Аналізуємо домен (сферу) замовника чи компанії, навчаємося визначати його сильні та слабкі сторони
• Розберемося, що таке конкурентний аналіз і навіщо він потрібен
• Навчимося правильно ставити завдання, обирати конкурентів, визначати показники, інтерпретувати та оформлювати отримані дані
• Потренуємося мапити бізнес за допомогою канвасів і фреймворків, які пропрацьовуємо на практиці

Розуміння цільової аудиторії

• Поговоримо, як знаходити та фіксувати болі користувачів, покращувати їхній досвід і робити UX дійсно seamless
• Практикуватимемося правильно проводити юзер інтерв’ю та пропрацюємо потенційно складні ситуації, які можуть трапитися на них
• Навчимося працювати з цією інформацією так, аби наші дизайн-рішення були правильними, а проблеми користувачів дійсно важливими

Фреймінг дизайн-челенджу

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

Інформаційна архітектура, сортування карток, tree testing

• Вивчимо принципи та методи створення ефективної інформаційної архітектури для цифрових продуктів
• Розглянемо, як правильно організувати контент, щоб він був зрозумілим і доступним
• Попрактикуємо техніку сортування карток для оптимізації структури сайтів
• Навчимося визначати, як користувачі групують інформацію та як використовувати ці дані для створення інтуїтивно зрозумілої навігації
• Застосуємо методику tree testing для перевірки інформаційної архітектури без візуального дизайну, щоб зрозуміти, наскільки легко користувачі можуть знайти потрібну інформацію
• Освоїмо методи тестування та валідації інформаційної архітектури
• Зберемо та проаналізуємо зворотний зв'язок від користувачів для покращення навігації та зручності використання продукту

Процес ідеації

• Спробуємо різні техніки генерування дизайн-рішень: how might we, crazy 8, 5 whys
• Поговоримо, як правильно проводити брейншторми
• Навчимося практики mindmapping

Валідація дизайн-рішення

• Дослідимо всі можливі методи перевірки дизайну, з користувачами та без
• Навчимося вимірювати успіх дизайн-рішення за допомогою метрик
• Розглянемо варіанти швидкої валідації дизайну внутрішніми силами: коридорне та піратське тестування
• Дізнаємось, які можуть з'явитися обмеження в процесі тестувань та як із ними працювати
• Окремо зосередимося на когнітивних спотвореннях та емпіричних правилах, що враховують психологічні особливості юзерів

Концептуальні та ментальні моделі

• Дізнаємося, що таке концептуальні та ментальні моделі та як усунути розрив між ними
• Розберемо User Journsy Mapping, Service Blueprint, System Maps
• Вивчимо, як працювати з UML Use Case Diagram, task та user flow, Customer Journey Map
• Опануємо мапінги бізнес-процесів - Blueprint та Business Process Model and Notation

Юзабіліті та його вимірювання

• Розкладемо по поличках, що таке юзабіліті
• Дізнаємося, з яких частин воно складається, коли та навіщо його проводити
• Розглянемо різні види досліджень: якісні та кількісні, віддаленні та вживу, модеровані та ні
• З'ясуємо різницю між ними, переваги та недоліки кожного
• Вчитимемося ефективно їх вимірювати, незалежно від обраного варіанту

Прототипування та дизайн-системи

• Визначимо, чим є і не є прототипування, коли та навіщо його застосовувати
• Дізнаємося про види прототипування та в якому кейсі використовувати кожен
• Зрозуміємо, як правильно ділитися прототипами з користувачами
• Розберемо ключові tips & tricks для побудови дизайн-системи
• Створюватимемо дизайн-систему для проєкту

Фасилітація UX воркшопів

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

Аналітика та метрики

• Покращуватимемо користувацький досвід на основі аналітики
• Дізнаємось, як ставити правильні запитання, щоб отримати якісну інформацію
• Дослідимо фреймворки розвитку продукту
• Обговоримо, на які показники треба звертати увагу
• Вчитимемося трактувати метрики

Комунікація та презентація

• Навчимося презентувати проєкти на основі чітких даних і результатів, тренуватимемося робити це ефективно
• Розглянемо основні види оповіді та у презентаціях
• Дізнаємось, як правильно давати фідбек та вибудовувати взаємодію всередині дизайн-команд

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

• Живі вебінари проходять щовівторка о 19:30 та щосуботи об 11:00, відеолекції середа та неділя
• Real-life завдання
• Регулярний фідбек
• Сертифікат за здобутки
• Можна повернути кошти протягом 7 днів від початку курсу

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

• Євген Олексюк - UX Designer в EPAM
• Микола Анікєєнко - Senior Designer at EPAM
• Анна Дем'яненко - Lead Product Designer at Lazarev
• Марія Коковіна - Product Designer в Questrade
• Надя Любак - Lead Product Designer в Corytech
• Анна Ліщинська - Senior Product Designer at Fozzy Group

За 12 місяців ти виростеш з початківця - до джуна. Для цього розбереш функціонал Figma. Вибудуєш воркфлоу роботи над проєктом: від клієнтського брифу й рисерчу - до презентації. Навчишся створювати візуальний концепт, архітектуру й навігацію вебпродукту. Зрозумієш, як аргументувати дизайн-рішення розробникам - щоб без зайвих складнощів і всім подобалось.

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

Блок 1 - Figma

• Модуль 1. Функціонал Figma
• Модуль 2. Фічі Figma, про які ти не знав
• Модуль 3. Верстка
• Фідбек-сесія
• Модуль 4. Стилі, компоненти та бібліотека
• Модуль 5. Прототип та анімація
• Фідбек сесія

Блок 2 - Основи вебдизайну

Заняття №1

Design. Види дизайну. Вебдизайн у бізнесі. Дизайн-процес для вебу. Організація документу.

Блок UX

• Бренд. Брифінг. Аналіз аудиторії + proto-persona
• Аналіз конкурентів та аналіз бест-практис
• Sitemap: структура сайту + методологія AIDA. Створення сору з використанням ШІ, формулювання УТП (унікальна торгова пропозиція)
• Прототипування та тестування + base navigation list
• Фідбек-сесія

Блок UI: теорія

• Composition + grids
• Typography
• Colour
• References
• Фото та графіка
• Фідбек-сесія

Блок UI: практика

• Воркшоп: Ideas generation
• Воркшоп: Design approach - стиль, типографіка, кольори,композиція і додатково
• Воркшоп: Concept
• Implementation, ключові UI принципи та UI Kit
• Mobile
• Фідбек-сесія
• Presentation
• Presentation check

Практика: ленд

• Воркшоп: Знайомство з брифом. Етап research
• Воркшоп: Розробка структури та копірайту
• Воркшоп: Прототипування
• Воркшоп: Ideas generation + design approach
• Воркшоп: Concept
• Presentation check
• Portfolio

Блок 3 - Переходимо до найцікавішого - UX/UI Design

Заняття №1

Інтро в професію. Історія UX/UI дизайну.

Блок UX

• UX-дизайн. Психологія цифрового сприйняття
• Аналіз конкурентів
• Практикум. UX review
• Дослідження
• Фідбек-сесія
• User Persona та Customer Journey Map
• User flow
• Практикум. Проєктування зняття готівки
• Проєктування інтерфейсу
• Юзабіліті евристики
• Тестування дизайн-рішень
• Практикум. Розумний дім
• Фідбек-сесія

Блок UI

• Візуальний дизайн інтерфейсу (UI Design)
• Дизайн-концепт
• Типографіка, модульна сітка та іконки
• Фідбек-сесія
• Навігація. Дизайн внутрішніх сторінок
• Дизайн-система. Основні компоненти та форми
• Інтерфейси особистих кабінетів
• Практикум. Редизайн ЛК
• Анімація веб (запрошений лектор)
• Фідбек-сесія

Блок 4 - Mobile Apps Design

• Інтерфейс мобільних додатків. Гайдлайни iOS та Android
• Підготовка до брифінгу з реальним клієнтом
• Онлайн-зустріч із клієнтом
• Передпроєктний аналіз
• Практикум
• Навігація та патерни. Форми у додатках
• Візуальний дизайн інтерфейсу мобільних додатків
• Фідбек-сесія
• Перша сесія користувача та його шлях
• Інтерфейс мобільного додатка. Додаткові екрани
• Формування звичок у користувачів. Гейміфікація
• Фідбек-сесія
• Практикум
• Анімація mobile (запрошений лектор)
• Презентація дизайн-рішень
• Платформи для додатків
• Фідбек сесія
• Презентація клієнту
• Куди зростати UX/UI дизайнеру

Після курсу ти:

• Юзаєш Figma без зайвих кліків
• Проводиш UI-, UX- та CX-аналіз, досліджуєш конкурентів та складаєш Customer Journey Map
• Генериш ідеї, проводиш дизайн-сесії, створюєш референсні концепти й клікабельні прототипи
• Аналізуєш поведінку юзера, проводиш глибинні інтерв'ю, створюєш User Persona та User Flow, створюєш інтерфейси сайтів та додатків, тестуєш їх та аналізуєш на основі евристик
• Розробляєш та презентуєш дизайн-концепти, адаптуєш їх під різні пристрої та робиш навігацію максимально зрозумілою
• Кладеш у портфоліо три кейси, один з яких - для реального клієнта, презентуєш концепт - на практиці та з фідбеком, маєш шанс потрапити на стажування в топкомпанію країни

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

• Діма Напрієнко - Senior Product Designer at Welltech, ex-Head of Design at Jooble
• Оля Варченко - Web Designer
• Марк Кузнєцов - UI/UX & Graphic Designer at Дія та Мінцифрі