Курси Web Design / UI/UX

Фільтр
Курс
Формат
Online
Початок навчання
Дату уточнюйте
Тривалість
64 занять
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
2 300 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
PeaPod
Подробиці

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

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

Модуль 1. UX дизайн: Аналіз користувачів, дослідження та підготовка до проєктування

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

Модуль 2. Інструменти дизайну

  • Adobe Photoshop. Знайомство з інтерфейсом програми, основні інструменти
  • Робота з практичним завданням, закріплення навичок роботи
  • Adobe Illustrator. Основи роботи з Adobe Illustrator
  • Робота із практичним завданням. Розробка графічних елементів та робота з ілюстраціями
  • Знайомство з Figma. Основні інструменти
  • Фрейм створення прототипу. Інтерактивний прототип

Модуль 3. Основи веб-дизайну

  • Типографіка та шрифти
  • Модульні сітки
  • Дизайн система, UI Kit, Guideline, StyleGuide
  • Адаптивний дизайн

Модуль 4. Mobile Apps дизайн

  • Особливості дизайну мобільних додатків
  • Створення проєктів
  • Створення прототипів мобільних додатків, їх важливість і тонкощі, які варто враховувати

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

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

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

Вальковська Тетяна - Практикуючий дизайнер з досвідом більше 15 років

Подати заявку
Курс
Формат
Online
Початок навчання
Дату уточнюйте
Тривалість
10 занять
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
Sigma Software University
Подробиці

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

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

Теми:

  • Що таке веб-дизайн та хто такий веб-дизайнер. Етапи створення сайтів
  • Figma для веб-дизайнера. Інструменти
  • Баланс та композиція у веб-дизайні
  • Стилі сайтів, пошук референсів. Де брати контент для сайту
  • Логіка на сайті. Структура лендінгу
  • Основи типографіки. Вайрфрейм високої деталізації лендингу
  • Основи колористики. Психологія кольору
  • Макет лендінгу
  • Вау анімація лендінгу
  • Основи адаптиву та адаптивна версія під мобільний телефон

Після курсу учень

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

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

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

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

Варвара Прокопчук - UI/UX Designer, Owner BARVA.design.studio

Подати заявку
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
120 годин
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
49 800 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
Світ Сучасної Освіти
Подробиці

Курс Web Design Pro - це комплексна програма, завдяки якій ви не тільки дізнаєтеся про UX/UI, але й на практиці навчитеся всього, що має знати вебдизайнер. Саме цей фахівець створює концепцію для майбутнього сайту або додатка, вигадує структуру та переходи на сторінки відповідно до логіки користувача та потреб замовника.

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

Вступ

  • Знайомство. Вступ до курсу
  • Поняття: дизайн, інтерфейс, UX, UI, Product Designer
  • Роль UX/UI дизайнера в проєкті
  • Етапи розробки проєкту

Інструменти дизайнера

  • Огляд інструментів. Figma, Miro, Balsamiq, Notion, After Effects та інші
  • Методи пришвидшення роботи у Figma
  • Плагіни та ресурси. Figma Community
  • Порядок та структурування документа

Цифрові продукти і їхнє просування

  • Що таке цифровий продукт?
  • Види цифрових продуктів
  • SEO (основи пошукової оптимізації)
  • SMM (основи просування в соцмережах)
  • Контекстна реклама

UX-дослідження й архітектура

  • UX-стратегія
  • Юзабіліті та аксесебіліті
  • Брифінг
  • Діалог із замовником
  • Постановка завдань, цілей та бізнес вимоги
  • Конкурентний аналіз
  • Візуальний аналіз
  • Опитування ЦА
  • Jobs to be done (JTBD). JTBD interview. Job Story
  • Персони, Карта емпатії, User Stories
  • Customer Journey Map
  • Модель Кано
  • User Flow
  • Структура проєкту
  • UX-копірайтинг

Де шукати натхнення

  • Мудборд
  • Ресурси для натхнення, розвиток "гостроти ока", тренди
  • Методи генерування ідей

Дизайн системи та UI-кіти

  • Особливості застосування та відмінності
  • Компоненти. Навігація, елементи, блоки
  • Огляд UI kit для iOS/Android
  • Плагіни та лайфхаки

UI-концепція

  • Підходи Mobile First / Desktop First
  • Скетчинг, Warframing, Прототипування
  • Модульні сітки. Анатомія. Види сіток
  • Іконки в інтерфейсах, стиль та формати
  • Фото та ілюстрації - технічні вимоги, тренди, корисні ресурси
  • Шрифти. Де шукати? Як поєднувати?
  • Типографія. Робимо текст зручним для читання
  • Композиція. Візуальна ієрархія, теорія близькості та інші прийоми
  • Кольори. Як вибирати? Інструменти, ресурси
  • Адаптивний дизайн
  • Auto Layout

Гайдлайни

  • Як їх застосовувати?
  • Огляд гайдлайнів для Android, iOS
  • Огляд Material Design
  • Огляд Fluent Design Guidelines

Основи анімації

  • Основи UI-анімації
  • Анімація інтерфейсу/іконок/ілюстрацій у Figma
  • Анімація інтерфейсу/іконок/ілюстрацій в After Effects

Аналітика

  • Google Analytics
  • Hotjar

Тестування

  • Сценарії для тестування
  • Складання гіпотез для покращення інтерфейсу
  • Юзабіліті тестування
  • А/В тестування

Передавання макетів у розробку

  • Обов'язкові елементи
  • Особливості передачі сайтів та додатків розробникам

Портфоліо. Публікація кейсу на Behance

  • Особливості різних ресурсів
  • Як оформляти кейси?
  • Часті помилки та лайфхаки

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

  • Підтримка ментора
  • Проєкт в портфоліо
  • Сертифікат про проходження курсу
Подати заявку
Курс
Формат
Offline
Початок навчання
Дата формується
Тривалість
3 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
15 660 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментора
  • Web & Mobile Design / UI/UX
Stfalcon Academy
Подробиці

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

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

Теми:

  • Базові знання з UI
  • Елементи графічного дизайну
  • Що таке UX, дизайн-процес та як з цим всім працювати?
  • UX-дослідження
  • Отримання вимог бізнесу, аналіз домену
  • Проведення інтерв'ю та оформлення їх результатів
  • Робота з ЦА продукту
  • Робота по покращенню інформаційної архітектури
  • Генерація ідей
  • Тестування згенерованого дизайн-рішення
  • Робота з розробниками
  • Презентація проєкту та робота з критикою
  • tips & tricks щодо працевлаштування та подальшого професійного розвитку в галузі

По закінченню курсу ви:

  • Прокачаєте свої навички - soft and hard skills, які є "must have" для дизайнера
  • Опануєте практичні інструменти роботи
  • Отримаєте досвід роботи, як у команді так і індивідуально
  • Зможете ефективно пітчити свої дизайн рішення
  • Створите власне портфоліо та попроцюєте з реальним замовником
  • Отримаєте багато корисних знань та пропрацюєте їх на практиці!

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

  • Курс в Хмельницькому
  • 2 заняття на тиждень по 2 години
  • Тривалість 3 місяці
  • Сертифікат про проходження курсу
  • Підтримка ментора

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

Олексюк Євген - Senior UX Designer at EPAM

Подати заявку
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
6 місяців
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
3 400 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
Ampli
Подробиці

Курс складається з двух блоків: hard skills (курс Вебдизайн - розвиток професійних навичок) та soft skills (заняття з управління собою та проєктами, розвиток персональних навичок). Навчаємо підлітків з нуля. Вступне тестування на рівні Beginner - на логіку та базове володіння комп'ютером. Модуль Працевлаштування - робота з реальними замовниками, симуляція проходження співбесід, оформлення професійного портфоліо та резюме тощо.

План курсу

Освітні результати

Hard skills (Рівень Beginner):

  • Первинне портфоліо робіт з 4-ох проєктів на behance.com
  • Формування базових навичок вебдизайнера
  • Реалізація досліджень та робота з персонами (онлайн та офлайн)
  • Практика роботи в Trello: система управління проєктами і їх ведення
  • Індивідуальний проєкт: робота над сайтом
  • Прототипування та пропрацювання сценаріїв у Figma
  • Активна робота з реферальними рішеннями в Behance та Dribble
  • Створення hi-fi прототипів
  • Тестування: офлайн та онлайн
  • Індивідуальна та командна робота над технічними завданнями від замовника в установленні часові рамки

Hard skills (Рівень Advanced):

  • Основи прожект менеджменту, методам Agile, Waterfall, Kanban
  • Метод управління проєктами, техніка Scrum
  • Досвід роботи з реальним замовником
  • Основи клієнтоорієнтованого підходу, аналіз потреби замовників
  • Складання повноцінного резюме (CV), верифікація в HR менеджера/рекрутера
  • Оформлення мотиваційного/супровідного листа до резюме
  • Симуляція проходження співбесіди
  • Оформлення профайлу на linkedin, дослідження job порталів
  • Пошук замовників/компаній, особливості роботи на freelance
  • Юридичні особливості трудових відносин в Україні

Soft skills:

  • Емоційний інтелект
  • Самоідентифікація
  • Лідерство
  • Цілепокладання
  • Мотивація та дисципліна
  • Тайм-менеджмент
  • Самопрезентація
  • Комунікація - конфліктологія - перемовини
  • Мистецтво публічного виступу
  • Робота в команді та з замовником

Результат навчання

IT сфера цінує знання та досвід. Підліток отримує:

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

Перша робота:

  • Рівень Beginer плюс Модуль Працевлаштування дають знання на рівні Junior спеціаліста та дозволяють отримати першу роботу
  • Програма навчання складається із командних проєктів та їх захисту (пітчів) перед вебдизайнерами та HR менеджерами IT компаній
  • Для наших випускників в Ampli працює кар'єрний сервіс з пошуку стажування та першої роботи
  • Тож окрім першого досвіду випускники отримують рекомендаційні листи для вступу в університет та подальшого працевлаштування

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

  • Тривалість навчання - 6 місяців (24 тижнів/занять)
  • Групове онлайн навчання з тренером - дизайн-спеціалістом рівня Middle+, групою підлітків та супроводом стаді-менеджера
  • Завдання для роботи серед тижня: відео-підручник (1-5 відео на тиждень), тести до нього, практичні завдання, додаткові матеріали (галузеві статті, ін.) Перевірка завдань тренером. Спілкування у чаті
  • Групове онлайн заняття з тренером по hard skills вихідними, раз на тиждень (субота або неділя, 2 години, онлайн у zoom/google meets)
  • Онлайн-практикуми з тренером по soft skills (надпрофесійні навички) раз на тиждень (1.5 години)
  • Зворотний зв’язок для батьків:
    • раз/місяць статус навчання по програмі від стаді-менеджера
    • раз/три місяці - відгуки тренера

Автори програми

  • Ольга Шевченко - Vintage
  • Еліях Семьонов - PDF filter
  • Христя Митсак - Global Tech Makers
  • В'ячеслав Школьний - Cogniance
  • Женя Скрябіна - Luxoft
  • Олександр Валіус - Eleks
  • Устим Гануляк - EPAM
  • Олександра Лукавецька - WebIT.Agency
Подати заявку
Курс
Формат
Online
Початок навчання
Будь-який момент
Тривалість
2 тижнів
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
2 000 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментора
  • Web & Mobile Design / UI/UX
CASES-Креативна Практика
Подробиці

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

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

Основна інформація про компоненти

Дізнаємося, що це таке та з чим його їдять професійні дизайнери.

Робота з основними функціями компонентів

Навчимося застосовувати компоненти у власних проєктах.

Властивості компонентів

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

Робота з властивостями компонентів

Навчимося використовувати різні властивості компонентів, а також їхні комбінації.

Робота з складеними властивостями

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

Додаткові функції компонентів

Навчимося використовувати додаткові функції компонентів.

Після проходження курсу ви зможете

  • Заощадити час у Figma. Замість ручного копіювання елементів, ви навчитеся використовувати готові компоненти у Figma
  • Легко оновлювати дизайн. Вміння працювати з компонентами значно спростить процеси редизайну або масштабування
  • Брати в роботу великі проєкти. Компоненти є основою для розробки багаторазових дизайн-систем, що спрощують роботу над великими проєктами
  • Ефективніше працювати у великих командах. Компоненти полегшують спільну роботу над проєктами, зменшуючи ризик помилок
  • Підтримувати високий рівень дизайну. Завдяки компонентам усім елементи вашого дизайну залишатимуться узгодженими і послідовним
  • Ефективніше розв'язувати дизайн-задачі. Компоненти дозволяють швидко адаптувати елементи під різні потреби, підтримувати єдиний стиль та масштабувати дизайн

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

  • Допомога ментора
  • Теорія + практика
  • Підтримка від спільноти студентів
  • Додаткові матеріали
  • Служба підтримки CASES
  • Перевірка домашніх робіт
  • Сертифікат про проходження курсу

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

Євген Ігнатюк - Провідний дизайнер CASES та Креативної Практики

Подати заявку
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
3 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
6 000 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
CASES-Креативна Практика
Подробиці

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

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

Місяць 1

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

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

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

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

Онбординг

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

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

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

Місяць 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Місяць 3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Юрій Галюк - Customer Experience Lead at ELEKS
  • Антон Лукащук - Дизайнер цифрових інтерфейсів, Webflow-розробник
  • Віталій Дячук - E-commerce Lead Designer at League Design Agency
  • Вадим Гайдай - Провідний вебдизайнер в League Design Agency
Подати заявку
Курс
Формат
Offline
Початок навчання
Дата формується
Тривалість
4 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
3 200 UAH за місяць
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
Hashtag Academy
Подробиці

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

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

Теорія Веб-дизайну

  • Інтернет, веб-сторінка
  • Веб-дизайн
  • Колір
  • Композиція
  • Шрифт
  • Основні принципи комп'ютерного дизайну
  • Стилі, тренди
  • Спілкування із замовником

Практика по Adobe Photoshop

  • Основне про Adobe Photoshop
  • Панель інструментів
  • Малювання фігур та об'єктів
  • Робота зі слоями
  • Робота з текстовими слоями
  • Робота із зображеннями
  • Дизайн логотипу
  • Дизайн візитки
  • Дизайн рекламного банеру
  • Робота з готовим шаблоном
  • Підготовка мобільної версії сайту
  • Дизайн емейл розсилок
  • Підготовка та передача макетів замовнику

Практика по Adobe Illustrator

  • Основне про Adobe Illustrator
  • Робота з вектором та растром
  • Робота з контурами та об'єктами
  • Робота з текстами
  • Розробка іконок
  • Магія інструменту Shaper
  • Підготовка зображень для завантаження на Shuttershtock

Практика по Figma

  • Інтерфейс, створення облікового запису
  • Створення базових векторних фігур та ефекти, використання сітки
  • Робота з текстом, глобальні стилі
  • Авторозмітка (autolayout)
  • Робота з плагінами, community
  • Компоненти
  • Створення мобільного додатку
  • Прототипування та аніміції

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

  • Курс в Хмельницькому
  • Для дорослих та молоді від 14 років
  • 2-чі на тиждень по 2 год. 18:30 - 20:30
  • Дні навчання: середа, п'ятниця
  • 4 місяці / 32 заняття
  • Багато практики
  • Індивідуальний підхід
  • Актуальна програма навчання
Подати заявку
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
12 місяців
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
DarwinLand
Подробиці

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

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

Hard Skills:

  • Базові навички роботи у Figma
  • Колористика. Комбінуємо кольори для сайту
  • Використовуємо іконки сайтів
  • Дизайн багатосторінкового сайту
  • Адаптація дизайнів сайтів під мобільні пристрої
  • Створення просунутих анімацій сайту
  • Дизайн інтернет-магазину (картка товару, каталог, кошик тощо)
  • Верстка інтернет-магазину на WIX з адаптацією під мобільні пристрої
  • Робота над власним портфоліо. Упаковка кейсів для соцмереж
  • Штучний інтелект у роботі веб-дизайнера
  • Створення професійного СV

Soft Skills:

  • Командоутворення. Командна гра
  • Спілкування в Інтернеті та критичне мислення
  • Емоційний розвиток
  • Лідерство
  • Креативне мислення
  • Фінансова грамотність
  • Планування та розклад
  • Цілепокладання
  • Презентація себе та проєктів

Бонуси для студентів

  • Урок в подарунок - "Складання та оформлення сучасного CV"
  • Список джерел по пошуку фріланс-замовлень та вакансій для дизайнерів
  • PDF-файл з англійською термінологією для роботи
  • Все про шрифти. Топ корисних ресурсів для завантаження шрифтів
  • Гарячі клавіші у Figma

Окрім дизайну навчимо

  • Працювати в команді
  • Планувати час та ставити цілі
  • Фінансовій грамотності
  • Креативно мислити
  • Презентувати себе та свої проєкти
  • Складати CV та знаходити замовлення

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

  • Сертифікат після проходження курсу
  • Навчання на окремій онлайн-платформі
  • Підтримка ментора
  • Особистий кабінет
  • Маленькі групи
  • Конкурс та подарунки з найкращі фінальні проєкти
  • Сервіс турботи
  • Бонусні матеріали
Подати заявку
Курс
Формат
Online
Початок навчання
Будь-який момент
Тривалість
4 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
6 400 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
Foxminded
Подробиці

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

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

UX Дослідження

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

Структура проєкту

Складання інформаційної архітектури, написання історій, сценаріїв і User Flow на основі користувальницького дослідження.

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

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

Принципи веб-дизайну

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

Компоненти

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

Проєкт для портфоліо

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

Попередні вимоги

  • Знання та мінімальний досвід використання будь-якого графічного редактора (Sketch (MacOS), Figma (MacOS/Windows) або Adobe XD)
  • Знання англійської мови на рівні читання технічної документації

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

  • Швидкість проходження курсу залежить від вас. Швидше вчитесь - менше платите. Середній час проходження курсу 2-4 місяці
  • 7 днів тестового періоду
  • Менторинг
  • Безкоштовна заморозка

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

  • Олександр Винокуров - Senior Product Designer at Autility AS
  • Родко Хоржинський - Head of Product Design at Reviult
  • Діана Сульдіна - UI/UX Designer
Подати заявку
Відеокурс / Платформа
Формат
Online
Початок навчання
Будь-який момент
Тривалість
7 днів
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
GoITeens
Подробиці

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

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

Урок 1. Знайомство з Figma. Створюємо шапку сайту

Реєструємося на платформі Figma, знайомимося з навчальними матеріалами та створюємо першу частину вебсайту - header.

Урок 2. Використання іконок в дизайні. Працюємо над секцією "Чому ми?"

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

Урок 3. Робота з текстом. Пишемо опис своєї компанії

Працюємо над дизайном третьої частини сайту "Хто ми?" - редагуємо текст, додаємо фото та робимо кнопку для заявки.

Урок 4. Обробка отографій. Розроблюємо секцію з командою

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

Урок 5. Створення форми зворотнього зв'язку у Figma. Завершуємо проєкт

Працюємо над створенням форми в останньому блоці сайту та оформлюємо footer. Виносимо фінальні правки та публікуємо проєкт.

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

  • Всі завдання в одному місці
  • Доступ назавжди
  • Спільнота найкращих
  • 5 відеоуроків
  • 5 практичних занять
  • 1 готовий проєкт
Подати заявку
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
24 місяців
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
GoITeens
Подробиці

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

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

Design Junior (10-12 років)

Семестр 1

  • Знайомство з інструментами Canva
  • Шаблони, фігури, кольори. Ієрархія кольорів в проєктах
  • Робота з зображеннями, фотографіями, текстом та шрифтами
  • Дизайн та анімація для соцмереж у Canva
  • Оформлення презентації для навчання
  • Створення візитівок, розробка логотипу. Мокапи
  • Інтро-лого, брендові постери, мерч
  • Знайомство з Photopia. Патерни
  • Ребрендинг для обраного бренду

Семестр 2

  • Інструменти Wix
  • Знайомство з UI/UX
  • Cайти та їх види. Хедер, футер, складові сайту
  • Створення сайту на шаблоні про святкову подію
  • Анімація елементів на сайті

Фінальні проєкти:

  • Оформлення власних соціальних мереж
  • Створення стікерпаків для Telegram
  • Створення власного бренду
  • Власний сайт портфоліо з роботами за весь курс

Graphic Design (12-16 років)

Семестр 1

  • Знайомство з інструментами Adobe Photoshop
  • Композиція в дизайні, робота з фігурами
  • Колір, градієнти
  • Робота з векторною графікою
  • Виділення, маски та ефекти
  • Коригуючі шари, пресети
  • Обробка фотографій
  • Типографіка і колажі
  • 3D, Анімація
  • Стікерпаки, банери, мокапи
  • Дизайн Landing Page

Семестр 2

  • Знайомство з інструментами Adobe illustrator
  • Сітка, маски і трасування
  • Пензлі, олівець
  • Типографіка з ефектами
  • Шучний інтелект в Illustrator
  • Розробка власного бренду
  • Логотип, візитна картка, буклети
  • Іллюстрація та дизайн продукції

Фінальні проєкти:

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

Web Designer (13-16 років)

Семестр 1

  • Знайомство з інструментами Figma
  • Основні етапи розробки сайтів та лендінгів
  • Стилі, типографіка і прототипи
  • Растрова і векторна графіка
  • UI-kit, адаптивний дизайн
  • Дослідження у UX/UI design. Цільова аудиторія
  • Наповнення сайту, форми зв'язку
  • Анімація на сайті. Підготовка макету

Семестр 2

  • Архітектура та дизайн веб-додатків
  • Патерни поведінки користувача у додатку
  • MVP (Minimum viable product)
  • Дизайн мислення
  • Робота з дашбордами
  • А/Б тестування
  • Анімація у веб-додатках
  • Дизайн система

Фінальні проєкти:

  • Розробка дизайну багатосторінкового сайту
  • Розробка дизайну мобільного додатку

Motion Design (14-16 років)

Семестр 1

  • Знайомство з інструментами MediaCoder, After Effects, Premiere Pro
  • Композиція, базовий монтаж відео
  • Текст, графічні шаблони, звук, субтитри
  • Ефекти, експорт, рендерінг
  • Motion-графіка, стилі, застосування
  • Фігури, текст, маски, анімація
  • Робота з ефектами, морфінг
  • Штучний інтелект для дизайну та монтажу
  • Світло, камера, 3D простір
  • Брифи, технічне завдання, взаємодія з замовником

Семестр 2

  • Анімація персонажа, логотипу
  • Заставка для YouTube-каналу
  • Chromakey
  • 2D + 3D трекінг і Matchmoving
  • Камери. Багатокрапкове відстеження
  • Content Aware Fill
  • Rotoscoping та Compositing

Фінальні проєкти:

  • Монтаж Reels або TikTok
  • Створення промо відео
  • Створення шейпової анімації
  • Розробка інфографіки
  • Створення відео для YouTube-каналу
  • Створення власного відео портфоліо

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

  • Кабінет студента
  • Онлайн заняття
  • Ігровий формат занять
  • Невеликі групи
  • Зворотній зв'язок

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

  • Єлизавета - 2+ роки досвіду викладання Digital Design, Motion Design
  • Олександра - 5+ років досвіду викладання дизайну та малювання
  • Дар'я - UI/UX Designer
  • Валерія - 7+ років досвіду у сфері дизайну
  • Єлизавета - 2+ роки досвіду роботи з UI/UX
  • Віктор - UI/UX дизайнер
  • Віолетта - 3+ роки досвіду graphic design
  • Сергій - 5+ років досвіду роботи у дизайні
Подати заявку
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
9 тижнів
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
Web Academy
Подробиці

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

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

Введення в курс. Знайомство з професією веб-дизайнера

  • Про професію
  • Основні закони User Experience і як їх примінити на практиці
  • Типи сайтів: класифікація і основні відмінності
  • Робота в Figma, Adobe Photoshop і Adobe Illustrator

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

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

Методи захисту свого проекту/дизайну і успішної роботи з критикою замовника

  • Як працювати з критикою замовника
  • Методики захисту свого проекту
  • Розбір домашніх завдань і аналіз помилок

Основи Visual design. Створення банера для сайту

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

Основи accessibility інтерфейсів

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

Основи респонсив дижайну, сітки і брейкпоінти. Створення лендінгу

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

Естимація і дедлайни

  • Як оприділяти терміни на виконання задач
  • Як не порушувати дедлайни
  • Поради по комунікаціям з клієнтом
  • Аналізуємо лендінги студентів і виявляємо найчастіші помилки

Основи UX, Design thinking. Створення брифу, аналіз конкурентів

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

Аналіз існуючого дизайну, евристична оцінка юзабіліті. Редизайн сторінки в інтернеті

  • Правила юзабіліті Нільсена і їх застосування в аналізі дизайну
  • Практика: аналіз і покращення дизайну сторінок сайту

Розбір домашнього завдання "Редизайн сторінки в інтернеті"

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

Найкращі практики в e-commerce. Створення головної сторінки інтернет-магазину для десктопа і мобільного

  • Практики і тренди по створенню інтернет-магазинів
  • Елементи і блоки для головної сторінки інтернет-магазину
  • Практика: малюємо головну сторінку в розширені 1440х900 (десктоп) і 812х375 (мобільний)

Розбір домашнього завдання "Головна сторінка інтернет-магазину"

Огляд попереднього домашнього завдання студентів

UIKit, Design System, Atomic design. Створення каталога, карточки товару для десктопа і мобільного

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

Розбір домашнього завдання "Каталог, карточка товару для десктопа і мобільного"

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

Створення корзини і процесу оформлення замовлення. Десктоп і мобільна версія

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

Розбір домашнього завдання "Корзина, процес оформлення замовлення для десктопа і мобільного"

  • Аналізуємо роботи студентів
  • Особливості реалізації функцій на мобільному пристрої

Інтерактивна презентація проекту в Figma

  • Створення інтерактивних моделей сайту
  • Як "продавати" дизайн клієнту

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

  • Захищаєм курсовий проект
  • Радуємось успішному проходженню курсу :)

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

  • Все що в пакеті Lite
  • Доступ до матеріалів та відео назавжди
  • Сертифікат про проходження курсу
  • Відеозаписи всіх живих лекцій в кабінеті
  • Перевірка ДЗ з коментарями від тренера
  • Фінальний проект - готовий кейс
  • Відеозаписи блоку "IT Career"

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

Олександр Чмира - Senior Experience Designer

Подати заявку
Курс
Формат
Online
Початок навчання
Дату уточнюйте
Тривалість
3 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
14 499 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
CREO
Подробиці

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

Основи веб-дизайну

  • Про веб-дизайн і про курс
  • Типографія у веб-дизайні
  • Кнопки, форми та анатомія UI-елементів
  • Композиція у веб-дизайні
  • Сітки у дизайні
  • Колір та візуальна айдентика бренду
  • Види контенту: фото, тексти, іконки, ілюстрації, анімації, 3D, відео та гіфки

Старт роботи у Figma

  • Огляд інтерфейсу та знайомство з Figma
  • SVG іконки, шейпи та ілюстрації у Figma
  • Компоненти, Auto Layout та варіативні компоненти у Figma
  • UI-kit - бібліотеки та стилі у Figma
  • Корисні плагіни для Figma
  • Анімації та інтерактивні прототипи у Figma
  • Як готувати і передавати макети у Figma розробникам
  • Куратор створює сайт

Підготовка і дизайн

  • Етапи роботи над сайтом
  • Перший контакт і брифінг клієнта
  • Створення структури сайту
  • Створення бюджету проєкту
  • Створення прототипу проєкту
  • Створення мудборду і пошук референсів
  • Дизайн-концепція сайту
  • Дизайн домашньої сторінки та внутрішніх секцій (блоків) сайту
  • Адаптивний дизайн під мобільні та планшетні пристрої
  • Техзавдання та підготовка до верстки
  • Створення дизайну сайту рівня Awwwards

UX дизайн

  • Знайомство з UX дизайном
  • Аналіз та дослідження
  • Використання знань UX в проєктах

Покрокове створення лендингу

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

Створення анімації у Figma

  • Введення в анімацію
  • Анімація Ui-kit елементів
  • Використання розумної анімації

Старт на фрілансі

  • Міфи та реальність фрілансу
  • Позиціювання фрілансера, портфоліо та побудова особистого бренду
  • Де та як шукати клієнтів: Upwork чи Freelancehunt?
  • Побудова довгострокових взаємовідносин з клієнтами на роки
  • Організація фінансів та документів фрилансера
  • Баланс роботи та відпочинку
  • Як презентувати і продавати дизайн дорого
  • Як розвиватися і не упертись у професійну стелю
  • Пошук та розвиток партнерів по бізнесу
  • Перехід від фрилансу до бізнесу

Дизайн PRO

  • Типографіка у веб дизайні
  • Ефекти
  • Лайфхаки
  • Натхнення

Робота в Webflow

  • Знайомство з конструктором (можливості конструктора, структура сайту, як працює блочна система)
  • Основні параметри (створення проєкту, його копіювання, налаштування, підключення домену та тарифи)
  • Інтерфейс конструктора
  • Підготовка макету до верстки
  • Верстка макету
  • Використання сторонього коду
  • Анімація сайту
  • Верстка блекпоінтів
  • Перевірка макету та виправлення помилок
  • Додаткові сервіси
  • Робота з клієнтом (передача сайту клієнту і його робота з ним)
  • CMS і Seo оптимізація

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

  • Власна освітня програма
  • Щира підтримка та допомога
  • Професійні спікери
  • Екосистема для результату
  • Щотижневі прямі етери
  • Реальні клієнти
  • Додаткові матеріали
  • Сертифікат

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

  • Ілля Кульбачний - Засновник Cosmos Studio
  • Іван Вергун - UI/UX Designer
  • Олена Коваленко - Експерт у UI/UX
  • Павло Гижко - Понад 6 років досвіду в дизайні та рекламі
Подати заявку
Курс
Формат
Online
Початок навчання
Дату уточнюйте
Тривалість
88 годин
Рівень
Для досвідчених
Мова навчання
Ukrainian
Вартість
20 592 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
QALight
Подробиці

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

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

Модуль 1. Поглиблення в UX та покращення UI

  • Життєвий цикл проєкту (процес розробки продукту та роль дизайнера в ньому):
    • SDLC: Agile vs Waterfall
    • SDLC: Scrum, Kanban, Lean
  • Дизайн-процес
  • Збір бізнес-вимог, менеджмент стекхолдерів. RACI-матриця
  • Double Diamond
  • SWOT - аналіз конкурентів
  • Business Model Canvas
  • Дослідження користувачів: глибинні інтерв’ю, опитування
  • Персона. JTBD, або як замінити персону
  • Роль дизайнера в адвокації потреб користувача
  • Empathy mapping, Affinity mapping
  • Гіпотези та їхня валідація
  • Архітектура продукту
  • User flow, user story
  • OOUX (Object-Oriented UX)
  • MVP, LTV
  • Sketching
  • Паттерни у дизайні
  • Евристики Нільсона, їх практичне використання
  • Wireframing
  • Створення дизайн-системи та документації
  • Wireframing
  • Prototyping
  • Usability testing

Модуль 2. Mobile app

  • Introduction
  • Human Interface Guidelines
  • Material Design Guideline
  • Продуктові метрики, Heart Framework
  • Navigation
  • Patterns
  • Використання жестів у застосунках
  • Візуальний стиль та розробка концепції
  • Form design
  • Wireframing, UI kit, prototype
  • Підготування додатку до Apple store та Google play
  • Створення UX Case Study, Behance та концепт для Dribble
  • CV та консультування з HR
  • Final review and graduation

Після закінчення курсу ти отримаєш:

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

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

  • Свідоцтво про закінчення курсу
  • Проєкти в портфоліо
  • Гнучкий графік занять
Подати заявку
Відеокурс / Платформа
Формат
Online
Початок навчання
Будь-який момент
Тривалість
4 місяців
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
50 EUR за курс
Гнучкий графік
  • Web & Mobile Design / UI/UX
Designly
Подробиці

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

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

Знайомство з адмінками

  • Знайомство з Адмін-панелями: їх складові, необхідність створення
  • Тест на самоперевірку

Порівняння різних систем

  • Порівняння Admin vs CRM vs Dashboard
  • CRM: Базове знайомство
  • Практичне самостійне завдання: створюємо модуль запису клієнтів в CRM салону краси

Структура адмін-панелі

  • Структура адмін-панелі
  • Сітки та лейаут (рекомендації)
  • Аргументація
  • Практичні самостійні завдання: створюємо сторінки адмін-панелі (логін/реєстрація, бокова навігація, сторінка керування товарами, додавання товару)
  • Додаткові самостійні завдання: створюємо сторінку блогу та створення посту

Таблиці в адмінках

  • Ефективні таблиці
  • Модуль в адмін-панелі та CRM "Керування замовленнями"
  • Практичні самостійні завдання: створюємо сторінки адмін-панелі (сторінка керування юзерами та їх ролями, керування замовленням)
  • Додаткові самостійні завдання: створюємо таблицю із задачами,
а потім переоформлюємо її у формат карток

Візуалізація даних

  • Візуалізація даних: Порівняльні діаграми. Частини цілого. Розподіл
  • Практичні самостійні завдання: вчимось підбирати правильну діаграму під дані (17 завдань)

Ефективні діаграми. Колір

  • Колір діаграм
  • Як створити ефективні діаграми
  • Практичні самостійні завдання: вчимось працювати з кольором діаграм (3 завдання)

Дашборди. Темна тема

  • Dashboard
  • Аналіз дешбордів
  • Документація для користувача
  • Темна тема
  • Практичні самостійні завдання: створюємо дешборд з діаграмами для адмін панелі
  • Додаткові самостійні завдання: створюємо 3 різні дешборди різних систем для відпрацювання

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

  • Унікальний авторський курс
  • 4 місяці доступу до матеріалів курсу
  • 7 модулів з відео уроками в записі
  • Доступ протягом 24 годин після оплати
  • Завдання на самоперевірку
  • Відповіді на завдання від автора курсу
  • Без підтримки ментора
  • Без сертифікату

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

Олександра Федорченко - Lead Product Designer

Подати заявку
Курс
Формат
Online
Початок навчання
Будь-який момент
Тривалість
40 занять
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
50 EUR за курс
Гнучкий графікВидається диплом/сертифікат
  • Web & Mobile Design / UI/UX
Designly
Подробиці

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

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

Модуль 1. Основи крутого Case Study & Аналіз ефективних кейсів

  • Що таке кейс стаді. Основні характеристики та проблеми
  • Розбір головних складових кейс стаді та типові проблеми, яких слід уникати
  • Приклади успішних та неуспішних кейсів. Аналіз реальних кейсів на Behance: що працює, а що - ні
  • Аналоги портфоліо на Behance (Notion та власний сайт). Як структурувати кейс на інших платформах
  • Чеклісти по створенню кейсів для тебе

Модуль 2. Підготовка та початок створення кейсу

  • Підготовка до створення кейс стаді. Необхідні ресурси та матеріали. Конфіденційність
  • Написання плану кейсу
  • Створення вайрфрейму для побудови структури кейсу
  • Створення текстів для кейс стаді. Як написати ефективні тексти для опису проєкту
  • Що робити і як презентувати проєкт, якщо немає багато етапів чи досліджень
  • Типографіка

Модуль 3. Візуальне оформлення кейсу

  • Створення технічного мудборду та пошук референсів. На що звернути увагу у референсах
  • Як підібрати кольори, шрифти та інші візуальні елементи
  • Пошук стилю кейсу. Як варто оформлювати кейси у 2024-2025 році
  • Типові помилки, яких слід уникати під час оформлення візуалу кейсу

Модуль 4. Дизайн секцій кейсу: оформлення UX частини проєкту

  • "Hero section". Як створити привабливу першу секцію кейсу, щоб зацікавити з перших секунд
  • Секція "Про проєкт: опис, задачі, виклики". Як правильно формулювати опис проєкту, визначати задачі та виклики
  • Секція "ЦА (Цільова Аудиторія)" Аналіз і опис цільової аудиторії, для якої створювався проєкт
  • Секція "Процес роботи дизайнера/методологія". Пояснення методології, яку ти використовував у роботі над проєктом. Як презентувати її ефективно
  • Секції з результатами "БРЕЙНШТОРМІНГУ", "АНАЛІЗУ КОНКУРЕНТІВ", "ОПИТУВАЛЬНИКІВ", "ІНТЕРВ'Ю З ЮЗЕРАМИ"
  • Секції "Personas", "CJM", "Sitemap" та "Userflow": оформлення та нюанси
  • Як оформити і презентувати ВАЙРФРЕЙМИ проєкту для кейсу
  • Секція "Юзабіліті тестування". Як правильно показати результати тестування макетів

Модуль 5. Дизайн секцій кейсу: оформлення UI частини проєкту

  • Секція "Мудборд: стиль, кольори, шрифти"
  • Секція "UI kit". Як створити візуально привабливу секцію з набором елементів інтерфейсу
  • Секція "Візуал: результат". Презентація готового дизайну
  • Секція "Адаптивний дизайн". Як показати адаптацію проєкту під різні пристрої у кейсі
  • Секція "Висновки" Підсумки проєкту
  • Завершальний екран кейсу. Як зробити завершення роботи естетичним і логічним

Модуль 6. Фінальні штрихи. Публікація кейсу та просування

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

Бонуси

  • ШАБЛОНИ крутих кейс стаді у FIGMA, які ми створили спеціально для курсу, і які ти можеш використовувати та комбінувати для своїх проєктів
  • Чеклісти для твоїх найкращих кейсів
  • Додаткові матеріали, статті та особисті поради лекторок

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

  • 40 відео уроків в записі + додаткові матеріали
  • Шаблони Figma + чеклісти
  • Доступ протягом 24 годин після оплати
  • Сертифікат про закінчення курсу
  • Самостійне проходження
  • 6 місяців доступу до матеріалів

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

  • Олександра Коваль - Lead Product Designer
  • Катерина Калашнікова - Senior Product Designer at Intellias
Подати заявку
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
4 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
Varto School
Подробиці

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

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

Блок 1. Роль UI/UX дизайнера в геймдеві

Лекція 1. Знайомство - Тімбілдінг

  • Відмінність UX/UI-дизайну додатків/сайтів та дизайну ігрових інтерфейсів
  • Спеціальності та розгалуження в ігровому дизайні
  • Навички, які необхідні для побудови кар'єри у цій галузі
  • Розвиток UX/UI Designer у геймдеві - куди рости далі
  • Компанії в геймдеві
  • Інтерактив: Тімбілдінг - хто куди хоче розвиватися

Лекція 2. З ким працює UI/UX дизайнер

  • З ким працює UX/UI-дизайнер і що таке UX та UI
  • Що робить дизайнер під час розробки гри
  • Пре-, продакшн та пост-: головні етапи розробки гри

Лекція 3. IPK ігор з погляду UX-патернів взаємодії з інтерфейсами

  • Історія розвитку комп'ютерних ігор, UX патернів у іграх
  • Умови та обмеження
  • 1990-і, 2000-і, 2010-і і далі
  • Навіщо це потрібно знати UX дизайнеру

Блок 2. Психологія в іграх (Когнітивна наука, usability, engaging)

Лекція 4. UX Research та User flow

  • Основні складові та етапи Design Thinking: емпатія, визначення, ідея та прототипування, тестування та оцінка
  • Порівнювати конкурентів, копіювати патерни, але не стиль
  • Як правильно робити research на основі дизайну мислення
  • Що таке користувач флоу

Лекція 5. Ігрові механіки. Когнітивістика та евристика

  • Когнітивні знання в іграх: увага, сприйняття та пам'ять
  • Евристики юзабіліті та їх застосування у відеоіграх
  • Ігрові евристики: баланс, прогресія, керування грою та інші
  • Що таке ігрові механіки, атомарні механіки, комплексні механіки
  • Фідбек під час гри
  • Методи дизайну ігрових механік
  • Сприйняття механік через різні інструменти

Лекція 6. Психологія сприйняття інформації та мікроінтеракції

  • Психофізичні особливості сприйняття інформації
  • Види навантаження на мозок
  • Ефект Кулешова, ефект "Естетики-юзабіліті", правило 3-х кліків
  • Як впливати на сприйняття: композиція, колір, угруповання, контраст
  • Різниця сприйняття інформації в HUD та Lobby
  • Геометрична пам'ять, банерна сліпота
  • Що таке мікроінтеракції
  • Стан системи. Тригер-> Зворотній зв'язок -> Зміна стану системи

Воркшоп 1. Ігровий флоу

  • Ігровий флоу. Декомпозиція патернів за допомогою копіювання флоу
  • User-flow у форматі Grayboxes базових теймплейтів
  • Створюємо флоу гравця на основі існуючої гри

Воркшоп 2. Підбір референсів

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

Блок 3. UX в іграх

Лекція 7. GrayBox як спосіб швидкого нарису

  • Схема Джессі Гаррета та її застосування для нашої індустрії
  • Спіральна модель розробки ПЗ
  • Чому важливо економити час та ітерувати швидко
  • Що таке грейбокси, навіщо вони потрібні? Як вони допоможуть скоротити час ітерацій
  • Шматки чужого інтерфейсу для швидкої ілюстрації
  • Фреймворки у фігмі для створення вайрфреймів
  • Приклад створення грейбоксу будь-якого простого інтерфейсу

Воркшоп 3. Створюємо прототип гри. Частина 1

  • Проведемо воркшоп зі створення UX гри, яку обрала менторка
  • Інтерактив: розбір ігор, і далі робимо свій wireframe
  • Запитання та відповіді з дипломних завдань

Воркшоп 4. Створюємо прототип гри. Частина 2

  • Проведемо воркшоп зі створення UX гри, яку обрала менторка
  • Інтерактив: розбір ігор, і далі робимо свій wireframe
  • Запитання та відповіді з дипломних завдань

Воркшоп 5. Фінал UX. Створюємо прототип гри. Частина 3

  • Проведемо воркшоп зі створення UX гри, яку обрала менторка
  • Перевірка стадії UX

Блок 4. UI в іграх

Лекція 8. Що таке сетинг гри та UI moodboard

  • Поняття візуального сеттингу
  • Які є складові візуального сеттингу: Колір, шрифт, UI, UX, 2D art, 3D
  • Вплив нарративу на UI
  • Розбір сеттингу різних ігор

Лекція 9. Композиція та типографіка, колір

  • Що таке композиція
  • Силові лінії та поля
  • Домінантні відносини елементів
  • Відносини "елемент-простір"
  • Тимчасовий масштаб
  • Міра активності засобів композиції
  • Що таке типографіка та верстка
  • Базові правила верстки текстових блоків

Лекція 10. Стилістики та стайлгайд

Розглянемо стилістики, які можуть бути в іграх і як їх обігрують.

Воркшоп 6. Підбір референсів для UI

Поговоримо про стайлгайд та як його робити.

Воркшоп 7. Створюємо UI трьох різних концепцій. Перший концепт

По вибраним стайлрефам створюємо концепції.

Воркшоп 8. Створюємо UI трьох різних концепцій. Другий та третій концепт

  • За вибраним стайлгайдом створюємо концепції
  • Визначаємося зі стилем

Воркшоп 9-10. Робимо UI екрани

По вибраним стайлрефам створюємо концепції.

Воркшоп 11. Фінал UI. Створення стайлгайду

  • Поговоримо про стайлгайд та як його робити
  • Перевірка стадії UI

Блок 5. Фінальний полішинг та аналіз проєктувального рішення

Лекція 11. Case study - основні поінти

  • Як демонструвати всі етапи розробки дизайну
  • PDF-файл, Figma або особистий сайт як портфоліо - що краще

Лекція 12. 7 цінних якостей UI/UX дизайнера

  • Характер та особистість у психології
  • Невід'ємні якості UX-ера
  • Профіль дизайнера
  • Пошук 7 якостей, без яких ніяк
  • Перевірка робіт і фідбек від менторки

Воркшоп 12. Case study - на прикладі

  • Менторка показує, як оформляти кейс на Behance
  • Перевірка робіт і фідбек від менторки

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

Дороблюємо проєкт і презентуємо його.

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

  • Лекції + воркшопи
  • Фідбек про ДЗ
  • Підтримка ментора
  • Проєкт в портфоліо
  • Сертифікат про проходження курсу

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

Каріна Сокол - UI/UX designer at Meta

Подати заявку
Курс
Формат
Online
Початок навчання
Будь-який момент
Тривалість
40 занять
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
  • Web & Mobile Design / UI/UX
Stfalcon Academy
Подробиці

Курс "Web design" для дітей та підлітків складається із вивчення принципів дизайну і взаємодії з користувачем, інструментів дизайну, та практичних проектів для навичок застосування цих знань у реальних задачах.

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

Теми:

  • Figma
  • Векторна і растрова графіка
  • Шрифти, композиція, колористика
  • Модульні сітки
  • Створення односторінкового сайту
  • Типографіка
  • UX design
    • Аналіз конкурентів
    • User Person
    • CJM
    • Компоненти та маски
    • User flow
  • Розбираємо всі аспекти UI
  • Створення корпоративного сайту
  • Анімація і презентація
  • Illustrator, Photoshop

По закінченню курсу ви:

  • Навчитесь створювати 3 види сайтів: Landing Page, E-Commerce, App ( для IOS та Android)
  • Навчитесь розробляти лого та іконки у Figma
  • Опануєте практичні інструменти роботи дизайнера
  • Вивчите всі тонкощі правильного та логічного дизайну
  • Створите портфоліо з трьох робіт

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

  • Індивідуальний підхід
  • Висококваліфіковані викладачі
  • Сучасні технології навчання
  • Мовне оточення для вивчення англійської

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

Наталя Невмержицька - UX/UI дизайнер. Арт-директор в TheUpperCode 2 роки. 5+ років досвіду в сфері дизайну

Подати заявку
Курс
Формат
Online
Початок навчання
Будь-який момент
Тривалість
-
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
1 000 UAH за курс
Гнучкий графікВидається диплом/сертифікат
  • Web & Mobile Design / UI/UX
CASES-Креативна Практика
Подробиці

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

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

Схематичні макети та інтерактивні прототипи

  • Що таке схематичні макети
  • Класифікація схематичних макетів
  • Інформаційна архітектура
  • Інструменти та ресурси
  • Створення схематичних макетів
  • Створення інтерактивних прототипів
  • Підсумки та поради

Після проходження курсу ви зможете

  • Розробляти схематичні макети
  • Розробляти інтерактивні прототипи
  • Швидко візуалізувати та тестувати різні ідеї
  • Отримувати ранній зворотний зв'язок від зацікавлених сторін
  • Покращити процес комунікації з колегами
  • Створювати кращі продукти з погляду UX

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

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

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

Богдан Жук - UX/UI-дизайнер в агенції Goodface

Подати заявку

Сторінки

Читайте нас в Telegram, щоб не пропустити анонси нових курсів.

Відгуки про курси

Оксана   01.10.2026

Думала, що дизайн в айтішці це просто малювати красиві кнопчики у Фігмі, поки не потрапила на курс Основи вебдизану до Яни Моргун. Яна просто зламала цей стереотип за перші два тижні) Вона навчила думати про бізнес-метрики, проводити кастдеви та обгрунтовувати кожен піксель. Рев'ю робіт було жорстким, але супер конструктивним. Як результат перезібрала портфоліо і вже отримала перші фріланс замовлення

Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
Курси Web & Mobile Design / UI/UX
Світлана    09.09.2026

Коли я вирішила навчатися,то дуже довго вагалася між різними школами.Було страшно помилитися з вибором,адже я нічого не знала про UI/UX дизайн і починала фактично з нуля.
В результаті я обрала GoIT і зараз можу сказати,що не пошкодувала про своє рішення.
Навчання для мене стало справжнім викликом .Багато чого спочатку здавалося складним і незрозумілим ,але поступово я почала розбиратися і ставало все цікавіше.
Хочу подякувати нашим менторам за те,що пояснюють,підказують,підтримують .Завжди можна поставити питання,отримати пораду і допомогу.
І також велике дякую організаторам за увагу,постійну підтримку,приємно знати ,що поруч є люди до яких можна звернутися.
Наша викладач,пояснює доступно,просто і зрозуміло навіть  складні теми ,за що їй також мерсі.
Я прийшла в GoIT майже нічого не знаючи,а зараз створюю свої перші роботи і розумію,що рухаюся вперед .
Дуже рада,що я обрала GoIT !

Плюси:Дуже сподобалась організація навчального процесу.
Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
Курси Web & Mobile Design / UI/UX
Tania   17.08.2026

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

Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
Курси Web & Mobile Design / UI/UX
Влад   12.08.2026

Так держать за дол**бов своих учеников еще нужно постараться - первое место у школы SKVOT

 

Заплатил 44к грн за курс «Product Designer» в декабре. Перед оплатой менеджер с бубном письменно прислал нормальные, понятные условия: старт 15 июля, онлайн занятия 2 раза в неделю. То есть я покупаю live-курс. Не архив, не “посмотреть записи”. Потом выяснилось, что настоящий онлайн-курс стартует 15 сентября, только выяснилось это уже 15 июля, в день старта! То есть на два месяца позже  озвученной даты.  Предупредить, сказать заранее?  А зачем если уже оплачено
 

И дальше начинается самое прекрасное: вернуть сумму они не хотят. Потому что, цитирую: “записи же были у вас в доступе”. Серьёзно?

 

Я не покупал записи. Я не просил записи. Я не смотрел эти записи. В системе видно, что я ничего не проходил. Но теперь мне пытаются объяснить, что сам факт технически открытого доступа к старым материалам почему-то стоит 70% от суммы курса.

 

Сначала послали куда подальше. сказав что я неправильно их понял, потом предложили депозит. Потом 30% возврата. Полный возврат — нет, соси

 

Пока из всех украинских школ выигрывает только KAMA. А сквоту желаю закрыться поскорее с таким сервисом

Плюси:Быстро продают и красиво
Мінуси:После покупки ты становишься ненужным. Можно тебя крутить как хочешь. Почитал отзывы и понял что у меня уже не первый такой случай
Рекомендації: Не рекомендую
1
Середня: 1 (1 голос)
Курси Web & Mobile Design / UI/UX
Гість   10.08.2026

Чи ця школа дає необхідні знання? Так!
Чи супроводжує в навчанні, виправляє та відповідає на питання? Так!
Чи дає розуміння як шукати роботу, переглядає CV і готує до співбесід? Так!
 

В мене був позитивний досвід ;)

Мінуси:Я не вважаю це мінусом, але там реально потрібно вчитись, щоб отримати роботу. Це не просто курс для галочки
Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
Курси Web & Mobile Design / UI/UX