Курси Web Design / UI/UX

Курс дозволяє опанувати професію WEB-дизайнера з нуля.На заняттях ви отримаєте досвід роботи з адаптивним дизайном, розуміння етапів створення сайтів та інтерфейсів, навчитесь працювати з Photoshop, Adobe XD, Sketch, Figma, розберетесь в особливостях роботи в агенстві та на фрілансі, а дипломний проєкт стане першою роботою у портфоліо.

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

Фішки та особливості UI/UX дизайну. Введення у Figma

Хто такий UI/UX дизайнер:

• Хто такий UI/UX дизайнер
• Які ососбливості роботи в різних типах компаній
• Що робить UI/UX дизайнер на роботі

Знайомство з Веб-дизайном:

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

Figma. Підкорюємо найтоповішу програму для дизайнерів:

• Знайомство з інструментами
• Робота з різними об'єктами
• Робота зі шрифтами
• Створення обкладинки

Як створювати WOW-сайти

Види сайтів:

• З першу розберемось в типах сайтів
• Класифікація
• Приклади. Коли та які вам потрібні

Збір даних від замовника:

• З ким говорити
• Які питання задавати, аби збір був ефектним
• Як проводити таку зустріч. Правила та поради

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

Методології / Human centered design процес. UX методології:

• Які підходи існують
• Які підходи коли краще використовувати + як зібрати кейс в портфоліо

Інструменти дизайнера. Як змінювався софт:

• Які задачі виконує діджитал дизайнер
• Як змінювався інструментарій для дизайнерів
• Актуальні програми які сьогодні використовують діджитал дизайнери
• Figma як основний інструмент веб дизайнера

Як дизайн допомагає бізнесам заробляти більше

Персонажі:

• Хто такі персонажі
• Навіщо нам потрібні персонажі. ЇХ задача

Мапа шляху користувача:

• Що таке мапа шляху
• З чого складається мапа
• Як дані перетворюються на рішення

Як і навіщо аналізувати конкурентів

Аналіз конкурентів:

• Як вибрати конкурентів для аналізу
• За якими параметрами їх аналізувати

Figma від А до Я. Практика

Figma. Заглиблення у софт:

• Попрацюєте з зображеннями
• Спробуєте зробити маску
• Попрацюєте з базовими фігурами
• Попрацюєте з шрифтами

Figma. Продовження роботи:

• Скачаєте шрифт
• Попрацюєте зі шрифтами
• Попрацюєте з усіма відстанями та розмірами
• Попрацюєте з масками

Figma. Фінал:

• Попрацюєте з компонентами
• Зробите кольорові стилі та стилі шрифтові
• Поринете у figma community

Типи сайтів. Створення стилів та сіток (практика)

Елементи сайту. Стилі, сітки та автолейаути:

• Які бувають типи сайтів та їх елементи
• За якими параметрами їх аналізувати

Створення прототипів та їх адаптація

Створюємо прототип:

• Що таке прототипи
• Які інструменти прототипування існують
• Навіщо потрібні прототипи

Методи дослідження. Як виділитись серед 99% дизайнерів на ринку

Дослідження в дизайн процесі:

• Які методи досліджень існують
• Які методи коли краще використовувати

Інтерв'ю з користувачами:

• З ким говорити для вдалого інтерв'ю
• Які питання задавати, аби підвищити ефективність

Інформаційна архітектура:

• Що таке інформаційна архітектура
• Навіщо вона потрібна
• Як нею користуватись

Тестування інтерфейсів:

• Що таке тестування інтерфейсів
• Що саме треба тестувати
• З ким тестувати

Адаптація дизайну для мобільних девайсів. Практика

Аналіз сайтів конкурентів:

• Як правильно створювати дизайн для мобільних пристроїв
• Адаптація складних елементів

Розбір шрифтів, кольору, композиції, гармонії

Типографіка:

• Класифікація шрифтів
• Шрифтова термінологія
• Принципи типографіки

Композиція:

• Основи композиції
• Засоби гармонізації
• Композиція у кіно та мистецтві

Колір:

• Історія розвитку
• Колірне коло
• Створення гармоній

Принципи дизайну, які не варто ігнорувати

Закони і принципи дизайну:

• Закони дизайн процесу
• Takeaways
• Історія

Баухаус:

• Знайомство з історією створення та розвитку дизайн школи
• Розуміння впливу Баухаусу на світ дизайну, і те, яким він є зараз
• Аналіз ідей та принципів, що лежать в основі Баухаусу

Дизайн системи та UI kit. Розробка лендінгу (практика)

Надивленість дизайнера і як її розвивати:

• Визначення та важливість креативності в дизайні
• Способи стимулювання та розвитку творчого мислення
• Застосування надивленості для досягнення високих результатів у веб-дизайні

Дизайн лендінгу:

• Особливості та цілі лендінгових сторінок
• Елементи успішного лендінгу
  • заголовки
  • візуальні елементи
  • виклик до дії (СТА)
• Приклади успішних лендінгів та аналіз їх ефективності

Дизайн система та UI kit. iOs, Android. Особливості та гайдлайни:

• Навіщо потрібні правила
• Що таке UI Kit
• З яких елементів складають UI Kit
• Етапи та переваги створення UI Kit
• Що таке Design System
• Принципи атомарного дизайну
• Приклади відкритих дизайн систем

Як зробити сайт зручним? Принципи Accessibility та адаптування

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

• Означення прототипування та його роль у дизайні веб-сайтів
• Інструменти для створення прототипів:
  • Sketch
  • Adobe XD
  • Figma
• Важливість тестування прототипів перед реалізацією

Як зробити сайт зручним для всіх (Accessibility):

• Основні принципи доступності веб-сайтів
• Інструменти та підходи для створення доступних дизайнів
• Важливість створення веб-сайтів, які відповідають стандартам доступності

Адаптація під мобільну версію:

• Значення мобільного дизайну в сучасному веб середовищі
• Техніки адаптації веб-сайту під різні мобільні присторої
• Приклади мобільної адаптації та їх вплив на користувачів

Верстка з боку дизайнера

Як передати макет на верстку:

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

АІ в дизайні: як використовувати

Корисні сайти для дизайнерів:

• Популярні ресурси для навчання та інспірації
• Інструменти для роботи з кольорами, типографією, векторною графікою тощо
• Спільноти та оруми для обміну досвідом та підтримки

Штучний інтелект для дизайнерів:

• Використання штучного інтелекту в веб-дизайні
• Інструменти та сервіси, які допомагають автоматизувати деякі завдання дизайнера
• Перспективи розвитку штучного інтелекту в галузі дизайну

Розробка сайту у Webflow. Практика

Початок роботи з Webflow:

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

Базові знання Webflow:

• Глибше розуміння структури та принципів роботи з Webflow
• Основи розміщення елементів на сторінці, робота зі зв'язками та відступами
• Навички створення і редагування компонентів та стилів у Webflow

Початок верстки реального сайту:

• Знайомство з процесом верстки веб-сайтів за допомогою Webflow на прикладі реального проєкту
• Використання знань та навичок, отриманих на попередніх уроках, для початку роботи над власним проєктом

Верстка сайту. Таби та слайдер:

• Вивчення та впровадження елементів веб-дизайну, таких як вкладки та слайдери
• Навички створення і налаштування табів та слайдерів для поліпшення взаємодії з користувачем на сайті

Webflow CMS:

• Ознайомлення з можливостями та принципами роботи з системою (CMS) у Webflow
• Навички створення та налаштування колекцій, поля для контенту та зв'язків між сторінками сайту

Анімації у Webflow + Мобільна адаптація:

• Вивчення методів створення та налаштування анімаційних ефектів на веб-сайті з використанням Webflow
• Навички роботи з мобільною адаптацією для забезпечення оптимального відображення сайту на різних пристроях

Завершення роботи над сайтом. Фінальні налаштування:

• Оцінка та аналіз готового веб-сайту з використанням Webflow
• Вирішення останніх питань та корекція та корекція недоліків перед запуском сайту

Як "упакувати" себе і рухатись вгору по кар'єрі

Куди рухатись далі. Фріланс та агенція:

• Ознайомлення з різними шляхами кар'єрного росту в галузі веб-дизайну: робота на фрілансі та в агенціях
• Аналіз переваг і недоліків кожної з цих опцій та вибір найбільш підходящого шляху для себе

Позиціонування:

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

Упаковка портфоліо:

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

Як шукати клієнтів і продавати їм дорого

Пошук клієнтів. Розбір найефективніших методів:

• Вивчення різних стратегій та методів пошуку та залучення клієнтів у сфері веб-дизайну
• Аналіз ефективності різних каналів залучення та визначення найбільш підходящих для власного бізнесу

Як закрити клієнта на зум зідзвоні:

• Вивчення ефективних методів проведення зустрічей з клієнтами та закриття угод у веб-дизайні
• Освоєння навичок переговорів та ведення ділових розмов з потенційними клієнтами

Особистий бренд. Де просуватись:

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

Ази Adobe Photoshop та Illustrator

Фотошоп:

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

Ілюстратор:

• Основні функції та інструменти програми Adobe Illustrator
• Векторна графіка: переваги та особливості використання
• Техніки створення логотипів, іконок, ілюстрацій тощо

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

• Допомога ментора
• Практика
• Практичні домашні завдання
• Викладачі-практики
• Навчання у зручний час
• Диплом
• Можливість вчитися з нуля
• Персональний куратор
• Дипломна робота для портфоліо
• Чат із вакансіями

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

• Іста Чебан - Продуктовий дизайнер у Київстар
• Євген Педорич - Продуктовий дизайнер у Київстар
• Олена Богатирьова - UI/UX дизайнерка
• Дмитро Загородній - 6 років досвіду у веб-дизайні
• Ігор Іванченко - Веб-дизайнер, no-code розробник
• Ірина Руденко - 3 роки досвіду в веб-дизайні

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

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

Web & UI/UX Design

• Введення в професію UI/UX дизайнера
• Знайомство з графічними редакторами: Adobe Photoshop, Illustrator, Figma, Miro
• Interaction design
• Типографіка. Шрифти. Auto layout в Figma
• Теорія кольору та сітки. Колористика
• Дизайн системи (UI kit). Атомарний дизайн
• Композиція. Як збалансувати дизайн
• Створення банерів в Adobe Photoshop
• Векторна графіка. Створення логотипів в Adobe Illustrator
• Формати файлів. Імпорт та експорт графіки
• Розуміння UX. Користувацькі інтерв'ю, персони, аналіз конкурентів
• Типи сучасних веб сайтів
• User flow. CJM та прототипування
• Контекст в дизайні. Брифування замовника
• Адаптивний дизайн
• Пошук та генерація ідей. Креативні методики: стратегія Діснея, дизайн мислення
• Accessibility та покращення користувацького досвіду
• Створення дизайну мобільних додатків. Гайдлайни Android та iOS
• Основи анімації
• No code продукти. Основи Webflow
• Передача дизайн-макетів розробникам
• Розміщення проєктів на Behance
• Виконання та презентація випускного проєкту для портфоліо
• Створення резюме та портфоліо
• Особливості працевлаштування та спілкування з роботодавцями
• IT-English Speaking Club з викладачем з IT компанії

Верстка для дизайнерів

• Основні завдання фронтенду. Інструменти розробки
• Введення у HTML. Структура коду
• Основні теги роботи із текстом, зображеннями
• Створення веб-форм
• Робота із таблицями даних
• Списки
• Введення в CSS, поділ змісту та уявлення
• Контейнер CSS. Підключення CSS стилів. Застосування валідатора
• CSS селектори
• Способи розкладки CSS: float, grid, flexbox
• Використання SASS, SCSS
• Анімація, трансформація, переходи
• Роботи з градієнтами
• Сучасні типи верстки
• Методологія БЕМ та рекомендації щодо назви класів
• CSS-фреймворки: Bootstrap
• CSS media queries
• Нові специфікації HTML5 та CSS3
• Семантичні теги. Теги фізичної та логічної розмітки у HTML5
• Різні види верстки. Адаптивність та оптимізація верстки
• IT-English Speaking Club з викладачем з IT компанії

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

• Для людей віком від 12 років
• Вечірня група (з 19.00)
• Чат з тренером і групою
• Стажування у реальному проєкті
• IT English Speaking Club
• Додаткові можливості у пакеті PLUS

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

• Всеволод Євгієнко - CEO та тренер
• Дмитро Міщук - Тренер
• Олександр Цимбалюк - Тренер
• Філіп Севене - Тренер
• Олег Суховеров - Тренер
• Олег Новіков - Тренер
• Олексій Рихлюк - Тренер
• Ірина Цапенко - Тренер

Програма курсу охоплює усі навички та знання необхідні для старту у сфері WEB-design. Після закінчення курсу видається сертифікат, а Ваше портфоліо поповниться одразу 4 проєктами.

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

Підготовка до початку курсу

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

Модуль: Soft Skills

• Основні комунікативні навички
• Орієнтування у ситуації спілкування
• Управління емоціями
• Емоційний інтелект
• Критичне мислення
• Робота у команді
• Самопрезентація

Модуль 1. Промо-сайт

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

Модуль 2. Мобільний додаток

• Гайдлайни iOS & Android
• Відмінність користувацького досвіду на різних девайсах
• Прив’язка користувачів до свого продукту за допомогою використання гейміфікації
• Анімації та взаємодії з інтерфейсом
• Після проходження модуля необхідно виконати макет для релізу в магазинах застосунків, а також звичне демо для клієнта.

Модуль 3. Адмін-панель

• Просунуті UX техніки
• Психологія людського сприйняття
• Перші інтерв’ю призначені для користувача
• Обробка результати опитувань та якісні висновки на основі них
• Робота в дизайн командах і розподіл завдань
• Таблиці, календарі, форми та інші елементи високонавантажених систем
• Метрики продуктового дизайну на основі яких можна оцінити свою роботу

Модуль 4. Продуктовий дизайн

• Аналітичні дослідження для проєкту
• Дизайн сесії та брейншторми
• Вивчення та аналіз користувачів
• Прийняття рішень на основі отриманих даних
• Дипломна робота на одну із запропонованих соціально-значущих тем

Професійні поради та кар'єрне просування

Воркшопи та майстер-класи

Бонусний модуль: Англійська для ІТ

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

• Живі вечірні заняття (19:00-22:00)
• Система оцінки знань
• Робота в команді
• Супровід ментора
• Дипломний проєкт та сертифікат про закінчення навчання
• Допомога у працевлаштуванні

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

• Сергій Коваленко - Senior UX/UI designer, Founder at Siegfried Design Bü‎ro
• Олег Вакарчук - Middle UX/UI designer, Freelance
• Олег Сліпченко - Product Designer у Slots City
• Московчук Дарина - Onereach.ai Web/Brand Designer

Навчимося проєктувати зручні цифрові продукти, якими хочеться користуватися.

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

Що таке UX

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

Методи та процеси в UX

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

Робота із замовником

• Розберемо основні етапи, з яких потрібно починати UX проєкт
• Навчимося проводити інтерв’ю із замовником, щоб здобути необхідну інформацію
• Дізнаємось, як та про що запитувати, щоб чітко розуміти потреби замовника

Аналіз конкурентів

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

Робота з користувачами

• Зануримося в користувацькі інтерв'ю - як і навіщо їх проводити
• Розглянемо види та атрибути вдалого користувацького інтерв'ю
• Розберемося, як планувати користувацьке інтерв'ю та написати скрипт розмови
• Зрозуміємо, як шукати та знаходити саме тих респондентів
• Навчимося налаштовувати себе та респондентів на продуктивну бесіду
• Дізнаємось, як правильно обробляти дані та перетворювати їх на дизайн-рішення

User personas

• Поговоримо, навіщо потрібні персони й чи можна їх просто вигадати
• Навчимося крок за кроком створювати юзер персони
• Розберемо Customer Journey Map (CJM) - що це таке, навіщо потрібне та як побудувати
• Поговоримо про важливість емпатії як складника human-centered design

Опитування

• Розглянемо, які цілі опитування закривають та їхні можливості в UX дизайні
• Проаналізуємо види опитувань та навчимося працювати з вибірками
• Поговоримо про гіпотези та знайдемо їхній зв'язок з опитуваннями
• Виявимо важливі моменти у проведенні опитувань
• Розберемо помилки в роботі з опитувальниками

User flow

• Познайомимося з user flow - що це таке та чому є важливим у дизайні
• Розберемо види user flow: блок-схема, масштаб user flow, wireflow, інтерактивний прототип
• Розрізнимо user flow від CJM
• Дізнаємось, як опрацьовувати сценарії взаємодії користувача з інтерфейсом і як це може допомогти
• Визначимо, на якому етапі потрібно будувати user flow
• Детально розглянемо правила побудови user flow

Інформаційна архітектура

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

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

• Дізнаємося, що таке прототип та навіщо його створювати
• Розберемо види прототипів та особливості кожного: low-fidelity, mid-fidelity, high-fidelity
• Розкладемо по поличках інструменти для створення прототипів
• Навчимося будувати прототип у Figma

Закони UX та юзабіліті евристики

• Навчимося перевіряти UX рішення крізь призму патернів людського сприйняття, пам’яті, уваги та загальних юзабіліті принципів
• Розберемо на прикладах основні закони UX та патерни: закон близькості, закон Фіттса, закон Хіка, закон Якоба, F-патерн, 10 евристик Якоба Нільсена
• Навчимося проводити евристичний аналіз

Тестування

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

Презентація

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

Soft Skills

• Визначимо чому софт скіли важливі для просунутого UX дизайнера
• Розберемо основні софт скіли, які допоможуть UX дизайнерам ефективно працювати в команді
• Зрозуміємо, як сприймати та давати фідбек

Mobile

• Розберемо тонкощі UX рішень для мобільних девайсів
• Проаналізуємо актуальну ситуацію на ринку мобільних застосунків
• Дізнаємося про відмінності проєктування мобільних, десктопних пристроїв та планшетів
• Виявимо різницю між iOS, Android та розберемося, що таке кросплатформні застосунки

Впевнений UX дизайнер

• Поговоримо, як дизайнеру оцінювати власну роботу
• Дізнаємося, що індустрія, організація, команда та керівник очікують від UX дизайнера, та як ці очікування синхронізувати
• Розглянемо фреймворк "Цілі, сигнали, заміри" та застосуємо його
• Розберемо інструменти, які допомагають UX дизайнеру оцінити та покращити свою роботу

Емоційний дизайн

• Розглянемо на прикладах когнітивні упередження
• Навчимося застосовувати знання з психології, щоб створити якісний користувацький досвід

Портфоліо UX дизайнера

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

Матриця компетенцій UX дизайнера

• Дізнаємося, що таке матриця компетенцій та як вона стане в пригоді
• Заповнимо матрицю компетенцій UX дизайнера
• Розберемо софт та хард навички, які потрібні UX дизайнеру, щоб впевнено зростати

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

• Відеолекції щопонеділка та щочетверга, живі зідзвони з куратором щосереди о 19:00
• Real-life завдання
• Регулярний фідбек
• Сертифікат за справу
• Можна повернути кошти протягом 7 днів від початку курсу

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

• Сергій Ревва - Lead Product Designer в airSlate
• Ростислав Матюк - Product Designer at Uklon
• Аня Дем'яненко - Lead Product Designer at Lazarev
• Євгенія Любчик - Product Designer at Soniq
• Вова Хижняк - UX Designer at EPAM
• Дарина Коземчук - Senior Product Designer в Matic
• Олександр Дудченко - Lead Designer в Voit Digital
• Валерія Насікан - Product Designer в ExpertBox
• Вікторія Чирак - Product Designer в Questo
• Алла Ліщинська - Senior Product Designer at Fozzy Group
• Іван Мартиненко - Ex-UX Designer at Asto
• Надія Шимченко - Senior Product Designer в Kiwi.com
• Владислав Федоренко - UI/UX Designer в EVNE Developers
• Оксана Андрощук - Lead Designer в Cadabra Studio
• Катерина Коровкіна - Design Manager в ELEKS
• Валентин Бродський - Co-founder і CEO в Axicube
• Анастасія Наумець - Product Designer в HighPoint
• Олександра Плужнік - Lead UX Designer в Atupri
• Давид Азатян - Product Designer at Readdle
• Андрій Рижанков - UX/UI Designer в EPAM
• Аліна Коваль - UX/UI Designer в Riseapp
• Таня Кораб - Product Designer в Siemens
• Олександр Моклович - Design Manager в ELEKS
• Данило Приходько - Product Designer at KyivstarTech
• Олександр Головко - UX Designer в Lazarev
• Олена Шевчук - UX Designer at EPAM
• Іра Ларцева - Product Designer at Artkai
• Богдана Тищенко - Product Designer at Upsiide
• Маргарита Кердікошвілі - UI/UX Designer at Uinno
• Євген Мошнянко - UI/UX Designer at EPAM
• Ян Гладченко - Product Designer at Raiffeisen Bank Ukraine
• Тетяна Кондратенко - UI/UX Designer at Axicube
• Данило Верба - Senior Product Designer at Raiffeisen Bank Ukraine

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

Модуль 1. Інтерв'ю з бізнесом та формування продуктових гіпотез

• Бриф клієнта та його аналіз
• Яку проблему має бізнес
• Для кого бізнес створює продукт
• Наскільки цей бізнес зрілий
• Як бізнес заробляє гроші
• Як бізнес конкурує на ринку
• Яких результатів бізнес очікує досягти
• Підготовка до інтерв'ю зі стейкхолдером
• Продуктова гіпотеза
• Шаблон для аналізу продуктового брифу
• Шаблон плану перевірки гіпотез
• Шаблон Lean UX Canvas в FigJam та Miro (українською)
• Картка воркшопу Lean UX Canvas
• Тест до модуля

Модуль 2. Аналіз потреб користувачів

• Як цифрова трансформація змінює взаємодію з користувачами
• Компактний метод Jobs to be Done
• Що варто знати про персону
• Ціннісна пропозиція та "знеболювальне"
• Як шукати користувачів
• Шаблон завдань користувача згідно з методологією Jobs to be Done
• Шаблон прото-персони
• Шаблон канви ціннісної пропозиції в Miro та FigJam (українською)
• Картка воркшопу ціннісної пропозиції
• Тест до модуля

Модуль 3. Аналіз глибинних інтерв'ю

• Місце продукту в житті користувача
• Ментальна модель
• Аналіз якісних даних
• Побудова ментальної моделі
• Чек-лист перед проведенням інтерв’ю
• Список порад для аналізу відповідей респондентів
• Картка воркшопу ментальної моделі
• Тест до модуля

Модуль 4. Моделювання користувацького шляху

• Всюди воронки
• Сценарії в моделюванні користувацького досвіду
• Мапа користувацького шляху (CJM) та креслення сервісу (Service Blueprint)
• Продуктові метрики
• Шаблон мапи шляху користувача (CJM) в Miro FigJam (українською)
• Картка воркшопу CJM
• Тест до модуля

Модуль 5. Аналіз конкурентів

• Що таке конкуренція
• Конкурентна перевага
• Як аналізувати конкурентів
• Аналіз конкурентів на практиці
• Шаблон для категоризації конкурентів
• Шаблон таблиці для аналізу конкурентів
• Картка воршопу по аналізу конкурентів
• Тест до модуля

Модуль 6. Продуктовий експеримент

• Типи продуктових експериментів
• Типи прототипів
• Дизайн складних продуктів
• Картка продуктового експерименту
• Тест до модуля

Модуль 7. Аналіз результатів тестування концепції продукту

• Чому ми тестуємо концепцію продукту
• Ролі на експерименті
• Вибір типу експерименту
• Вибір метрик
• Дієві та беззмістовні метрики
• Підготовка до тестування
• Дашборд експерименту
• Чек-лист перед проведенням подуктового експерименту
• Шаблон дашборду експерименту
• Картка воркшопу по аналізу результатів експерименту
• Тест до модуля

Модуль 8. Презентація результатів

• Про що цікаво слухати стейкхолдерам
• Структура презентації для стейкхолдерів
• Шаблон структури презентаціях
• Чек-лист перед презентацією
• Тест до модуля

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

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

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

• Таня Зав'ялова - Досвідчена дизайн-лідерка
• Юрій Терницький - Сертифікований дизайн-лідер

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

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

Теми:

• Auto layout в Figma
• Особливості Landing Page
• Знайомство з Local Variables, Interaction Design, Prototyping
• UX-проєктування. Патерни та психологія
• Value proposition canvas & Users Scenarios
• Accessibility. Usability
• Low and High fidelity wireframes
• Usability Testing. A/B Tests
• Композиція. Ієрархія. Як збалансувати дизайн
• UI. Components. Ведення та передача макету
• Анатомія Дашбордів
• Глибинні інтерв'ю
• Створення варфрейму дашборду на основі даних від користувачів
• Особливості мобільної розробки
• iOS vs Android Гайдлайни
• Створення мобільного додатку. Використання бібліотеки компонентів iOS
• Branbook. Створення Гайду
• Особливості UX у напрямку Fintech проєктів
• Soft Skills. Презентація робіт
• Підготовка кейсів на Behance

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

• Необхідні базові знання та навички для освоєння курсу
• Заняття проходять в режимі онлайн-трансляції
• Оперативна служба підтримки студентів
• Усі записи уроків залишаються у студентів після закінчення навчання
• Велика кількість практичних занять і Livecoding
• Сертифікат після успішного закінчення навчання
• До шостого заняття ви можете повернути 100% внесених за навчання коштів
• Бонусом курсу є тренінг з проходження співбесіди та складання резюме з HR-фахівцем компанії

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

• Мар'яна Стадник - Senior Product Designer at pwrteams
• Олександра Бойович - UI/UX Designer at Belight Software
• Надія Абросимова - Product Designer at Tonic Health
• Олександр Галушка - UI/UX Designer at Roobykon Software
• Андрій Барсуков - UI/UX Designer at Dev-pro
• Вадим Пархоменко - Lead Product Designer at CryptoHub
• Роман Шуральов - UI/UX Designer at Valtech
• Михайло Кудринський - Senior UI/UX Designer at Edvantis
• Анна Піддема - UI/UX Designer at The WhyKingz
• Анатолій Сафронов - Senior Product Designer at Нова Пошта
• Вікторія Чайковська - Senior UI/UX Designer at Olsys LTD
• Іванна Попик - Product Designer at Phase One Karma
• Антон Марковський - UI/UX Designer at 1648 Factory
• Раната Рамазанова - Design Lead at Lanp
• Марія Симоненко - Experience Designer at SoftServe
• Дарина Парфенюк - Product Designer at GR8 Tech
• Євген Могільда - UI/UX Designer at NEMESIS
• Анастасія Школяр - UI/UX Designer at Blue Lemons
• Оксана Висоцька - UI/UX Designer at Qlearsite
• Ірина Пелипенко - Product Designer at SocialTech
• Анастасія Макієвська - Senior UI/UX Designer at PandaDoc
• Андрій Єлісєєв - Lead Designer at Readdle
• Анастасія Федотова - Product Designer at Readdle
• Дмитро Хижняк - Head of Design Department at Light IT Global
• Анна Ломонос - UI/UX Designer at Dev-pro
• Віталій Максименко - Product Designer at Avenga
• Микита Лазутіков - Lead Product Designer at Kindgeek
• Олександр Головко - UI/UX Designer at Cadabra Studio
• Катерина Кир'янова - Design Team Lead at CoreTeka
• Микола Іванов - Chief Operating Officer at Clickable agency
• Антон Рева - Product Designer at Doumo
• Євген Дружинін - Senior UI/UX Designer