Курсы Web Design / UI/UX

Фильтр
Курс
Формат
Online
Начало занятий
17.03.2026
Длительность
3 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
6 400 UAH за месяц
Вечерние занятияВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • SMM
  • Web & Mobile Design / UI/UX
DAN IT Education
Подробнее

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

Модуль 0. Введення в професію

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

Модуль 1. Основні інструменти та програми для дизайну

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

  • Adobe Photoshop: освоєння професійного редагування зображень, текстур та ефектів для створення високоякісних візуалів
  • Adobe Illustrator: набуття навичок векторного дизайну для створення логотипів, іконок та ілюстрацій
  • Figma: вивчення основ співпраці та прототипування в дизайні інтерфейсів та вебсайтів з можливістю спільної роботи в режимі реального часу
  • Midjourney, Chat GPT: знайомство з інноваційними інструментами штучного інтелекту для генерації ідей та контенту, включаючи автоматизацію деяких процесів дизайну та текстового контенту

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

Модуль 2. Основні принципи дизайну

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

  • Мудборди та референси: Навчання створення ефективних мудбордів та використання референсів для збору візуальної інформації, що слугуватиме джерелом натхнення та орієнтиром у роботі над проєктами
  • Основи композиції: Вивчення ключових принципів композиції, включаючи баланс, контраст, акцентування, ритм та єдність, а також їх застосування для створення гармонійних та привабливих візуальних рішень
  • Колір у дизайні: Розгляд психології кольору та його вплив на сприйняття дизайну. Студенти навчаться створювати колірну палітру, що відповідає цілям та ідентичності бренду
  • Типографіка: Ознайомлення з основами вибору та використання шрифтів, створення ефективного текстового контенту, що сприяє залученню уваги й зрозумілості інформації
  • Технічні вимоги до роботи з макетами: Вивчення стандартів та норм, які слід враховувати при підготовці дизайн-макетів до друку чи публікації в цифровому форматі
  • Воркшоп зі створення віжуалів: Практичні заняття, де студенти матимуть можливість застосувати отримані знання на практиці, працюючи над створенням власних візуальних проєктів

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

Модуль 3. Дизайн в реалізації

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

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

Модуль 4. Кар'єра в дизайні

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

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

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

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

  • Живі заняття
  • Ізраїльська методика Телем
  • Підтримка ментора
  • Робота над реальними проєктами
  • Допомога курс-координатора
  • Сучасна LMS-система
  • Система оцінки знань
  • Різні проєкти у портфоліо
  • 18 практичних домашніх завдань
  • Кар'єрний супровід
  • Ком'юніті студентів та випускників

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

Сергій Коваленко - Senior UX/UI designer, Founder at Siegfried Design Buro

Подать заявку
Курс
Формат
Online
Начало занятий
02.03.2026
Длительность
15 недель
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
550 EUR за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Designly
Подробнее

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

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

Введення у професію. Основи Figma

  • Що таке UI/UX дизайн? Обов'язки дизайнера
  • Інструменти для роботи дизайнера
  • Детальне вивчення Figma (1 частина):
    • Знайомство з інтерфейсом
    • Frames&Groups
    • Об'єкти та їхні властивості (тіні, обведення, розмиття тощо)
    • Constraints (обмежувачі)
    • Криві (вектор, іконки)

Дизайн процес. Основи Figma

  • Типовий дизайн процес та основні ролі: як в реальному житті
  • Формати файлів з якими працює дизайнер
  • Детальне вивчення Figma (2 частина і не остання):
    • Градієнти та зображення
    • Вирівнювання (Alignment)
    • Маски
    • Булеві групи
    • Робота з текстом, плагіни

Сітки та роздільна здатність екранів

  • Що таке інтерфейс. Розбираємо простими словами
  • Сітки. Їхні види та різниця. Колонкова сітка. Блочна. Ієрархічна. Сітка в сітці. Модульна сітка. Базові 4px і 8px (hard та soft) сітки
  • Вчимось підбирати сітки під контент. Ніяких шаблонних підходів, тільки свідомий підбір і аналіз
  • Правило внутрішнього та зовнішнього. Вчимось робити правильну композицію макету, яку легко сканувати очима
  • Естимація (оцінка часу) проєкту. Вчимось рахувати час на дизайн

Типографіка. Тайм менеджмент

  • Що таке типографіка? Як обрати шрифт. Шрифтові пари
  • Швейцарська типографіка, яка часто лежить в основі мінімалістичного дизайну: кольори, контрасти, шрифти
  • Як покращити типографіку на сайті і на що звернути увагу
  • Тренди шрифтів. З трендами треба бути обачними, але ігнорувати їх не можна, якщо дизайнер хоче йти в ногу з часом і пропонувати сучасні рішення
  • Сервіси підбору класних пар шрифті¸ Як правильно планувати свій час, що не "згорати". Техніки планування

Типи сайтів. Лендінг. Роздільна здатність. UX Writing. Правила UX

  • Поширені типи сайтів. Їхні особливості
  • Роздільна здатність екранів та як дизайнеру з ними працювати
  • Типи макетів: Скетчінг, низькодеталізований та високодеталізований вайрфрейм, мокап та прототип. Коли який використовуємо
  • Процес роботи над лендингом (односторінковий сайт). Детальний розбір секцій лендингу
  • Аргументація своїх рішень. Як почати пояснювати свої рішення, щоб у них повірили
  • Копірайтинг у дизайні. Чому не варто використовувати рибу текст Lorem Ipsum
  • Основні правила UX дизайну. Те, що допоможе тобі у дизайні зручного інтерфейсу, орієнтованого на користувача

Композиція. UI елементи. Figma

  • Основи композиції. За її допомогою ми можемо керувати увагою та почуттям користувача
  • UI елементи їх стани і використання: кнопки, поля введення, радіокнопки, чекбокси тощо, основне, що необхідно для створення сайту
  • Інтерактивний гайд по UI елементам
  • Детальне вивчення Figma (3 частина): Auto layout, Стилі. Як тримати макет в порядку

Креативна стратегія (метод) Волта Діснея. Воркшоп

  • Що таке брейнштормінг і навіщо він потрібен
  • Практика генерації ідей по методу Волта Діснея. Виходимо за рамки власних уявлень

Колір. Доступність. Мудборд. Тренди

  • Основи кольору. Як підібрати кольори проєкту та підібрати відтінки
  • Accessibility. Доступність в дизайні. Наша дизайнерська робота полягає в тому, щоб звести до мінімуму проблеми всіх користувачів
  • Тренди в UX/UI дизайні
  • Пошук ідей візуального дизайну. На що звернути увагу, щоб знайти цікаву ідею
  • Створення мудбордів: технічного та для клієнта
  • Детальне вивчення Figma (4 частина): Створення "Системи шрифтів"

Візуальна ієрархія. Ілюстрації. Фото. Іконки

  • Основи візуальної ієрархії. Найбільш ефективний інструмент, який є у дизайнера для того, щоб сайт виглядав збалансованим
  • Ілюстрації: як працювати з ілюстраціями, які ілюстрації вже застаріли
  • Фото: Як підібрати фото для сайту. Коли взагалі краще не використовувати фото і чим замінити
  • Іконки: призначені для покращення дизайну та надання візуальної допомоги, яка надає інформацію або контекст

Практика редизайну з ментором. Воркшоп

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

Як покращити UI (візуал). Тіні. Стилі у Figma

  • Важливі деталі візуалу. Як покращити візуал
  • Тіні: Коли використовувати і як будувати
  • Вивчення стилів кольорів, тексту, тіней у Figma

Компоненти та варіанти у Figma. UI Kit проєкту

  • UI kit (Набір всіх елементів, на яких будується дизайн твого сайту). Навіщо він потрібний дизайнеру та розробникам
  • Детальне вивчення Components, Variants, Mapping, Variables. Що це таке, як це пришвидшує роботу дизайнера і робить макет більш професійним

Прототип. Анімація у Фігмі

  • Детальне вивчення Figma: Інтерактивний прототип у Figma. Збираємо прототип лендингу
  • Анімація у Фігмі: різноманітні приклади від менторів школи. Як покращити інтерфейс за допомогою анімації
  • Анімація Parallax

Презентація: Урок + онлайн презентація

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

Кейс та портфоліо

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

UX дослідження. Юзабіліті. Брифування клієнта. Визначення цільової аудиторії

  • Для чого нам UX дослідження
  • Що таке брифування клієнта, чому важливо правильно збирати інформацію про проєкт та як це впливає на успіх проєкту
  • Спілкування з клієнтом
  • Базове визначення цільової аудиторії продукту. Чому важливо знати свого користувача

Sitemap. User Flow. Тригери у дизайні

  • Початок роботи над дизайном інтернет магазина (e commerce). Інтернет магазин комплексний проєкт, який дозволяє закріпити отримані знання та набути нових, більш комплексних, які дадуть нашому випускнику неабиякі переваги перед іншими кандидатами
  • Створення Sitemap (мапа) майбутнього сайту, щоб побудувати гарну структуру сайту та оптимізувати її за потреби
  • Створення User flow сайту (візуальне зображення послідовності дій, які користувач виконує задля досягнення своєї мети на сайті
  • Тригери у дизайні
  • Базові засади UX. Юзабіліті (якісний показник простоти та зручності використання сайту)

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

  • Онлайн лекція на тему конкурентного аналізу за методом КАНО. Види функцій
  • Практика конкурентного аналізу в групах та презентація напрацювань

E-Commerce. Part 1

  • Дизайн форм для введення інформації. Вчимось робити швидкі та легкі форми, які будуть виконувати свою задачу та не перевантажувати користувачів
  • Login & Sign up в інтернет магазині. Як краще оформити, чому не варто повторювати поле паролю і як полегшити процес користувачу
  • Створюємо головну сторінку інтернет магазину
  • Детальне вивчення Figma (7 частина): Як створити Drop down list, Як створити Форму

E-Commerce. Part 2

  • Будуємо каталог товарів. Вивчаємо різний підхід до вибору фільтрів, сортування
  • Як правильно створити картку товару, щоб не наробити хаосу
  • Сторінка продукту: вчимось розмішувати великий об'єм інформації на сторінці, виділяти найважливіше та підводити користувача до цілі
  • Адаптивний (adaptive) vs Чуйний (responsive) дизайн. Як і навіщо нам адаптувати макети до більших та менших розмірів девайсів? (мобілки, планшети, десктопи)

Q&A-сесія з ментором групи

Спілкування з ментором та відповіді на питання. Можливість дізнатись більше про досвід ментора та відповіді на питання, які ще не були закриті у чатах курсу.

E-Commerce. Part 3

  • Кошик товарів. Дослідження свідчать, що майже 70% замовлень так і залишаються в кошику. Розбираємо, як зробити його ефективним
  • Checkout (оформлення замовлення). Форма замовлення на сайті має бути швидкою та простою, тому детально пропрацьовуємо цей компонент інтернет магазину
  • Сторінки помилок (404). Які вони бувають і як їх правильно пояснювати користувачам
  • Адаптивний (adaptive) vs Чуйний (responsive) дизайн. Чому важливо робити дизайн під різні роздільні здатності екранів і як це робити правильно

Основи Usability Testing

  • База з юзабіліті тестування. Тестуємо свої макети інтернет магазину на реальних користувачах, отримуємо фідбек і вносимо правки
  • Guerilla testing (Коридорне тестування). Коли немає доступу до користувачів чи немає ресурсів для проведення повноцінного тестування

UX аудит інтерфейсу. Евристики Нільсена

Аналіз інтерфейсу по 10 Евристикам Нільсена (10 Usability Heuristics). Як проаналізувати інтерфейс, коли немає доступу до користувачів.

Дизайн системи

  • Що це і чому це не те саме, що і UI kit? Як працювати з дизайн системами
  • Найпопулярніші дизайн системи

Основи інструменту Adobe Photoshop та Adobe Illustrator

  • Знайомство з інтерфейсом програм
  • Ретуш, обробка фотографій (Adobe Photoshop)
  • Вирізаємо об'єкти (Adobe Photoshop)
  • Робота з простим вектором (Adobe Illustrator)

Ретроспектива з ментором групи

  • Аналізуємо свій прогрес на курсі
  • Ділимося успіхами та провалами
  • Визначаємо власні зони розвитку

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

  • Розбираємо популярні ШІ інструменти, які будуть корисними дизайнера
  • Як працювати з ШІ

Співпраця з розробниками

Передача дизайн файлів девелоперам. Як правильно це зробити і на що звернути увагу.

Типи ІТ компаній. CV (Резюме)

  • Типи IT компаній. Яка різниця? Що обрати і куди піти
  • Soft skills. Чому вони важливі і як їх розвивати
  • CV (Резюме). Створюємо резюме, яке приверне увагу рекрутерів
  • Супровідний лист. Як написати і чому його варто писати новачкам

Співбесіда в ІТ. Відмови

  • Співбесіда в IT. Як відбувається. Як підготуватися до ІТ співбесіди, щоб успішно пройти співбесіду і проявити себе
  • Як зрозуміти, наскільки ти підходиш на вакансію. Як прокомунікувати свою недостатню відповідність
  • Підготовка до співбесід: найчастіші питання, найдивніші питання
  • Як психологічно підготуватися до співбесіди
  • Чому відмови це окей і як це прийняти

Практика проходження співбесід (з ментором групи)

  • Готуємося до проходження співбесіди по лекції з модуля
  • Структуруємо всі отримані знання на курсі
  • Відвідуємо симуляцію реальної співбесіди з ментором групи, відповідаємо на питання, отримуємо фідбек від ментора, що треба покращити, а що було дуже добре

Тестове завдання та випробувальний термін в ІТ компаніях. Ріст дизайнера

  • Тестове завдання в IT компанії. Як підвищити шанси виконати тестове успішно
  • Випробувальний термін в IT компанії. На що звернути увагу, як пройти і чому не варто боятись
  • Ріст дизайнера. Junior Middle Senior: яка різниця
  • Фриланс (базове знайомство з фриланс біржами
  • Договір із клієнтом, на що звернути увагу
  • Що далі? Як розвиватись дизайнеру?

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

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

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

  • Олександра Коваль - Lead Product Designer
  • Юлія Огороднік - Менторка курсу UI/UX Design: Start
  • Тетяна Процько - Менторка курсу UI/UX Design: Start
  • Аліна Семацька - Менторка курсу UI/UX Design: Start
Подать заявку
Курс
Формат
Online
Начало занятий
16.03.2026
Длительность
6 недель
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
13 000 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментора
  • Web & Mobile Design / UI/UX
Apollo it School
Подробнее

За 2 місяці навчишся писати клієнто-орієнтовані тексти для свого продукту.

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

UX-райтинг: база, яку потрібно знати

  • Хто такі UX райтери і чим вони займаються
  • Які текси НЕ пишуть UX райтери?
  • Основа основ: ознаки хорошого тексту

Мікрокопі: види і правила

  • Заголовки + підзаголовки
  • Кнопки
  • Попапи
  • Сповіщення, пуші
  • Помилки
  • Інструкції

Табу в UX райтингу: даркпаттерни та погані практики

  • Як не можна писати тексти в інтерфейсах
  • Види темних паттернів
  • Що робити, якщо текст поганий

Голос і тон

  • В чому різниця між голосом і тоном?
  • Різні підходи до створення системи тонів
  • Прості кроки до створення тонів
  • Персонаж як провідник тону і голосу
  • Що має входити у контент-гайд

Як працює райтер: етапи роботи

  • З чого почати?
  • Дослідження текстів: види
  • Різні інструменти для роботи
  • Взаємодія з командою

Інклюзивність у текстах

  • Що таке інклюзивність і для кого вона потрібна
  • Як зробити тексти інклюзивними

Бонусні лекції

  • Дослідження в UX райтингу
  • Англомовний UX райтинг

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

  • Доступ до файлів назавжди
  • Допомога тренера-практика
  • Багато практики
  • Сертифікат про проходження курсу

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

Дарина Кривохатько - UX Writer

Подать заявку
Курс
Формат
Online
Начало занятий
17.03.2026
Длительность
7 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
4 700 UAH за месяц
Вечерние занятияВыдаётся диплом/сертификатВозможно трудоустройствоСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
DAN IT Education
Подробнее

Програма курсу охоплює усі навички та знання необхідні для старту у сфері WEB-design. Після закінчення курсу видається сертифікат, а Ваше портфоліо поповниться одразу 4 проєктами.

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

Підготовка до початку курсу

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

Модуль: Soft Skills

  • Основні комунікативні навички
  • Орієнтування у ситуації спілкування
  • Управління емоціями
  • Емоційний інтелект
  • Критичне мислення
  • Робота у команді
  • Самопрезентація

Модуль 1. Промо-сайт

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

Модуль 2. Мобільний додаток

  • Гайдлайни iOS & Android
  • Відмінність користувацького досвіду на різних девайсах
  • Прив’язка користувачів до свого продукту за допомогою використання гейміфікації
  • Анімації та взаємодії з інтерфейсом
  • Після проходження модуля необхідно виконати макет для релізу в магазинах застосунків, а також звичне демо для клієнта.

Модуль 3. Адмін-панель

  • Просунуті UX техніки
  • Психологія людського сприйняття
  • Перші інтерв’ю призначені для користувача
  • Обробка результати опитувань та якісні висновки на основі них
  • Робота в дизайн командах і розподіл завдань
  • Таблиці, календарі, форми та інші елементи високонавантажених систем
  • Метрики продуктового дизайну на основі яких можна оцінити свою роботу

Модуль 4. Продуктовий дизайн

  • Аналітичні дослідження для проєкту
  • Дизайн сесії та брейншторми
  • Вивчення та аналіз користувачів
  • Прийняття рішень на основі отриманих даних
  • Дипломна робота на одну із запропонованих соціально-значущих тем

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

Воркшопи та майстер-класи

Бонусний модуль: Англійська для ІТ

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

  • Живі вечірні заняття (19:00-22:00)
  • Система оцінки знань
  • Робота в команді
  • Супровід ментора
  • Дипломний проєкт та сертифікат про закінчення навчання
  • Допомога у працевлаштуванні

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

  • Сергій Коваленко - Senior UX/UI designer, Founder at Siegfried Design Bü‎ro
  • Олег Вакарчук - Middle UX/UI designer, Freelance
  • Олег Сліпченко - Product Designer у Slots City
  • Московчук Дарина - Onereach.ai Web/Brand Designer
Подать заявку
Курс
Формат
Online
Начало занятий
26.03.2026
Длительность
2 месяцев
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
30 000 UAH за курс
Вечерние занятияВыдаётся диплом/сертификатСопровождение ментора
  • Web & Mobile Design / UI/UX
Apollo it School
Подробнее

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

Модуль 1. Інтерв'ю з бізнесом та формування продуктових гіпотез

  • Бриф клієнта та його аналіз
  • Яку проблему має бізнес
  • Для кого бізнес створює продукт
  • Наскільки цей бізнес зрілий
  • Як бізнес заробляє гроші
  • Як бізнес конкурує на ринку
  • Яких результатів бізнес очікує досягти
  • Підготовка до інтерв'ю зі стейкхолдером
  • Продуктова гіпотеза
  • Шаблон для аналізу продуктового брифу
  • Шаблон плану перевірки гіпотез
  • Шаблон Lean UX Canvas в FigJam та Miro (українською)
  • Картка воркшопу Lean UX Canvas
  • Тест до модуля

Модуль 2. Аналіз потреб користувачів

  • Як цифрова трансформація змінює взаємодію з користувачами
  • Компактний метод Jobs to be Done
  • Що варто знати про персону
  • Ціннісна пропозиція та "знеболювальне"
  • Як шукати користувачів
  • Шаблон завдань користувача згідно з методологією Jobs to be Done
  • Шаблон прото-персони
  • Шаблон канви ціннісної пропозиції в Miro та FigJam (українською)
  • Картка воркшопу ціннісної пропозиції
  • Тест до модуля

Модуль 3. Аналіз глибинних інтерв'ю

  • Місце продукту в житті користувача
  • Ментальна модель
  • Аналіз якісних даних
  • Побудова ментальної моделі
  • Чек-лист перед проведенням інтерв’ю
  • Список порад для аналізу відповідей респондентів
  • Картка воркшопу ментальної моделі
  • Тест до модуля

Модуль 4. Моделювання користувацького шляху

  • Всюди воронки
  • Сценарії в моделюванні користувацького досвіду
  • Мапа користувацького шляху (CJM) та креслення сервісу (Service Blueprint)
  • Продуктові метрики
  • Шаблон мапи шляху користувача (CJM) в Miro FigJam (українською)
  • Картка воркшопу CJM
  • Тест до модуля

Модуль 5. Аналіз конкурентів

  • Що таке конкуренція
  • Конкурентна перевага
  • Як аналізувати конкурентів
  • Аналіз конкурентів на практиці
  • Шаблон для категоризації конкурентів
  • Шаблон таблиці для аналізу конкурентів
  • Картка воршопу по аналізу конкурентів
  • Тест до модуля

Модуль 6. Продуктовий експеримент

  • Типи продуктових експериментів
  • Типи прототипів
  • Дизайн складних продуктів
  • Картка продуктового експерименту
  • Тест до модуля

Модуль 7. Аналіз результатів тестування концепції продукту

  • Чому ми тестуємо концепцію продукту
  • Ролі на експерименті
  • Вибір типу експерименту
  • Вибір метрик
  • Дієві та беззмістовні метрики
  • Підготовка до тестування
  • Дашборд експерименту
  • Чек-лист перед проведенням подуктового експерименту
  • Шаблон дашборду експерименту
  • Картка воркшопу по аналізу результатів експерименту
  • Тест до модуля

Модуль 8. Презентація результатів

  • Про що цікаво слухати стейкхолдерам
  • Структура презентації для стейкхолдерів
  • Шаблон структури презентаціях
  • Чек-лист перед презентацією
  • Тест до модуля

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

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

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

  • Таня Зав'ялова - Досвідчена дизайн-лідерка
  • Юрій Терницький - Сертифікований дизайн-лідер
Подать заявку
Курс
Формат
Online
Начало занятий
19.03.2026
Длительность
3 месяцев
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
51 000 UAH за курс
Вечерние занятияВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Projector
Подробнее

В умовах реальних технічних обмежень і жорстких дедлайнів студенти вирішуватимуть проблеми українських продуктових компаній та стартапів.

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

Інтро до продуктового дизайну

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

Метрики бізнесу і гроші

  • Основні бізнесові метрики для різних типів продуктів
  • Що таке юніт економіка
  • Як продукт, який ми дизайнимо, впливає на метрики бізнесу

Продуктові метрики. Частина 1: вступ, маркетинг та залучення

  • Ключові метрики:
    • acquisition
    • activation
    • retention
    • engagement
    • revenue
    • referral
  • Звідки користувачі приходять у продукт. канали залучення
  • Як побудувати залучення через самих користувачів. Product-led acquisition

Продуктові метрики. Частина 2: product & growth

  • Розбираємо шлях користувача від реєстрації до оплати: задачі дизайнера на кожному етапі
  • setup, aha і habit моменти
  • Що таке North Star metric і як її вимірювати

Як вирішувати дизайн-задачі: розбір case-studies

  • Як влаштований процес роботи в продуктах
  • Кроки створення дизайну: від розпаковки задачі до оцінки релізу
  • Розбір реальних робочих кейсів кураторів і інших дизайнерів світових компаній

Розпаковка продуктових задач

  • Які питання треба задати перед тим як сідати за дизайн
  • Як визначати яких даних не вистачає, і як хз швидко збирати для якісного вирішення задачі
  • 5W1H метод підходу до продуктових задач
  • Формалізація задачі та складення product-alignment document

Discovery. Частина 1: планування досліджень і рекрутинг респондентів

  • Як визначити, коли не варто проводити дослідження
  • Складання плану дослідження
  • Як бути певним, що релевантні респонденти знайдуться
  • Рекрутинг: де шукати респондентів. а коли немає бюджету?

Discovery. Частина 2: проведення досліджень

  • Методи досліджень і як їх обирати в залежності від задачі
  • Проведення глибинних інтерв'ю
  • Створення опитувальників

Discovery. Частина 3: аналіз результатів і застосування

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

Продуктові гіпотези і пріоритезація

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

Проєктування

  • Як переходити від стікерів до дизайну
  • Врахування інсайтів з досліджень і обмежень в рішенні
  • Складення user flow і першої ітерації, оптимізація та робота над рішенням

Visual UI

  • Чому одні інтерфейси здаються гарними, а інші - ні
  • Компоненти створення гарного інтерфейсу: над чим працювати
  • Як вдосконалювати свої візуальні навички

Interaction design

  • Чому дизайн інтерфейсів не закінчується на створенні статичних екранів
  • Поширені патерни взаємодії. як "оживити" інтерфейс
  • Доступні інструменти створення взаємодії на десктопі й у мобільних застосунках
  • Анімація: принципи, інструменти й реалізація у коді
  • Передача дизайну взаємодії розробникам

UX writing

  • Як писати ефективні інтерфейсні тексти для переконання, пояснення і помилок
  • Принципи і техніки гарного копі, приклади поширених місць застосування в продукті
  • Інструменти написання текстів для інтерфейсу
  • tone of voice і як консистентно комунікувати з користувачем у всьому продукті - створення емоційного відгуку за допомогою копі

Тестування рішень. Частина 1: класичне

  • Розбір методів тестування:
    • usability vs concept testing
    • moderated vs unmoderated
  • Підготовка: складення плану, сценаріїв і задач для тестування
  • Поради для проведення тестування й інструменти

Тестування рішень. Частина 2: альтернативне

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

Аналітика і А/В тести

  • Як працює продуктова аналітика, розбір поширених інструментів: Amplitude і Google Analytics
  • Як дизайнеру працювати й застосовувати кількісні дані в дизайні
  • Дизайн A/B тестів і підвищення шансів на їх успіх

Технічна реалізація

  • Як влаштований веб: HTTP запити, API, ендпоінти тощо
  • Як дизайнеру працювати з даними, де вони зберігаються та в якому вигляді
  • Реалізація дизайну з Figma в коді: чим насправді є auto-layout, компоненти, variables тощо

Презентації

  • Створення кейс стаді дизайн-рішень
  • Як створити сторітелінг у презентації
  • Як презентувати впевнено й переконливо

Комунікація з іншими ролями

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

Кар'єрна зустріч і працевлаштування

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

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

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

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

  • Борис Бакланов - Senior Product Designer at Klarna
  • Арсен Колиба - Product Designer в Wix
  • Юрій Опаренко - Staff Product Designer at Meta Inc.
  • Станіслав Тихонько - Розвиває мілтек-продукт на основі АІ для розвідки Сил оборони
  • Дмитро Грінкевич - Senior Product Designer at PDF Expert
  • Катерина Масленкова - Ex-Senior UX Writing Manager at Qonto
  • Єлизавета Нотаріус - Product Owner at Creatio
Подать заявку
Курс
Формат
Online
Начало занятий
01.04.2026
Длительность
10 недель
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
550 EUR за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Designly
Подробнее

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

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

Знайомство з UX методами та методологіями

  • Що таке UX дизайн і найпопулярніші ролі
  • Види UX досліджень
  • Кількісні та якісні дослідження
  • Як обрати правильний UX метод (+вчимося протягом курсу)
  • Популярні дизайн методології, їх схожість та відмінність

Брифінг клієнта. Цільова аудиторія. Опитування, як метод дослідження

  • Як працювати в команді, поради та нюанси
  • Розуміння бізнесу та брифінг клієнта
  • Визначення цільової аудиторії та її вивчення
  • Два основних види фідбеку від юзерів: активний та пасивний
  • Опитування користувачів. Швидкий спосіб зрозуміти, хто наші користувачі, з якими ситуаціями вони зіштовхуються
  • Аргументація своїх рішень

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

  • Концептуальна та ментальні моделі. Чому вони важливі
  • Глибинні інтерв'ю | In-depth interview
  • Як правильно провести глибинне інтерв'ю, де шукати юзерів та що робити із данними
  • Відкриті vs Закриті питання
  • Поради, як підвищити ефективність інтерв'ю з користувачами

Value proposition Canvas (шукаємо цінність продукту), Personas

  • Value Proposition Canvas та її переваги
  • Створення Personas: які дослідження потрібні, на що звернути увагу та як їх оформити
  • Коммунікація та презентація своїх рішень, як для клієнта, так і для команди

Методи UX Mapping, створення CJM, брейнштормінг, методи відбору ідей

  • Порівняння методів UX Mapping
  • Розбираємо Customer Journey Map
  • Як правильно створити Customer Journey Map і що робити із нею далі
  • Як правильно провести брейнштормінг
  • Метод Crazy 8's
  • Методи вибору кращих ідей після брейнштормінгу

Створення дизайн-рішення, формати та таблиці, фільтри, аргументація

  • UX правила та психологічні прийоми в дизайні
  • Розробляємо власне рішення на основі досліджень: ваєрфрейми та прототип (індивідуально)
  • Як створити ефективні форми на сайті
  • Як створити правильну таблицю
  • Фільтри та сортування
  • Як аргументувати свої ваєрфрейми перед клієнтом
  • Основи MVP підходу (база)

Usability testing варфреймів та метрики. Частина 1

  • Юзабіліті тестування: від А до Я
  • Як правильно провести тестування і отримати релевантні дані
  • Метрики: вимірювання успіху UX-дизайну
  • Коридорне тестування

Usability testing варфреймів та метрики. Частина 2

  • Де і як створити портфоліо: Notion та Behance
  • Оформлення Case study з UX дизайну для портфоліо

Резюме та пошук роботи

  • Як і де створити ефективне резюме
  • Важливі Soft skills для UX дизайнера

7 зустрічей на курсі і 2 презентації

  • Онлайн лекція: Навіщо бізнесу UX?
  • Онлайн лекція: Модель КАНО
  • Воркшоп: Аналіз конкурентів за методом КАНО
  • Командна консультація з ментором
  • Воркшоп: UX аудит за Евристиками Нільсена
  • Онлайн лекція: Техніка воронки в юзабіліті тестуванні
  • Q&A сесія

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

  • 10 тижнів навчання
  • 10 модулів з відео уроками в записі
  • 18 студентів у групі
  • 6 практичних онлайн занять
  • 2 практики презентацій своїх рішень
  • Командна та індивідуальна робота на курсі
  • Підтримка ментора
  • 85% практики та відео-розбір кожної домашки
  • Закриті чати зі студентами
  • Індивідуальний чат з ментором
  • Додаткові матеріали, конспекти, тести
  • Сертифікат про проходження курсу (за умови виконання всіх домашок)
  • 6 місяців доступу після завершення курсу

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

Олександра Коваль - Lead Product Designer

Подать заявку
Курс
Формат
Online
Начало занятий
09.04.2026
Длительность
3 месяцев
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
48 000 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Projector
Подробнее

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

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

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

  • Розберемося, що таке дизайн-процес, для чого він потрібен та яким буває
  • Дізнаємось, як він допоможе зробити дизайн кращим і принести більшу користь замовнику/продукту
  • Ознайомимося з моделлю 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
Подать заявку
Курс
Формат
Online
Начало занятий
09.04.2026
Длительность
3 месяцев
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
48 000 UAH за курс
Вечерние занятияВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Projector
Подробнее

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

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

  • Розберемося, що таке дизайн-процес, для чого він потрібен та яким буває
  • Дізнаємось, як він допоможе зробити дизайн кращим і принести більшу користь замовнику/продукту
  • Ознайомимося з моделлю 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 воркшопів

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

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

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

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

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

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

  • Допомога ментора
  • Практика
  • Регулярний зворотній зв'язок
  • Інтерактивні онлайн-зустрічі
  • Сертифікат про проходження курсу

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

  • Євген Олексюк - Senior UX Designer at EPAM
  • Марія Коковіна - Product Designer at Questrade
  • Олександр Головко - UX Lead at Lazarev Agency
  • Микола Анікєєнко - Lead Designer at EPAM
  • Анна Дем'яненко - Lead Product Designer at Lazarev
  • Анна Ліщинська - Senior Product Designer at Fozzy Group, LOKO
Подать заявку
Курс
Формат
Online
Начало занятий
19.01.2026
Длительность
3 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
13 200 UAH за курс
Вечерние занятияВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Source IT
Подробнее

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

Теми:

  • Вступ до Web-дизайну. Композиція, типографіка, теорія кольору
  • Ознайомлення з Adobe Photoshop. Особливості програми, панель інструментів, гарячі клавіші, принципи роботи із шарами, формами. Застосування навичок на практиці
  • Знайомство з Adobe Illustrator. Вивчення інтерфейсу, основних інструментів, принцип роботи. Створення логотипу та іконки
  • Створення сайту: принципи та алгоритм. Основна ідея та завдання сайту. Збір інформації. Бриф, вимоги замовника, аналіз сайтів конкурентів, позначення цільової аудиторії. Ідеї, приклади для веб-сайту, moodboard. Структура веб-сайту. Створення варфрейму майбутнього сайту. Відображення деталізованого дизайну сайту
  • Адаптивність. Правила створення адаптивних веб-сайтів. Основні дозволи для адаптивних веб-сайтів. Відображення кінцевого дизайну сайту під мобільний пристрій та планшет
  • Знайомство з Figma. Вивчення інструментів, гарячі клавіші роботи з символами. Поняття плагінів та робота з ними
  • Основи HTML/CSS. Використання інструмента Inspect. Передача макету на верстку
  • Основи UX: генерація ідей, user stories, user flows, mind maps. Вивчення Balsamiq
  • Мобільні програми: особливості дизайну під мобільні пристрої. Поняття гайдлайн мобільних ОС. Особливості створення дизайну під різні платформи iOS/Android. Ознайомлення з UI Kit. Створення мобільного застосунку
  • Як презентувати проект замовнику. Робота з InVision, створення клікабельних прототипів
  • Огляд анімації в After Effects
  • Створення онлайн-портфоліо на Behance/Dribbble, оформлення робіт
  • Життя після курсу: як розвиватись дизайнеру, де брати ідеї? Список літератури та ресурсів для самостійного навчання

Результат після проходження курсу:

  • Опануйте роботу з такими програмами та сервісами як Photoshop, Illustrator, Figma, Axure, InVision, After Effects, MockFlow
  • Дізнаєтеся про те, як створювати продаючій та ефективний дизайн, познайомтесь із сучасними UI/UX технологіями
  • Зможете робити гарний та зручний дизайн веб-сторінок та застосунків
  • Створіть власне портфоліо, яке допоможе вам на співбесіді
  • Найкращі студенти отримають рекомендації від викладача та можливість пройти співбесіду у провідних iT компаніях

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

  • Є можливість оплати курсу частинами
  • Сертифікат після проходження курсу
  • Курс збудований з урахуванням реальних вимог IT компаній
  • Протягом усього курсу ведеться рейтинг успішності
  • Додаткове заняття зі стратегії працевлаштування
Подать заявку
Курс
Формат
Online
Начало занятий
Дата формується
Длительность
3 месяцев
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
25 499 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Apollo it School
Подробнее

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

Теми:

  • Будуємо команду
  • Продуктова гіпотеза: Lean UX Canvas
  • Попереднє дослідження задач користувачів
  • Мапа користувацького шляху (CJM)
  • Глибинні інтерв'ю
  • Аналіз якісних даних
  • Воркшоп з клієнтом
  • Концепція продукту
  • Валідація концепції з користувачами
  • Аналіз кількісних даних
  • Презентація результатів валідації гіпотез
  • Стратегічне планування

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

  • Є безкоштовна версія
  • Вся теорія в доступі
  • Можливість дивитися стріми з запрошеними лекторами
  • Можливість пропрацьовувати свій проєкт або від реального замовника
  • Можливість задавати питання тренерам
  • Можливість задавати питання запрошеним лекторам
  • Отримання сертифікату
  • Можливість до 3 уроку повернути кошти

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

  • Таня Зав'ялова - Дизайнерка та менеджерка, 19+ років досвіду
  • Юра Терницький - Понад 17 років досвіду у креативних індустріях
Подать заявку
Курс
Формат
Online
Начало занятий
Дата формується
Длительность
6 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
22 000 UAH за курс
Вечерние занятияВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
A-Level Ukraine
Подробнее

Викладачі онлайн-курсу Web Design в A-Level розробили програму таким чином, щоб у рамках навчання кожен зміг послідовно ознайомитися та навчиться користуватися всіма цими інструментами та сервісами.

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

Модуль 1 - Основи графічного дизайну

Історія дизайну. Брендинг. Айдентика

  • Знайомство з фундаментальними подіями і іменами в історії дизайну
  • Філософія дизайну
  • Розбір термінології в дизайні
  • Студенти отримують теми для проєктів
  • Додаткова література і фільми

Знайомство із графічним редактором PS. Основні інструменти. Растрові зображення

Знайомство із графічним редактором AI. Основні інструменти. Векторні зображення

Основи композиції. Характер форми. Психологія композиції

  • Поняття композиції
  • Основні елементи композиції
  • Композиційний центр
  • Текстури і фактури у композиції
  • Що таке гармонія і як її досягти?

Колористика. Основи кольорознавства. Психологія сприйняття кольору. Способи поєднання кольорів

  • Основні характеристики кольору
  • Способи змішування кольорів. Режими RGB та CMYK
  • Способи поєднання кольорів
  • Психологія сприйняття кольорів
  • Чому ми реагуємо на колір і як підібрати палітру для проєкту?
  • Колористичні прогнози і тенденції

Символіка форми. Знаки. Семіотика

  • Що таке семіотика і навіщо в ній розбиратися?
  • Знак. Види знаків
  • Символізм
  • Семіотичний аналіз
  • Конотація і риторика
  • Свідомий підхід до створення зображень

Сітки та пропорції в дизайні. Золотий перетин. Числа Фібоначчі

  • Пропорції в дизайні
  • Золота пропорція
  • Модулор і золотий перетин
  • Модульні сітки

Типографіка. Види шрифтів. Шрифтові пари. Стилі шрифтів

  • Основи типографіки
  • Типи шрифтів
  • Параметри набору тексту
  • Як поєднувати шрифти в проєктах
  • Емоційне забарвлення шрифтів
  • Практика в AI

Верстка тексту. Правила оформлення текстових блоків

  • Вирівнювання тексту
  • Що не можна робити з текстом
  • Леттерінг
  • Верстка великих масивів тексту

Логотип. Етапи роботи над логотипом

  • Принципи створення логотипу
  • Етапи роботи над логотипом
  • Колір у логотипі
  • Практичність і адаптивність у використанні
  • Презентація логотипу

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

  • Портфоліо
  • Комунікація
  • Бриф і ТЗ
  • Референси і мудборд
  • Етапи роботи над проєктом

Інфографіка. Ілюстрація. Створення персонажів, принтів, патернів

  • Що таке інфографіка?
  • Види, техніки і стилі. Як не плутати між собою?
  • Іконки в дизайні. Правила створення і використання

Друкарська підготовка. Особливості та сфери застосування

  • Підготовка макетів до друку
  • Ефекти
  • Нюанси у роботі з текстом

Брендбук. Гайдлайни. Підготовка до презентації

  • Розбір інтерфейсу і можливостей Behance
  • Рекомендації для підготовки презентації
  • Відмінності між брендбуком і гайдлайнами
  • Що таке UI KIT?

Модуль

Модуль 2 - Створення Landing page

Етапи розробки проєктів. Опис етапів розробки проєкту. Що таке прототипування і навіщо воно потрібне?

  • Життєвий цикл продукту
  • Що відбувається на кожній стадії?
  • Що таке прототип?
  • Види прототипу
  • Як розробити прототип?

Figma. Початок роботи

  • Що таке композиція?
  • Елементи композиції
  • Основи композиції
  • Основні принципи
  • Інтерфейс Figma
  • Редактор файлів

Що таке Landing Page. Формула AIDA. Прототипи Landing Page

  • Landing Page
  • Навіщо потрібні цільові сторінки
  • Основні блоки цільових сторінок
  • Що таке формула AIDA? Як її використовувати
  • Як зробити прототип та як зробити хорошу цільову сторінку?

Сітка. Робота з секціями (Обкладинка, Інфо-блоки)

  • Що таке сітка і навіщо вона потрібна?
  • Види сіток
  • Композиція за допомогою сітки
  • Ритм
  • Інфо-блоки

Робота з запереченнями. Робота з секціями (Блоки переваг та вигод, Блоки довіри, Блок дії. Call to Action та очікування відвідувача)

  • Що таке заперечення відвідувача?
  • Як з ними працювати?
  • Блоки вигоди та переваг
  • Блок довіри
  • Блок дії

Форми. Що таке форми? Дизайн форм. Валідація

  • Що таке форми та навіщо вони потрібні?
  • Основні типи форм
  • Основні правила роботи з формами

Responsive

  • Як створити сітку?
  • Розміщення елементів по сітці
  • Сітка Bootstrap
  • Adaptive чи Responsive
  • Як зробити Responsive дизайн

Практика - RESPONSIVE LANDING доопрацювання та оптимізація для респонсив, фінальні доопрацювання.

Теорія по сітках bootstrap та брейкпоінти

Mobile First. Основні правила респонсив дизайну

Модуль

Модуль 3 - Мобільні додатки

Введення в мобільні додатки. iOS vs Android та web app. Що таке гайдлайни? Що таке ретина? Особливості побудови мобільних додатків (скелет екрану). Основні тренди

  • Види мобільних додатків
  • Що таке iOS та Android?
  • Гайдлайни
  • Навігація
  • Тренди

User flow mobile app. Realtimeboard

  • Що таке IA та user-flow
  • Які бувають формати
  • Що таке Скетч, Wireframes, Прототип
  • Паттерни навігацій

Splash screen - перше, що побачить користувач. Що таке splash screen? Його призначення

  • Мудборд та референси. Чим вони відрізняються і де їх брати?
  • Splash screen. Onboarding
  • Екрани та елементи програми
  • Дизайн-система (кейси)

Основні стани екранів згідно з виданою темою

  • Закони UX-дизайну
  • Дизайн-принципи
  • Дизайн-система (кейси)

Стан форм, валідація, другорядні екрани

  • Активація та залучення
  • Які є механіки залучення?

Практика: опрацювання всіх екранів додатків

Практика: порізка іконок, експорт зображень та шрифтів

Практика. Фінальні доопрацювання

Модуль

Модуль 4 - E-commerce

Figma. Робота з компонентами та автолейаутами

Інформаційна архітектура E-Commerce. Що таке архітектура проєкту?

  • Що таке IA?
  • Для чого потрібна IA?
  • Компоненти

UX Сценарії - User Stories UX сценарії, персонажі, мапа сайту, мапа сценаріїв

  • Що це і для чого потрібно?
  • Які бувають дослідження?
  • Як створити персону?
  • UX сценарії
  • Навіщо потрібна CJM?
  • Як побудувати CJM?

Чеклист юзабіліті інтернет магазину. Що таке чеклист юзабіліті для IM? Як його скласти та основні помилки

  • Що це таке?
  • Основні критерії
  • Структура сторінок
  • Головна сторінка
  • Навігація по сайту
  • Пошук по сайту
  • Каталог товарів
  • Картка товару
  • Кошик
  • Оформлення замовлення

Картка товару. Що таке картка товару? Правила її побудови

  • Для чого потрібна?
  • З яких елементів складається?

Категорії та фільтри. Практика категорії та фільтри. Правила їх побудови. Відпрацювання

  • Правила побудови
  • Категорії та фільтри
  • Категорії: для чого потрібні, як працюють
  • Фільтри: для чого потрібні, види фільтрів
  • Сортування товару: для чого потрібне?

User flow. Розбір та практика кошик та чекаут, stepper. Старт роботи над степпером, оформлення замовлення

  • Типи кошиків
  • Основні елементи кошику
  • Що таке чекаут?
  • Як зробити чекаут?

Внутрішні та додаткові сторінки. Стан та валідація форм

  • Які внутрішні сторінки бувають?
  • Їх призначення

Практика з додаткових модулів. Мега меню, фільтри, соціальні плагіни

  • Що таке мегаменю?
  • Коли використовується?
  • Типи мегаменю

Практика: респонсив для online store

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

  • Популярні фреймворки
  • Їх класифікація

Додаткова практика із розбором ДЗ. Робота над помилками

Дипломна робота

Опис

Дипломна робота включає в себе на задану вчителем тему створення власного дизайну інтернет-магазину та додавання його на сторінку Behance у вигляді презентації. Завданням є створити магазин в desktop версії та зробити адаптиви (мобільна версія та планшет). В дипломній роботі присутніми повинні бути 8 обов'язкових сторінок магазину.

Захист дипломної роботи

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

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

  • 24 заняття з англійської мови
  • Майстер клас по складанню резюме та проходження співбесід
  • Консультація з рекрутером та тестова співбесіда
  • Супровід до моменту працевлаштування менеджером, закріпленим за групою

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

  • Войтенко Іван - Freelancer
  • Малихіна Любов - Product Designer
  • Романенко Сергій - UI/UX, Web-designer
  • Таньпетер Володимир - UI/UX designer
  • Кормишева Ольга - UI/UX designer
  • Фоміна Олена - Digital designer
Подать заявку
Курс
Формат
Online
Начало занятий
Дата формується
Длительность
3 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
420 USD за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
8k Design Academy
Подробнее

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

Веб-дизайн як професія

Що вивчимо:

  • Специфіку професії
  • Структуру, елементи і типи сайтів

Результат: Розуміння того, навіщо ти в дизайні і куди рухатись далі.

Figma 101

Що вивчимо:

  • Воркспейси
  • Шейпи
  • Стилі і компоненти
  • Автолейаут
  • Прототипування
  • Плагіни

Результат: Не тільки володієш основним тулом веб-дизайнера, а вже і робиш перші практичні роботи.

Вступ у дизайн і стилі

Що вивчимо:

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

Результат: Навчишся розрізняти і генерувати унікальний дизайн у різних стилях.

Структура сайту

Що вивчимо:

  • Структуру сайту
  • Інформаційну архітектуру
  • AIDA
  • Модульні сітки
  • Варфрейми

Результат: Побудуєш інформаційну архітектуру. Використовуєш різні підходи у створенні варфрейму. Правильно працюєш з сіткою і відступами.

Композиція

Що вивчимо:

  • Візуальну ієрархію
  • Закони композиції

Результат: Вмієш за допомогою композиції вирішити дизайн-задачу. Генеруєш різні композиційні лейаути.

Типографіка

Що вивчимо:

  • Основи роботи з шрифтами
  • Ієрархію та вирівнювання
  • Системні шрифти

Результат: Впевнено працюєш із шрифтами: від підбору до ефектів. Вмієш організовувати великі масиви тексту.

Теорія кольору

Що вивчимо:

  • Теорія кольору
  • Кольорові гармонії
  • Цифрова доступність

Результат: Вмієш створювати збалансовані кольорові схеми, робити акценти і підбирати палітри.

Зображення

Що вивчимо:

  • Іконки
  • Зображення
  • Редагування зображень у Photoshop

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

Адаптиви

Що вивчимо:

  • Мобільну версію
  • Adaptive vs Responsive
  • Особливості адаптації сайту
  • Як взаємодіяти з розробниками

Результат: Можеш адаптувати сайт на планшет та телефон.

Анімація

Що вивчимо:

  • Характеристики анімації
  • Анімаційні ефекти

Результат: Вмієш додати вау-ефекту статичному сайту.

Робота з клієнтом

Що вивчимо:

  • Оформлювати портфоліо
  • Комунікувати з клієнтом
  • Створювати резюме

Результат: Маєш резюме і портфоліо з лендінгом.

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

Що вивчимо: Працювати в реальних умовах, давати собі раду з брифом, презентацією проєкту і правками.

Результат: Маєш другий проєкт для портфоліо - багатосторінковий сайт.

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

  • 10 лекцій
  • Доступ до занять та практичних завдань - 6 місяці
  • Технічна підтримка
  • 10 онлайн фідбек сесій з викладачем
  • Підтримка кураторів в чаті
  • Презентації, конспекти, матеріали лекцій
  • Спільний чат із студентами
  • Підтримка і проміжні рев’ю на дипломному проєкті
  • Сертифікат про проходження навчання

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

Дарина Сільченко - UI Lead at Eleken

Подать заявку
Курс
Формат
Online
Начало занятий
Дата формується
Длительность
6 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
5 990 UAH за месяц
Гибкий графикСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Gde.Design School
Подробнее

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

Частина 1. Програма WEB

UI/UX дизайнер та його дизайн-процес

  • Чим займається UI/UX дизайнер?
  • Що він робить, а що НЕ робить?
  • Класифікація інтерфейсів
  • Інструменти
  • Про що читати та чим надихатися?
  • Збираємо та налаштовуємо все необхідне для комфортної роботи

UI елементи. Атомарний дизайн

  • Базові компоненти інтерфейсу - як створювати, куди дивитися
  • Ознайомлення з Гайдланами Material Design
  • Що таке атомарний дизайн та як його застосовувати?

Типові Web-патерни

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

Сітки та композиція

  • Як працюють сітки?
  • Розбираємось з ритмами, вагами, видами сіток, компоновок контенту та їх поведінкою

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

  • Що таке адаптивний дизайн?
  • Розбираємось у різниці між сайтом, додатком, мобільною версією та адаптацією
  • Що таке брекпоінти?
  • Як поводяться компоненти та сітки при адаптації?

Колористика в UI

  • Як працювати з кольорами в інтерфейсах?
  • Палітри, референси, колірні схеми

Типографіка в інтерфейсах

  • Стилі тексту у Figma
  • Типографічні гайдлайни
  • Адаптивна друкарня
  • Шрифтові пари
  • Розмірності та базис типографічної схеми
  • Типографічний ритм

Предпроєктне дослідження та збір даних

  • Які питання слід поставити під час першої розмови з клієнтом?
  • Без яких документів не можна починати роботу над дизайном?
  • Що заповнюєте ви, а що ваш замовник?
  • Розбираємо на реальних кейсах

Конкурентний аналіз

Розглянемо методи дослідження ринку, прямих та непрямих конкурентів, навчимося використовувати дизайн-патерни, які вже перевірені відомими компаніями та впровадимо їх у свій інтерфейс.

Створення Landing Page

  • Правила створення лендінгів Фоомулу AIDA
  • Що потрібно дізнатися щодо його створення

Information Architecture

  • Що таке інформаційна архітектура
  • Типи інформаційних архітектур
  • Як проєктувати інформаційну архітектуру

E-commerce

  • Розглянемо 5 типів покупців за N/N Group
  • Проєктуємо сторінки E-commerce сайту
  • Розставляємо тригери

Дизайн-системи

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

Motion Design

  • Які програми можна анімувати інтерфейс?
  • Розглянемо як це робити у Figma та Jitter, також проведемо огляд інших програм

Бонус 1: Робота з фріланс-біржами UpWork та Fiverr

  • Найскладніше для дизайнера - взяти перший проєкт
  • Я привертаю досвідчених фахівців, які розкажуть, як працюють 2 топові біржі та як взяти на них перших клієнтів

Бонус 2: Ведення соцмереж

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

Частина 2. Програма Mobile

Основи мобільних додатків та їх гайдлайни

  • Чим відрізняється IOS від Android?
  • Які типові елементи інтерфейсу виділяють ці платформи
  • Що можна змішувати в кроссплатформі, а що ні? Відповідаємо на всі ці запитання

Ключові паттерни мобільних додатків

  • Розбираємось з базовими патернами мобільних додатків
    • Логін та реєстрація
    • Головна сторінка програми
    • Паттерни навігації
    • Error Messages
    • Онбординги та перші екрани входу
    • Каталоги
    • Фільтри та пошукова навігація
    • Чати
    • Календарі та планування графіка
    • Персональна сторінка, профайл

Комунікація з клієнтом, Vision - опитування живого бізнесу

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

Аналіз інтерв'ю з користувачем. Lean Canvas та інші артефакти

  • Що робити з інформацією, яку "навалив" вам клієнт?
  • Ключові канваси та дескрибація інтерв’ю

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

Customer Journey Map або CJM ("Карта подорожі клієнта")

Job Stories

Job Story допомагають зібрати важливу інформацію про потреби людей та передати її різним членам команди, не втративши суті.

Формування списка фіч продукту

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

User Flow - будуємо наш додаток

High fidelity prototypes

Тестування мобільного додатку

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

Концептування мобільного додатку

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

Дизайн-система мобільного додатку

Створення дизайн-системи для всього проєкту.

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

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

Додаткові артефакти: іконка додатку та екрани для апстору

Дизайнер повинен вміти супроводжувати продукт на всіх стадіях його розробки, впрот до випуску в продакшн.

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

  • 96 годин колективних занять
  • 24 години індивідуального консультування
  • Понад 10 реальних кейсів
  • Online формат

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

Марія Кострова - Senior UI/UX designer

Подать заявку
Курс
Формат
Online
Начало занятий
Дата формується
Длительность
3 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
14 500 UAH за курс
Вечерние занятияВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Powercode Academy
Подробнее

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

Ready, Steady, Go!

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

Швидкий старт у UX/UI Design

  • З чого починається дизайн? Різниця між UX та UI
  • Топова програма дизайнера Figma: встановлення, розбір базових інструментів
  • Research i Moodboard: Як знати що саме потрібно замовнику, аби він заплатив за проєкт
  • Sitemap and User Flow. Грамотна побудова логіки сайту: дизайн, зручність, адаптивність
  • Wireframe. Практика. Навіщо робити скетч сайту перед його дизайном

Як працювати швидко та отримувати X2 вже на старті

  • Вчимося працювати як Senior Designer: Сітка, component та групування
  • Hot Keys. Як працювати правильно і швидко
  • Базові блоки сайту
  • Що таке прототип сайту і навіщо він потрібен
  • Практика. Створюємо Hero page

Продаючий багатосторінковий сайт

  • Що таке і навіщо багатосторінкові сайти для бізнесу?
  • Малюємо головну сторінку сайту
  • Бургер-меню, що за звір і з чим їдять
  • Сторінка товарів, кошик та фільтрація
  • Практика. Створюємо та упаковуємо інтернет-магазин

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

  • Різниця дизайну сайту і додатку. Принципи розташування елементів на холсті
  • Onboarding. Як закохати користувача у додаток з першого свайпу
  • Створення і розробка окремих екранів додатка
  • Прототипування. Збираємо додаток
  • Практика. Покроково створюємо онлайн мобільний додаток

CRM-система. Те, що потрібно кожному бізнесу

  • Що таке CRM-система і хто замовляє її дизайн
  • Складові CRM-ки: холст, сайд-бар, рамка, контрольні лінії, відступи
  • Що таке чарти: види, створення і дизайн
  • Створюємо і збираємо CRM
  • Практика. CRM

Як заробляти більше: додаткові шляхи монетизації

  • З якими соціальними мережами може працювати дизайнер
  • Instagram/Facebook. Упаковуємо пости, stories, highlights
  • Створюємо рекламні банери для бізнесу
  • Створюємо Презентації та чек-листи для блогерів і онлайн шкіл
  • Практика. Дизайнимо презентацію на 10 сторінок

Моє перше портфоліо: реєстрація, упаковка і випуск

  • Чому дизайнеру потрібне портфоліо? Секрети продаючого кейсу
  • Розбір і реєстрація на платформах для дизайнерів: Behance, Dribble
  • Упаковуємо свій кейс
  • Завантаження кейса на платформи. Додаткові фішки
  • Практика. Випускний

Як шукати і закривати клієнтів на високі чеки

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

  • Доступ до матеріалів на 6 місяців
  • Закрита телеграм група
  • Практичні завдання з перевіркою
  • Сертифікат про проходження курсу
  • Можливість повернути кошти протягом 14 днів від старту курсу

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

Siuzanna Shevchuk - UI/UX Designer

Подать заявку
Курс
Формат
Online
Начало занятий
Дата формується
Длительность
4 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
18 700 UAH за курс
Гибкий графикСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Powercode Academy
Подробнее

На курсі студенти отримають досвід роботи з адаптивним дизайном, розуміння етапів розробки сайтів та інтерфейсів, знання принципів юзабіліті сайтів та застосування основ композиції та роботи з кольором. Будуть працювати з Photoshop, Illustrator, Figma, Invision, Zeplin, а дипломний проєкт стане хорошим доповненням у портфоліо.

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

Вступ до Веб-дизайну

  • Що вас чекає на курсі
  • Роль дизайнера у проекті
  • Знайомство з графічними редакторами Adobe Photoshop, Adobe Illustrator
  • User Flow / User Journey Map / Site map
  • Практичне заняття

Figma: вивчаємо інтерфейс. Робота з інструментами та панеллю параметрів. Wireframes та тестування ідеї

  • Figma: вивчаємо інтерфейс та вчимося з ним працювати
  • Тестування ідеї
  • Wireframes. Основи прототипування
  • Практичне заняття

Дизайн система. Навігация та робота над логотипом

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

Типографіка. Модульні сітки та їх налаштування. Вчимося створювати свої індивідуальні сітки

  • Типографіка та сітки
  • Модульна сітка
  • Адаптив
  • Практичне заняття

Композиція та колір

  • Композиція
  • Колір
  • Практичне заняття
  • Material design. Інструкції з людського інтерфейсу

Эвристики Нільсена

  • Usability для дизайну інтерфейсу користувача
  • Эвристики Нільсена
  • Практичне заняття

Mobile application (IOS / Android)

  • Material design. Форми. Рух. Взаємодія. Спілкування
  • Material design. Допомога та відгук
  • Презентація
  • Практичне заняття

Behance and Dribbble

  • Material design. Діалоги, меню, панель навігації, навігаційні ящики, навігаційна рейка, віджети
  • Behance and Dribbble
  • Плагіни для Figma
  • Практичне заняття

СRM та додаткові програми для дизайну

  • Робота над CRM
  • Додаткові програми для побудови і презентації дизайну
  • Практичне заняття

Створення CV, проходження співбесіди і подальший пошук роботи

  • Складання CV та підготовка до співбесіди
  • Практичне заняття

Портфоліо

  • Портфоліо на Behance
  • Портфоліо на Dribbble
  • Практичне заняття

After Effect

  • After Effect
  • Практика. Захист проєкту

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

  • Відеозаписи занять та всі матеріали завжди доступні
  • Практичні заняття проходять раз на тиждень по 2,5 години
  • Особистий зворотний зв’язок від викладача
  • Факультативні заняття "English for IT"
  • Можлива заморозка курсу при необхідності
  • Дипломний проєкт
  • Закритий чат учнів з викладачем і куратором
  • Додатковий модуль з HR-ом PowerCode Academy по підготовці до співбесіди

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

Клим Євтушенко - Викладач курсу "Web design" y Powercode Academy, UX/UA designer

Подать заявку
Курс
Формат
Online
Начало занятий
01.12.2025
Длительность
2 месяцев
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
32 000 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Projector
Подробнее

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

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

Принципи проєктування мобільних інтерфейсів

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

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

  • Розберемося, що таке дизайн-система й у чому її сила
  • Розглянемо токени й компоненти
  • Організація та імплементація

Форми у мобільних інтерфейсах

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

Гіпотези, інтерв'ю та тестування: набір для швидкого старту discovery

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

Дизайн онбордингу та першої сесії

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

Human interfaces guidelines та material design

  • Пройдемося кожною дизайн-системою, щоб навчитися створювати нативні, швидкі в розробці інтерфейси з доступних компонентів
  • Розберемо особливості material design для Android, iOS та вебінтерфейсів
  • Вивчатимемо UI Kit та SwiftUI та як працювати з їхніми документаціями
  • Дізнаємося, як працювати з навігацією, модальністю, таблицями та рядками
  • Розберемо дизайн-гайди з останніх iOS
  • Розглянемо особливості дизайну запитів на дозвіл, сенсорного досвіду, віджетів, списків дій і випадних меню
  • Навчимося працювати з типографією, іконками та кольорами для мобільних інтерфейсів

Дизайн типових рішень в застосунках

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

Робота з тригерами

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

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

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

Дизайн і маркетинг

  • Дізнаємося шлях користувачів, який вони проходять, щоб опинитися в магазині застосунків App Store і Google Play
  • Розберемось, як працюють магазини застосунків та яку роль відіграє ASO
  • Навчимося пропрацьовувати очікування користувачів і створювати сторінку застосунку в App Store та Google Play
  • Опануємо роботу зі знімками екранів, відео, описами застосунку та А/B тестуванням маркетинг-дизайну

Дизайн PWA

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

Оформлення контенту

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

Продуктові метрики в мобільних застосунках

  • Розберемо групи метрик, CAC та LTV
  • Знайдемо відповідь, чому retention - найголовніша метрика в мобільному застосунку
  • step by step пройдемося по тому, як дизайнити, запускати та оцінювати мобільні експерименти (A/B тестування)
  • Дізнаємось, як дизайнити для залучення, активації та монетизації

Кар'єрне

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

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

  • Живі заняття
  • Регулярний фідбек
  • Курсовий проєкт
  • Сертифікат за здобутки
  • Можна повернути кошти протягом 7 днів від початку курсу

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

  • Дмитро Шведун - Product Designer at Meta Inc.
  • Данило Приходько - Дизайнер продукту в Kyivstar.Tech
Подать заявку
Курс
Формат
Online
Начало занятий
28.10.2025
Длительность
4 месяцев
Уровень
Для начинающих, Для опытных
Язык обучения
Ukrainian
Стоимость
18 396 UAH за курс
Вечерние занятияВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Prog Academy
Подробнее

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

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

Web & UI/UX Design

  • Введення в професію UI/UX дизайнера
  • Знайомство з графічними редакторами: Adobe Photoshop, Illustrator, Figma, Miro
  • Interaction design
  • Типографіка. Шрифти. Auto layout в Figma
  • Теорія кольору та сітки. Колористика
  • Дизайн системи (UI kit). Атомарний дизайн
  • Композиція. Як збалансувати дизайн
  • Створення банерів в Adobe Photoshop
  • Векторна графіка. Створення логотипів в Adobe Illustrator
  • Формати файлів. Імпорт та експорт графіки
  • Розуміння UX. Користувацькі інтерв'ю, персони, аналіз конкурентів
  • Типи сучасних веб сайтів
  • User flow. CJM та прототипування
  • Контекст в дизайні. Брифування замовника
  • Адаптивний дизайн
  • Пошук та генерація ідей. Креативні методики: стратегія Діснея, дизайн мислення
  • Accessibility та покращення користувацького досвіду
  • Створення дизайну мобільних додатків. Гайдлайни Android та iOS
  • Основи анімації
  • No code продукти. Основи Webflow
  • Передача дизайн-макетів розробникам
  • Розміщення проєктів на Behance
  • Виконання та презентація випускного проєкту для портфоліо
  • Створення резюме та портфоліо
  • Особливості працевлаштування та спілкування з роботодавцями
  • IT-English Speaking Club з викладачем з IT компанії

Верстка для дизайнерів

  • Основні завдання фронтенду. Інструменти розробки
  • Введення у HTML. Структура коду
  • Основні теги роботи із текстом, зображеннями
  • Створення веб-форм
  • Робота із таблицями даних
  • Списки
  • Введення в CSS, поділ змісту та уявлення
  • Контейнер CSS. Підключення CSS стилів. Застосування валідатора
  • CSS селектори
  • Способи розкладки CSS: float, grid, flexbox
  • Використання SASS, SCSS
  • Анімація, трансформація, переходи
  • Роботи з градієнтами
  • Сучасні типи верстки
  • Методологія БЕМ та рекомендації щодо назви класів
  • CSS-фреймворки: Bootstrap
  • CSS media queries
  • Нові специфікації HTML5 та CSS3
  • Семантичні теги. Теги фізичної та логічної розмітки у HTML5
  • Різні види верстки. Адаптивність та оптимізація верстки
  • IT-English Speaking Club з викладачем з IT компанії

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

  • Для людей віком від 12 років
  • Вечірня група (з 19.00)
  • Чат з тренером і групою
  • Стажування у реальному проєкті
  • IT English Speaking Club
  • Додаткові можливості у пакеті PLUS

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

  • Всеволод Євгієнко - CEO та тренер
  • Дмитро Міщук - Тренер
  • Олександр Цимбалюк - Тренер
  • Філіп Севене - Тренер
  • Олег Суховеров - Тренер
  • Олег Новіков - Тренер
  • Олексій Рихлюк - Тренер
  • Ірина Цапенко - Тренер
Подать заявку
Курс
Формат
Online
Начало занятий
29.09.2025
Длительность
3 месяцев
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
25 500 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Projector
Подробнее

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

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

Типографія

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

Ведення проєктів у Figma

  • Розглянемо функції редактора
  • Вивчатимемо компоненти та стилі (текст, колір, тінь)
  • Розберемось, як наводити лад у документі

Лендинг за формулою AIDA

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

Модульні сітки

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

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

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

Генерування ідей

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

Робота з клієнтом

  • Навчимося брифувати клієнта правильно та зрозуміло
  • Зрозуміємо, як правильно сформувати бриф для проєкту
  • Навчимося презентувати свою роботу

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

  • Визначимо, що таке mindmapping, коли та як цей метод використовувати
  • З'ясуємо різницю вайрфреймом та прототипом
  • Спроєктуємо, створимо прототип своєї роботи і протестуємо її

Базова e-commerce структура

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

Студія, продукт чи фріланс

  • Розглянемо особливості кожного шляху та визначимо, як вибрати свій
  • Поговоримо про стан ринку праці та як шукати роботу

Портфоліо

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

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

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

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

  • Андрій Курочкін - Art Director в Hexagon Agency
  • Аліса Головінська - UX/UI Designer в WIX
  • Ірина Грицай - Art Director & Co-Founder в Dilecta Studio. Jury на Awwwards
  • Анатолій Шовковий - Co-Founder Hot Buro
  • Євгеній Педорич - Product Designer в Kyivstar.Tech. Designer в KOLO
  • Іван Тараненко - Senior Designer в MacPaw
  • Мар'яна Бучкович - Lead Designer в Obriy Design Buro
  • Микола Мельник - Design Lead в UpTech
  • Артем Усачов - Design Lead & Digital Experience Designer в Trinetix
  • Оля Алтухова - Designer в airSlate
  • Ігор Артюхов - Product Designer at NDA
  • Дарина Литвиненко - Product Designer в Hexagon Agency
  • Яна Білик - Product Designer в Finmap.online
  • Ольга Удовіна - Product Designer at Kyivstar
Подать заявку
Курс
Формат
Online
Начало занятий
23.10.2024
Длительность
4 месяцев
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
16 500 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
  • Web & Mobile Design / UI/UX
Logos IT-Academy
Подробнее

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

Figma

  • Огляд інтерфейсу.
  • Фрейм. Основні інструменти.
  • Створення модульної сітки.
  • Компоненти
  • Тест та вирівнювання.Створюємо стилі.
  • Колір, градієнти, фотографії. Обводка та ефекти: блюр, тінь. Створюємо стилі.
  • Бібліотека
  • Autolayout
  • Прототипи у Фігма і розумна анімація.
  • Панель коду та експорт
  • Плагіни

Adobe Photoshop

  • Вступ в Photoshop
  • Інструменти
  • Робота з файлами та зображеннями
  • Робота з шарами і масками
  • Виділення та маски
  • Робота з шарами

Adobe Illustrator

  • Вступ в Illustrator
  • Робота з кольором та текстом
  • Патерни
  • Робота з ефектами

Adobe After Effects

  • Вступ в After Effects
  • Робота з шарами
  • Плагіни в After Effects
  • Робота з текстом

UI/UX Basic

  • Вступ. Професія дизайнера. Поняття, принципи, етапи розробки
  • Дослідження. Stakeholder ітерв'ю та знайомство з проєктом
  • UX. Що це і навіщо. Основні патерни
  • Карта емпатій, персона, CJM
  • Інформаційна архітектура. Task Flow, User Flow. Low & High fidelity wireframes
  • UI. Герштальт. Трендові стилі. Мінімалізм - це важко)
  • Шрифти і шрифтові пари + теорія кольору
  • Анімація прототипів. Основи Motion
  • Теорія кольору, іконки, дизайн системи
  • Основи юзабіліті. Інклюзивний дизайн. Сервісний дизайн

UI/UX Advanced

  • Зручний інтерфейс
  • Юзабіліті-тестування
  • Сервісний дизайн
  • Форми і UX-дослідження
  • Кейс по сервісному дизайну
  • Design thinking, Патерни взаємодії, евристики Нільсена
  • Проектування CRM-систем
  • E-commerce
  • UI або візуальна концепція
  • Дизайн-системи і патерни
  • Мобільний UX/UI
  • Текст в інтерфейсі
  • Анімація елементів інтерфейсу
  • Дизайн на основі даних
  • A/B-тести
  • Робота над проектом
  • успішна презентація
  • UX + Agile
  • Кар'єра в UX

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

  • Робота з експертами
  • Портфоліо
  • Зворотній зв'язок
  • Ефективне навчання
  • Диплом
  • Технології
  • Закритий телеграм-чат
  • Допомога з працевлаштуванням для успішних студентів

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

  • Олександр Соколов - Middle UI/UX Designer at LinkUp Studio
  • Ольга Стахів - Freelance UI/UX Designer
  • Олег Дубей - Засновник Webboost Digital Marketing Agency
Подать заявку

Страницы

Читайте нас в Telegram, чтобы не пропустить анонсы новых курсов.

Отзывы о курсах

Аліса   24.10.2025

Хочу поділитися своїм досвідом для тих, хто вагається, з чого почати свій шлях у сфері ІТ.

Я пройшла цей шлях разом із GoIT - від сумнівів до нової професії!

Навчання не було легким, але надзвичайно цікавим: ви дійсно працюєте на повну, а команда GoIT надає всю необхідну й актуальну інформацію у зрозумілому форматі.Особливо хочу відзначити викладачів, менторів і менеджерів, справжніх професіоналів, які завжди на зв’язку та щиро підтримують студентів.

Дякую команді GoIT за знання, увагу, турботу й натхнення!

Рекомендации: Рекомендую
5
Средняя: 5 (1 голос)
11.11.2025   Ответ представителя компании

Дякуємо, що поділилися своєю історією! 


Дуже приємно читати, що навчання з GoIT допомогло вам пройти шлях від сумнівів до впевненості у новій професії. Бажаємо вам яскравих досягнень, натхнення й постійного розвитку у світі ІТ!

Курсы Web & Mobile Design / UI/UX
Ігор   14.10.2025

Я прийшов на курс з дизайну в GoIT без жодного досвіду в ІТ. Просто була любов до красивих інтерфейсів і відчуття, що десь тут - моє. І я не помилився.

Навчання вразило з перших тижнів: усе продумано - від структури лекцій до живого зворотного зв’язку. Було не просто, але цікаво. Мені подобалося, що після кожного заняття я одразу міг застосувати знання на практиці: створити прототип, проаналізувати юзер-флоу, спробувати себе в Figma.

Особливо цінним стало те, що курс не зосереджується лише на "красивій картинці". Нас навчали думати, як дизайнери: розуміти потреби користувача, працювати з аналітикою, шукати функціональні рішення.

А ще вчили працювати в команді, презентувати свої ідеї й відстоювати їх аргументовано.

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

Плюсы:Зрозуміла подача матеріалу, постійний фідбек від менторів, реальні проєкти у портфоліо
Рекомендации: Рекомендую
5
Средняя: 5 (1 голос)
21.10.2025   Ответ представителя компании

Дякуємо за ваш відгук! 

Ми раді, що навчання в GoIT стало для вас справжнім відкриттям і допомогло зробити перші впевнені кроки у світі дизайну. Бажаємо вам подальшого натхнення, яскравих ідей і кар’єрного росту у сфері дизайну!

Дякуємо, що довірили свій шлях GoIT і поділилися своєю історією успіху

Курсы Web & Mobile Design / UI/UX
Аліна   03.09.2025

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

Величезна подяка менторам та персональному менеджеру: вони завжди були поруч, оперативно відповідали на всі запитання, допомагали розкласти складне на просте й не давали зневіритися, коли щось не виходило. Ця підтримка дала мені силу рухатися вперед, навіть у моменти сумнівів.

  Особливо цінним стало відчуття, що тут тебе чують. Тут не просто кажуть "питай, якщо щось незрозуміло" — тут справді відповідають, пояснюють і допомагають.    Щиро вдячна команді GoIT за якісний підхід до організації навчання, щиру залученість і справжню любов до своєї справи. Це справді відчувається)
Рекомендации: Рекомендую
5
Средняя: 5 (1 голос)
01.10.2025   Ответ представителя компании

Щиро дякуємо за такі теплі слова!

Нам неймовірно приємно чути, що навчання стало для вас відкриттям і допомогло подолати страх перед новими інструментами та поняттями.

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

Курсы Web & Mobile Design / UI/UX
Альона   03.09.2025

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

Навчання починалося у непростий період — повітряні тривоги, сховища, перебої з інтернетом. Але наш викладач Михайло завжди нагадував: "Головне — ваша безпека", і навіть в ці моменти надихав продовжувати створювати. Цей підхід дав мені впевненість і сміливість працювати над дизайнами, за які мені не соромно ні тоді, ні зараз.

  Figma стала для мене новим інструментом, а підтримка менторів — каталізатором для глибшого вивчення, зокрема ілюстрації. І кожне зауваження чи порада від них досі звучить у мене в голові, коли я працюю над новим проєктом.   І якщо щось ішло не за планом — завжди була Надія (в прямому й переносному сенсі ), яка допомагала розібратися, заспокоїтись і знайти рішення.   Навіть після фінального проєкту, захисту і вручення диплому комʼюніті не зникає. Це справжня дизайнерська родина, де підтримують, радять і допомагають — навіть коли ти вже на фрилансі чи в активному пошуку роботи.
Плюсы:Надійна людська підтримка та практика з першого тижня)
Рекомендации: Рекомендую
5
Средняя: 5 (1 голос)
01.10.2025   Ответ представителя компании

Дякуємо вам за такий щирий і теплий відгук!

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

Бажаємо вам сміливих ідей, яскравих проєктів і впевнених кроків у кар’єрі UI/UX-дизайнера. Ми завжди поруч, щоб підтримати!

Курсы Web & Mobile Design / UI/UX
Станіслав   12.08.2025

Зараз навчаюся в GoIT і можу впевнено сказати: кращого продукту й школи годі й шукати! Тут серйозний підхід до навчання та сильна база, яка справді дає реальні, прикладні знання.

Окреме “дякую” крутим менторам і кураторам — їх підтримка відчувається постійно, і це надихає рухатися вперед. А ще приємний бонус — можливість паралельно прокачувати англійську мову.

  Однозначно рекомендую!
Плюсы:1) Реальні знання та сильна база 2) Підтримка досвідчених менторів 3) Можливість вивчати англійську разом із основною програмою
Рекомендации: Рекомендую
4
Средняя: 4 (1 голос)
25.08.2025   Ответ представителя компании

Дякуємо вам за такі щирі слова)

Нам дуже приємно чути, що ви цінуєте підхід до навчання, силу команди та додаткові можливості, які відкриває GoIT. Ми справді віримо, що підтримка менторів і кураторів — це ключ до впевнених результатів, і раді, що ви це відчуваєте.

Бажаємо вам і далі зростати, надихатися новими знаннями та впевнено крокувати до своєї мети)

Курсы Web & Mobile Design / UI/UX