Курс UX/UI Designer

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

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

Блок 1 - Figma

• Модуль 1. Функціонал Figma
• Модуль 2. Фічі Figma, про які ти не знав
• Модуль 3. Верстка
• Фідбек-сесія
• Модуль 4. Стилі, компоненти та бібліотека
• Модуль 5. Прототип та анімація
• Фідбек сесія

Блок 2 - Основи вебдизайну

Заняття №1

Design. Види дизайну. Вебдизайн у бізнесі. Дизайн-процес для вебу. Організація документу.

Блок UX

• Бренд. Брифінг. Аналіз аудиторії + proto-persona
• Аналіз конкурентів та аналіз бест-практис
• Sitemap: структура сайту + методологія AIDA. Створення сору з використанням ШІ, формулювання УТП (унікальна торгова пропозиція)
• Прототипування та тестування + base navigation list
• Фідбек-сесія

Блок UI: теорія

• Composition + grids
• Typography
• Colour
• References
• Фото та графіка
• Фідбек-сесія

Блок UI: практика

• Воркшоп: Ideas generation
• Воркшоп: Design approach - стиль, типографіка, кольори,композиція і додатково
• Воркшоп: Concept
• Implementation, ключові UI принципи та UI Kit
• Mobile
• Фідбек-сесія
• Presentation
• Presentation check

Практика: ленд

• Воркшоп: Знайомство з брифом. Етап research
• Воркшоп: Розробка структури та копірайту
• Воркшоп: Прототипування
• Воркшоп: Ideas generation + design approach
• Воркшоп: Concept
• Presentation check
• Portfolio

Блок 3 - Переходимо до найцікавішого - UX/UI Design

Заняття №1

Інтро в професію. Історія UX/UI дизайну.

Блок UX

• UX-дизайн. Психологія цифрового сприйняття
• Аналіз конкурентів
• Практикум. UX review
• Дослідження
• Фідбек-сесія
• User Persona та Customer Journey Map
• User flow
• Практикум. Проєктування зняття готівки
• Проєктування інтерфейсу
• Юзабіліті евристики
• Тестування дизайн-рішень
• Практикум. Розумний дім
• Фідбек-сесія

Блок UI

• Візуальний дизайн інтерфейсу (UI Design)
• Дизайн-концепт
• Типографіка, модульна сітка та іконки
• Фідбек-сесія
• Навігація. Дизайн внутрішніх сторінок
• Дизайн-система. Основні компоненти та форми
• Інтерфейси особистих кабінетів
• Практикум. Редизайн ЛК
• Анімація веб (запрошений лектор)
• Фідбек-сесія

Блок 4 - Mobile Apps Design

• Інтерфейс мобільних додатків. Гайдлайни iOS та Android
• Підготовка до брифінгу з реальним клієнтом
• Онлайн-зустріч із клієнтом
• Передпроєктний аналіз
• Практикум
• Навігація та патерни. Форми у додатках
• Візуальний дизайн інтерфейсу мобільних додатків
• Фідбек-сесія
• Перша сесія користувача та його шлях
• Інтерфейс мобільного додатка. Додаткові екрани
• Формування звичок у користувачів. Гейміфікація
• Фідбек-сесія
• Практикум
• Анімація mobile (запрошений лектор)
• Презентація дизайн-рішень
• Платформи для додатків
• Фідбек сесія
• Презентація клієнту
• Куди зростати UX/UI дизайнеру

Після курсу ти:

• Юзаєш Figma без зайвих кліків
• Проводиш UI-, UX- та CX-аналіз, досліджуєш конкурентів та складаєш Customer Journey Map
• Генериш ідеї, проводиш дизайн-сесії, створюєш референсні концепти й клікабельні прототипи
• Аналізуєш поведінку юзера, проводиш глибинні інтерв'ю, створюєш User Persona та User Flow, створюєш інтерфейси сайтів та додатків, тестуєш їх та аналізуєш на основі евристик
• Розробляєш та презентуєш дизайн-концепти, адаптуєш їх під різні пристрої та робиш навігацію максимально зрозумілою
• Кладеш у портфоліо три кейси, один з яких - для реального клієнта, презентуєш концепт - на практиці та з фідбеком, маєш шанс потрапити на стажування в топкомпанію країни

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

• Діма Напрієнко - Senior Product Designer at Welltech, ex-Head of Design at Jooble
• Оля Варченко - Web Designer
• Марк Кузнєцов - UI/UX & Graphic Designer at Дія та Мінцифрі