Курс UI/UX дизайн

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

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

Figma

• Урок-знайомство
• Основи IT
• Вступ до курсу. Спеціальність UI/UX дизайнер
• Figma
  • Знайомство. Доступ за посиланням. Коментарі. Frame. Плагіни
  • Робота з фігурами
  • Components
  • Pen & Pencil. Відтворення ілюстрації
  • Маски. Ефекти.Стилі
  • Інструмент текст. Робота зі стилями. Растр, корекція фото
  • Auto layout
  • Variants
  • Інтерактивний прототип. Мікроінтеракції
  • Інструмент Selection Vector. Outline Stroke

UX-дизайн

• Основи дизайн-мислення. UX дизайн-процес
• Типи сайтів
• Робота з брифом. Інтерв'ю дизайнера з клієнтом
• Mind Mapping та ідеація. Інформаційна архітектура
• Аналіз конкурентів. Референси. Мудборд
• Дослідження користувачів: глибинні інтерв'ю, опитування, сортування карток
• UX-персона та карти емпатії
• Customer journey map
• User flow
• Елементи сайту. Скетчинг
• Wireframing та prototyping
• Веб аналітика та А/Б тестування
• Інклюзивний дизайн

UI-дизайн

• Візуальна ієрархія
• Основи композиції
• Колір
• Шрифти
• Інтерактивний прототип
• Типографіка
• Іконки
• UI kit та Atomic design
• Дизайн система
• Landing Page
• Адаптивний дизайн
• Оптимізація макета та передача файлів розробникам
• Модульні сітки

Дизайн мобільних застосунків

• Дизайн мобільних додатків. Основи
• Візуальний стиль та початкові екрани мобільного додатку.
• Створення екранів мобільного додатку
• Apple розробка. IOS гайдлайни
• Андроїд розробка. Material design
• Підготування додатка до Apple store та Google play

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

• Робота над проєктом:
  • бриф та аналіз конкурентів
  • прототип
  • wireframe
  • адаптив
  • UI kit
  • створення персон/карт емпатії
  • UI основних сторінок
  • інформаційна архітектура та структура сайту
  • UI головної сторінки
  • user flow/CJM

Особистий бренд та створення портфоліо

• CV.Linkedin. Інтерв'ю
• Підготовка портфоліо
• Проєкт на Behance та мокапи для Dribble
• Захист проєктів
• Випускний

Бонус. Photoshop

• Самоопрацювання. Photoshop. Робоча область. Пензлі. Режими накладання
• Самоопрацювання. Photoshop. Інструменти виділення й вирізання зображення. Обробка кольору
• Самоопрацювання. Photoshop. Робота з інструментами Eraser Tool і Polygonal Lasso для вирізання та коригування контурів
• Самоопрацювання. Photoshop. Використання інструментів Healing Brush, Patch, Clone Stamp та Layer Masking
• Самоопрацювання. Photoshop. Створення рекламного банера для соцмереж. Color Blend mode

Бонус. Навички роботи з ШІ для кар'єри майбутнього

• Що таке штучний інтелект?
  • Чому ШІ важливий?
  • Що насправді означає ШІ та як він працює?
  • Що може і чого не може ШІ?
• Корисні інструменти та приклади використання:
  • Deepl
  • ChatGPT
  • Bard
  • Grammarly
  • clipdrop.co
  • Adobe Firefly
  • Photoshop
  • Perplexity.ai
• Як використовувати ШІ для зручного пошуку роботи
  • Сайти вакансій з елементами штучного інтелекту
  • Покращення твого CV за допомогою ШІ
  • Приклади ефективних резюме та супровідних листів
  • Підготовка до інтерв'ю
• Підбірка ШІ тулзів для пошуку роботи:
  • Bard та ChatGPT
  • Kickresume
  • JobProfile.io
  • Resumaker.ai
  • Jobscan
  • Yoodli
  • Interviewsby.ai
  • Interview Warmup
  • Interviewing.io
• Корисні матеріали, які допоможуть розширити та заглибитись в тему (статті, відео та безплатні курси)
• Де варто/не варто використовувати ШІ?
• Роль штучного інтелекту в UX/UI дизайні
• Виклики та обмеження використання ШІ
• Огляд та інтеграція інструментів ШІ в процеси проєктування

Бонус. English club

• Під керівництвом викладача англійської
• Фокус на розмовну англійську
• Формування словникового запасу англійської для ІТ
• Написання СV та підготовка до співбесіди в іноземній компанії
• Поділ на групи відповідно до рівня:
  • A1-A2
  • A2-B1
  • B1-B2/C

Бонус. Кар'єрне консультування

• Навчишся створювати конкурентоспроможні резюме і супровідний лист та отримаєш на них фідбек від професійного рекрутера
• Підготовка до інтерв'ю. Типові питання та підводні камені
• Створиш зразковий профіль в LinkedIn
• Дізнаєшся, де знаходити круті вакансії та як на них подаватися

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

• Для людей від 16 років
• Вечірні заняття в зумі
• Теорія вивчається самостійно, а на заняттях розглядається лише практика
• Бонусний модуль для самоопрацювання: Photoshop
• Навчання в командах під керівництвом викладача як тімліда
• Сертифікат після успішного завершення курсу

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

• Олена Стародубцева - Design Lead at InDevLab
• Дар'я Конькова - UI/UX Designer at Ciklum
• Єгор Довгопол - UI/UX Designer
• Аліна Рахімова - Senior UI/UX Designer
• Владислав Туліновський - Product Designer at Zaino
• Юлія Деревянко - Head of Design at Hocoos
• Анастасія Севрюк - UI/UX Designer at BotsCrew
• Анна Забуга - Senior Product Designer at SmartRecruiters
• Дмитро Горіцин - Senior Product Designer at SoftServe
• Тетяна Крамарська - UI/UX Designer, Graphic Designer at Markupus
• Катерина Кір'янова - UI/UX Designer, Design Team Lead at CoreTeka
• Єлизавета Гусєва - UI/UX Designer at Stera Global
• Вікторія Ключник - Senior Product Designer at IntellectEU
• Діана Євицька - UX Designer at Avenga Ukraine
• Олександр Берест - UX/UI Designer в League Design Agency
• Дара Федоришин - Senior Product Designer at NerdySoft
• Анастасія Підлипна - Досвід роботи 7+ років
• Олександр Дяков - Senior UX Designer at Tobii
• Анастасія Мислюк - Product Designer & Team Lead в Helsi
• Ігор Кондратюк - Product Designer at United Tech
• Михайло Косяков - UX Designer at Avast
• Андрій Гуцько - UI/UX Designer at InVerita
• Олена Буркова - UX/UI Designer (Middle) у DataArt