( 3 роботи в портфоліо )

( реальний клієнт )

( зустріч з роботодавцями )

UX/UI DESIGNER

5 місяців, щоб розібратися в UX/UI на практиці та зібрати портфоліо

Саша Кім

Співпрацював з L’Officiel, Casio, Subaru, 1+1, Credit Agricole Bank, Metro Cash & Carry, Welltech

Про курс

Дата:

26 травня — 29 жовтня

Тривалість:

41 заняття

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

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

реєстрація

Кар’єра та можливості

580+ відкритих вакансій

за даними Jooble, DOU та Djinni y 2026 році

середня зарплатня — близько $1750

пропозиції на ринку і мотивація для апгрейдів — дохід від $1000$ до $5000

швидке кар'єрне зростання

вирости з junior до middle або senior-спеціаліста реально за 2–3 роки

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

( 26 травня )

01. Intro

Знайомство, очікування, правила роботи в команді
Огляд флоу курсу та логіки блоків
Установка Figma, плагінів та AI Toolset (ChatGPT, Notion AI, Midjourney, Relume)
Створення Learning Board у FigJam
Gamified Dashboard: XP, бейджі, рейтинг прогресу
Ролі дизайнера: UX vs UI vs Web vs Product
Product Thinking у продуктовому дизайні

( 28 травня )

02. Брифінг

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

ДЗ:

Sitemap на основі ролей
Перший користувацький флоу

( 2 червня )

03. Готові UI-системи + адаптація

Навіщо UI-системи та коли доречно використовувати готові
Огляд Tailwind, UI8, MUI
Критерії вибору бібліотеки під продукт
Адаптація компонентів: стилі, стани, варіанти

ДЗ:

Обрати бібліотеку
Адаптувати 3 компоненти

( 4 червня )

04. Профілі фахівців + UX Copy — воркшоп

Структура профілю фахівця
Ієрархія контенту й пріоритети
UX Copy: мікротексти, CTA, підказки
AI workshop: генерація текстів і структури

( 9 червня )

05. Галерея / список фахівців

UI-патерни списків та галерей
Фільтри, сортування, пошук
Компонентний підхід до карток
Побудова вайрфреймів сторінки списку

( 11 червня )

06. Onboarding: мультикроковий флоу

Ролі користувачів та відмінності сценаріїв
Мультикроковий онбординг та прогрес-бар
UX-флоу реєстрації та валідації
Прототипування сценаріїв та помилок

ДЗ:

Прототип онбордингу клієнта і фахівця
Вайрфрейм сторінки списку з фільтрами
CTA, заголовки, секції: 5 варіантів + структура картки

( 16 червня )

07. AI-візуал + UI для профілю

Prompt engineering
Midjourney, DALL·E: аватари, фото, іконки
Узгодження AI-візуалу з UI та брендингом
Інтеграція в дизайн-процес

ДЗ:

Згенерувати фото/аватар/іконки

( 18 червня )

08. Сторінка послуги + бронювання

Структура сторінки послуги
Флоу бронювання
Статус-патерни: pending/confirmed/canceled

( 23 червня )

09. Кабінет користувача (клієнт/фахівець)

Архітектура кабінету користувача
Компоненти: календар, бронювання, історія
Інтерфейс умовного доступу

ДЗ:

Вайрфрейм для 2 ролей: профіль, графік, історія
Бронювання в 3 кроки

( 25 червня )

10. Картка фахівця + пошук

UI-композиція картки
CTA, рейтинг, бейджі, ціна
Адаптивність
Drill «знайди слабкий блок»

ДЗ:

Дизайн картки фахівця з CTA та рейтингом

( 30 червня )

11. Empty / Error / Success states

UX-патерни станів
UX Copy для повідомлень
Компоненти статусних екранів

ДЗ:

Продумати 3 стани: пусто, помилка, успіх

( 7 липня )

12. 5-секундний тест + peer-review — воркшоп

Навіщо 5-second test
Maze / Google Forms
Формулювання гіпотез
Peer-review та фідбек

ДЗ:

Фіналізація кейса
Відеопрезентація
Full demo з поясненням логіки для 2 ролей

( 14 липня )

13. Презентація кейса

Демонстрація флоу для клієнта і фахівця
Пояснення логіки рішень
Q&A

( 16 липня )

14. UX teardown e-commerce + IA

Amazon / Etsy
Архітектура
NNG/Baymard

( 21 липня )

15. UX текст + Trust UX

Картка
CTA
Довіра

ДЗ:

Створити картку флоу: каталог → товар → checkout + структура категорій, CTA + описи товарів + бейджі, ревʼю на картці

( 23 липня )

16. Checkout UX teardown

UX flow: кошик → оплата
UX teardown, аналіз рішень

ДЗ:

Побудувати checkout флоу з 3 кроків з UX-рішень

( 28 липня )

17. Фідбек-сесія

( 30 липня )

18. UI Kit + компоненти

Buttons
Inputs
Cards
Tokens plugin + Style Organizer

( 4 серпня )

19. Handoff & Spec

Dev-ready: spacing, tokens
Dev mode + export checklist

ДЗ:

Зібрати фінальний UI (головна, каталог, товар)

( 6 серпня )

20. Мобільна адаптація + мікроінтеракції

Constraints / анімації
Responsive tools, review

ДЗ:

Адаптувати головну + товар, перевірити логіку

( 11 серпня )

21. Peer review + UX-редизайн

Фідбек

ДЗ:

Оновити одну секцію на основі інсайтів

( 18 серпня )

22. Презентація продукту

Демонстрація флоу
Пояснення логіки рішень
Q&A

( 20 серпня )

23. Mobile UX & продуктова структура

Основи навігації, UX-флоу, структура

ДЗ:

Побудувати user flow: від onboarding до core feature

( 25 серпня )

24. Рольова сесія: інтервʼю з користувачем

Виявлення потреб юзера
Парне інтервʼю + рефлексія

ДЗ:

Провести інтерв’ю та сформулювати інсайти

( 27 серпня )

25. Навігація в iOS

Tab bar, modals, slide, scroll
HIG + teardown прикладів

( 1 вересня )

26. Onboarding UX + empty states

Як залучити новачка
Структура + UX-текст
Практикуємось:

ДЗ:
- Побудувати навігацію для свого додатка (wireframe) і прототип екрана onboarding: 2–3 кроки

( 3 вересня )

27. UI-патерни в мобільному дизайні — практикум

Cards, swipe, dialogs, lists

ДЗ:

Побудувати 2 interaction-патерни (slide/swipe)

( 8 вересня )

Accessibility & UX-інклюзія

Tap area, контраст, читабельність
Чек-лист WCAG mobile

ДЗ:

Перевірити дизайн на відповідність моб. accessibility

( 10 вересня )

29. Візуальний стиль + UI-компоненти

Шрифт, колір, іконки iOS
Figma Components

( 15 вересня )

30. Mobile-first UI-дизайн

Грід, адаптація, thumb zones
Практика: редизайн чужого app

ДЗ:

Перемалювати 3 екрани з урахуванням reach zones

( 22 вересня )

31. Фідбек-сесія

( 24 вересня )

32. Фінальний дизайн мобільного застосунку

Motion/transition + interaction
Smart animate + hover/press states

ДЗ:

Зробити інтерактивний дизайн 5+ екранів

( 29 вересня )

33. Usability Testing мобайл

Тестування на користувачах
Нотування + покращення

ДЗ:

Провести 1 usability test і записати 3 інсайти

( 1 жовтня )

34. Handoff: tokens + specs — воркшоп

Inspect mode, design tokens

ДЗ:

Зібрати handoff-док: spacing, variants, naming

( 8 жовтня )

35. Презентація продукту

Демонстрація флоу
Пояснення логіки рішень
Q&A

( 13 жовтня )

36. Як виглядає кейс, що «продає» + платформи

ДЗ:

Переписати 1 кейс за схемою, створити обкладинку та intro-блок

( 15 жовтня )

37. CV + LinkedIn + особистий бренд (Запрошений лектор)

ДЗ:

Скласти draft CV, headline LinkedIn і 3 варіанти «про себе»

( 20 жовтня )

38. Як працюють агенції/стартапи/фриланс

ДЗ:

Саморефлексія — обрати «свій ідеальний формат роботи» й чому

( 22 жовтня )

39. Freelance + перші гроші (Запрошений лектор)

ДЗ:

Створити профіль Upwork і draft пропозиції

( 27 жовтня )

40. Презентація себе як UX/UI-фахівця

Elevator pitch
CTA в портфоліо
Відеопрезентація

ДЗ:

Записати відео intro та CTA-блок у портфоліо

( 29 жовтня )

41. Випускний. Job tracker + план дій після курсу

ДЗ (опціонально):

Заповнити Job Tracker і податися на вакансію або клієнта

Лектор

САША КІМ

12+ років у професії

Ex-Product Design Lead at Welltech

Red Dot Award за дизайн-систему стартапу. 40+ міжнародних та українських нагород, серед яких — Site of the Day на Awwwards

Працював із L’Officiel, Casio, Subaru, 1+1, Credit Agricole Bank, Allo, Metro Cash & Carry, Welltech

В портфоліо: мобільні застосунки з аудиторією понад 100 млн користувачів, рішення для AI-стартапів та складних продуктів у e-commerce, wellness, освіті й фінансах

РОБОТИ ЛЕКТОРA

ДЛЯ КОГО КУРС?

• для UX/UI-дизайнерів-початківців
навчишся проєктувати складні продукти (маркетплейси та сервіси), опануєш Product Thinking та навчишся проводити юзабіліті-тестування, щоби підвищити свою цінність і працювати з масштабними проєктами

• для вебдизайнерів
перейдеш від візуалу до системного дизайну, навчишся створювати UI Kit, інформаційну архітектуру та навігацію, щоби впевнено змінити позицію на UX/UI-дизайнера та робити різноманітні продукти

• для графічних дизайнерів
опануєш дизайн сайтів та застосунків через візуальний сторітелінг та UI-компоненти, прокачаєш UX-базу від Checkout до Accessibility й перекваліфікуєшся у затребувану та високооплачувану професію

ЩО МОЖЕШ ПІСЛЯ КУРСУ?

• застосовуєш Product Thinking для бізнес-завдань і потреб користувачів
• будуєш архітектуру та логіку через брифінги й карти сайту
• створюєш брендинг та візуальний сторітелінг для web і mobile
• проєктуєш складні сценарії від onboarding до checkout з фокусом на accessibility
• масштабуєш дизайн через UI Kits та передаєш у розробку з токенами й специфікаціями
• покращуєш інтерфейси через тестування у Figma
• розвиваєш особистий бренд та впевнено презентуєш себе на middle-позиції

ЯКІ РОБОТИ ПОКЛАДЕШ У ПОРТФОЛІО?

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

ЯКІ ФІШКИ НАВЧАННЯ UX/UI-ДИЗАЙНУ У SKVOT?

• практикуми та воркшопи
• робота з ШІ в дизайн-процесі
• робота з Dev Mode
• бейджі та номінації за найкращі дизайн-рішення
• розвиток софт-скілів та професійної комунікації
• реальний проєкт
• презентація клієнту
• окреме заняття, що навчить стартувати на фриланс-платформах
• фінальна зустріч з роботодавцями
• чіткий план дій після курсу

РЕЄСТРАЦІЯ

Перетворюй ідеї на продукти, що покращують досвід користувачів

зареєструватися