Основи веб та інтерфейс-дизайну

Мета курсу

Навчити основам веб- та інтерфейс-дизайну: від UX-досліджень і прототипування до створення UI та інтеграції AI-інструментів. Учасники зможуть розробити власний веб-прототип і презентувати його команді.

Формат навчання

  • Онлайн/ офлайн/ гібрид
  • Практичні кейси, воркшопи, інтерактивні сесії
  • Підтримка учасників під час навчання в закритому чаті
  • Групове навчання: 6300 грн/ година. Група до 12 учасників
  • Індивідуальне навчання: 1700 грн/ година

Що отримає випускник курсу?

🔗 Переглянути переваги

Проблема, яку вирішує курс

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

Програма курсу "Основи веб та інтерфейс-дизайну"

1
  • UX vs UI, Web vs Mobile
  • Роль дизайнера у команді (BA, PM, Dev)
  • Інструменти: Figma, FigJam, Miro

2
  • Сітки, модульність, баланс
  • Колір, типографіка, іконографіка
  • Принципи гештальту

3
  • User persona, CJM, User Stories
  • Карти емпатії
  • Виявлення потреб бізнесу й користувача

4
  • Low-fidelity прототипи (wireframes)
  • Юзабіліті-принципи (Nielsen Heuristics)
  • Інтерактивні прототипи у Figma

5
  • Візуальний стиль та бренд
  • Створення UI-kit: кольори, кнопки, текстові стилі
  • Design Systems: Material, Human Interface Guidelines
  • Практика: збирання бібліотеки компонентів

6
  • Landing page: структура, воронка
  • Dashboard та веб-додатки
  • Mobile-first підхід

7
  • Огляд AI-інструментів: Midjourney, DALL·E, Leonardo, Uizard
  • Генерація moodboards та референсів
  • Використання ChatGPT для UX-дослідження та текстів у дизайні
  • Інтеграція AI у Figma (плагіни для автогенерації стилів, ікон, layout-ів)
  • Практика: створення концепту дизайну з AI-підтримкою

8
  • Принципи motion design у веб
  • Smart animate у Figma
  • Презентація та захист макета

9
  • Підготовка файлів для розробників (Figma Inspect, Zeplin)
  • Робота з dev-командою
  • Фінальний захист: веб-прототип (лендінг чи інтерфейс веб-сервісу)

Бажаєте дізнаватись про наші акції, знижки та події?