Курси Web Design / UI/UX

Курс складається з двух блоків: hard skills (курс Вебдизайн - розвиток професійних навичок) та soft skills (заняття з управління собою та проєктами, розвиток персональних навичок). Навчаємо підлітків з нуля. Вступне тестування на рівні Beginner - на логіку та базове володіння комп'ютером. Модуль Працевлаштування - робота з реальними замовниками, симуляція проходження співбесід, оформлення професійного портфоліо та резюме тощо.

План курсу

Освітні результати

Hard skills (Рівень Beginner):

• Первинне портфоліо робіт з 4-ох проєктів на behance.com
• Формування базових навичок вебдизайнера
• Реалізація досліджень та робота з персонами (онлайн та офлайн)
• Практика роботи в Trello: система управління проєктами і їх ведення
• Індивідуальний проєкт: робота над сайтом
• Прототипування та пропрацювання сценаріїв у Figma
• Активна робота з реферальними рішеннями в Behance та Dribble
• Створення hi-fi прототипів
• Тестування: офлайн та онлайн
• Індивідуальна та командна робота над технічними завданнями від замовника в установленні часові рамки

Hard skills (Рівень Advanced):

• Основи прожект менеджменту, методам Agile, Waterfall, Kanban
• Метод управління проєктами, техніка Scrum
• Досвід роботи з реальним замовником
• Основи клієнтоорієнтованого підходу, аналіз потреби замовників
• Складання повноцінного резюме (CV), верифікація в HR менеджера/рекрутера
• Оформлення мотиваційного/супровідного листа до резюме
• Симуляція проходження співбесіди
• Оформлення профайлу на linkedin, дослідження job порталів
• Пошук замовників/компаній, особливості роботи на freelance
• Юридичні особливості трудових відносин в Україні

Soft skills:

• Емоційний інтелект
• Самоідентифікація
• Лідерство
• Цілепокладання
• Мотивація та дисципліна
• Тайм-менеджмент
• Самопрезентація
• Комунікація - конфліктологія - перемовини
• Мистецтво публічного виступу
• Робота в команді та з замовником

Результат навчання

IT сфера цінує знання та досвід. Підліток отримує:

• Профорієнтацію, підготовку до вступу у профільний університет, профорієнтацію
• Здатність працювати на рівні Junior дизайн спеціаліста після модуля Працевлаштування
• Стажування/працевлаштування в компаніях-партнерах Ampli
• Професійне портфоліо власних та командних робіт
• Міжнародний сертифікат в разі успішного проходження навчання
• Рекомендаційний лист від компанії, де студент проходив стажування для вступу до університету та подальшого працевлаштування

Перша робота:

• Рівень Beginer плюс Модуль Працевлаштування дають знання на рівні Junior спеціаліста та дозволяють отримати першу роботу
• Програма навчання складається із командних проєктів та їх захисту (пітчів) перед вебдизайнерами та HR менеджерами IT компаній
• Для наших випускників в Ampli працює кар'єрний сервіс з пошуку стажування та першої роботи
• Тож окрім першого досвіду випускники отримують рекомендаційні листи для вступу в університет та подальшого працевлаштування

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

• Тривалість навчання - 6 місяців (24 тижнів/занять)
• Групове онлайн навчання з тренером - дизайн-спеціалістом рівня Middle+, групою підлітків та супроводом стаді-менеджера
• Завдання для роботи серед тижня: відео-підручник (1-5 відео на тиждень), тести до нього, практичні завдання, додаткові матеріали (галузеві статті, ін.) Перевірка завдань тренером. Спілкування у чаті
• Групове онлайн заняття з тренером по hard skills вихідними, раз на тиждень (субота або неділя, 2 години, онлайн у zoom/google meets)
• Онлайн-практикуми з тренером по soft skills (надпрофесійні навички) раз на тиждень (1.5 години)
• Зворотний зв’язок для батьків:
  • раз/місяць статус навчання по програмі від стаді-менеджера
  • раз/три місяці - відгуки тренера

Автори програми

• Ольга Шевченко - Vintage
• Еліях Семьонов - PDF filter
• Христя Митсак - Global Tech Makers
• В'ячеслав Школьний - Cogniance
• Женя Скрябіна - Luxoft
• Олександр Валіус - Eleks
• Устим Гануляк - EPAM
• Олександра Лукавецька - WebIT.Agency

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

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

Місяць 1

Вступне заняття

• Вступне заняття курсу. В його межах обговоримо програму навчання та практичний бриф
• Розберемо базові поняття
• Познайомимося з процесом створення вебпроєкту

Анатомія інтерфейсу: основи

Урок, на якому ми знайомимо студентів з першими елементами та їхніми станами, а також з основами роботи з Figma для дизайнерів інтерфейсів.

Онбординг

• Урок, де ми познайомимось з основами онбордингу та слайдерів
• Дізнаємось, як генерувати зображення, працювати з модальними вікнами

Шоти та презентація робіт

• Урок, на якому будемо знайомитися з шотами та Dribble
• Навчимося створювати обкладинки та описи для проєктів
• Публікація робіт

Місяць 2

Інформаційна архітектура та навігація вебсайтів

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

Створення карти сайту та різних видів навігації

Урок з розробки карти сайту та представлення її у вигляді навігації.

Розбір напрацювань

Розбір робіт студентів, роз'яснення помилок, підказки, як перетворити напрацювання з навігації в готовий шот.

Навігація в мобільних застосунках

Урок, присвячений принципам перемикання між розділами в застосунку. В його межах розберемо принцип занурення, типи мобільної навігації, анатомію верхньої панелі та принципи роботи кнопки "Назад".

Створення мобільної навігації та робота з користувацькими сценаріями

Урок, на якому ми навчимося створювати типові зразки мобільної навігації: нижню панель, бургер-меню, а також - користувацький сценарій (Userflow).

Розбір напрацювань

Аналізуємо роботи студентів та типові помилки.

Головний екран посадкової сторінки

• Знайомство з Hero Section
• Анатомія сторінки
• Типові композиції
• Знайомимось з інструментами, що допомагають створити крутий ключовий образ
• Розробляємо шоти на основі головного екрану

Розбір робіт студентів

• Аналіз напрацювань по Hero Section
• Розбір робіт студентів

Місяць 3

Типові блоки посадкової сторінки

Урок, присвячений будові посадкових сторінок, їхній анатомії та типовим блокам.

Створення структури посадкової сторінки

• Знайомство з ChatGPT як інструментом для створення правдивого контенту
• Урок зі створення підказок (промтів)
• Робота з Language Tool для перевірки контенту
• Знайомство з Freepik для практики в створенні графічного контенту для сайту

Розбір напрацювань

• Розбір напрацювань студентів
• Рекомендації щодо покращень їхніх робіт

Мобільна версія сайту та адаптивний дизайн

• Адаптивний дизайн та його ключові принципи
• Робота з авторозмітками та іншими інструментами Figma
• Створення мобільної версії сайту

Розбір напрацювань

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

Створення дизайну сторінки: від пошуку візуального стилю до верстки

Урок, на якому викладач показує процес створення посадкової сторінки та версткою кожного блоку посадкової сторінки після Hero Section, включно з формою заявки.

Розбір напрацювань

Розбір робіт студентів по мобільній версії.

Фінальний розбір напрацювань, підготовка шотів до публікації

Додатковий, фінальний розбір напрацювань.

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

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

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

• Юрій Галюк - Customer Experience Lead at ELEKS
• Антон Лукащук - Дизайнер цифрових інтерфейсів, Webflow-розробник
• Віталій Дячук - E-commerce Lead Designer at League Design Agency
• Вадим Гайдай - Провідний вебдизайнер в League Design Agency

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

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

Теорія Веб-дизайну

• Інтернет, веб-сторінка
• Веб-дизайн
• Колір
• Композиція
• Шрифт
• Основні принципи комп'ютерного дизайну
• Стилі, тренди
• Спілкування із замовником

Практика по Adobe Photoshop

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

Практика по Adobe Illustrator

• Основне про Adobe Illustrator
• Робота з вектором та растром
• Робота з контурами та об'єктами
• Робота з текстами
• Розробка іконок
• Магія інструменту Shaper
• Підготовка зображень для завантаження на Shuttershtock

Практика по Figma

• Інтерфейс, створення облікового запису
• Створення базових векторних фігур та ефекти, використання сітки
• Робота з текстом, глобальні стилі
• Авторозмітка (autolayout)
• Робота з плагінами, community
• Компоненти
• Створення мобільного додатку
• Прототипування та аніміції

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

• Курс в Хмельницькому
• Для дорослих та молоді від 14 років
• 2-чі на тиждень по 2 год. 18:30 - 20:30
• Дні навчання: середа, п'ятниця
• 4 місяці / 32 заняття
• Багато практики
• Індивідуальний підхід
• Актуальна програма навчання

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

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

Тема 1. Вступний урок

• Огляд можливостей платформи
• Функціонал та переваги платформи
• Обмеження та лімітації в інструментах
• Створення та налаштування проєкту

Тема 2. Огляд інтерфейсу

• Знайомство з інтерфейсом
• Контрольна панель
• Канвас
• Top-bar
• Навігаційна breadcrumb панель

Тема 3. Панель стилів

Робота з панеллю стилів.

Тема 4. Вебструктура

• Вступ до HTML & CSS
• Box-model

Тема 5. Ієрархія елементів

Робота з ієрархією елементів.

Тема 6. Базові елементи

• Елементи
• Body
• Section
• Container
• Columns
• Div-block

Тема 7. Компоненти

• Компоненти
• Navbar
• Створення кастомних компонентів

Тема 8. Юніти

• Панель юнітів
• Юніти

Тема 9. HTML теги та класи

• HTML теги
• Класи
• Типографіка
• Стейти елементів

Тема 10. Лейаути

• Спейсинг (margin, padding)
• Display setting (show/hide)
• Модель Flexbox
• Grid
• Позиціонування елементів

Тема 11. Верстка блоків

• Верстка без дизайн макету
• Перенесення макету з Figma

Тема 12. Адаптивна верстка

Робота з адаптивною версткою.

Тема 13. Webflow CMS: створення, редагування та апдейт

• Створення колекцій CMS
• Додавання колекцій на сайт

Тема 14. Створення дизайну на базі Webflow CMS

• Стилізація колекцій
• Створення шаблону сторінок колекції

Тема 15. Інтерекшени та тригерні анімації

• Панель інтерекшенів
• Налаштування тригерних анімацій

Тема 16. Webflow SEO та паблішинг проєкту

• Вступ до SEO
• Мета-теги
• Маркування H1, H2, H3...
• Alt теги для зображень
• Панель аудиту
• Кейси з оптимізації під SpeedPageInsights
• Підключення домену та публікація проєкту

Тема 17. Кастомний код: розширюй функціонал своїх проєктів на Webflow

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

Бонусний урок. Пошук клієнтів на фріланс-майданчиках

Особливості пошуку клієнтів на фріланс-біржах у 2023 році.

Після проходження курсу ти будеш вміти:

• Будувати веб-сайти з нуля у Webflow
• Проєктувати веб-інтерфейси
• Швидко створювати різні сайти
• Перетворювати свій сайт

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

• Практичний досвід роботи у Webflow з нуля
• Додаткові матеріали та мануали
• Зручний доступ до всіх уроків, матеріалів курсу
• Портфоліо на основі домашніх завдань

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

Йосип Кобаль - UX/UI Designer, Ringostat (Netpeak Group)

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

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

UX Дослідження

UX Дослідження складається з двох частин: збір даних та їх узагальнення, таким чином допомагає нам визначити, підтвердити або спростувати наші припущення, знайти спільні риси в моделях поведінки користувачів, а також розпізнати їхні потреби та цілі.

Структура проєкту

Складання інформаційної архітектури, написання історій, сценаріїв і User Flow на основі користувальницького дослідження.

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

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

Принципи веб-дизайну

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

Компоненти

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

Проєкт для портфоліо

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

Попередні вимоги

• Знання та мінімальний досвід використання будь-якого графічного редактора (Sketch (MacOS), Figma (MacOS/Windows) або Adobe XD)
• Знання англійської мови на рівні читання технічної документації

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

• Швидкість проходження курсу залежить від вас. Швидше вчитесь - менше платите. Середній час проходження курсу 2-4 місяці
• 7 днів тестового періоду
• Менторинг
• Безкоштовна заморозка

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

• Олександр Винокуров - Senior Product Designer at Autility AS
• Родко Хоржинський - Head of Product Design at Reviult
• Діана Сульдіна - UI/UX Designer

Це професійний курс дизайну сайтів, мобільних додатків та ігор від GoIT, адаптований для підлітків.

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

Design Junior (10-12 років)

Семестр 1

• Знайомство з інструментами Canva
• Шаблони, фігури, кольори. Ієрархія кольорів в проєктах
• Робота з зображеннями, фотографіями, текстом та шрифтами
• Дизайн та анімація для соцмереж у Canva
• Оформлення презентації для навчання
• Створення візитівок, розробка логотипу. Мокапи
• Інтро-лого, брендові постери, мерч
• Знайомство з Photopia. Патерни
• Ребрендинг для обраного бренду

Семестр 2

• Інструменти Wix
• Знайомство з UI/UX
• Cайти та їх види. Хедер, футер, складові сайту
• Створення сайту на шаблоні про святкову подію
• Анімація елементів на сайті

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

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

Graphic Design (12-16 років)

Семестр 1

• Знайомство з інструментами Adobe Photoshop
• Композиція в дизайні, робота з фігурами
• Колір, градієнти
• Робота з векторною графікою
• Виділення, маски та ефекти
• Коригуючі шари, пресети
• Обробка фотографій
• Типографіка і колажі
• 3D, Анімація
• Стікерпаки, банери, мокапи
• Дизайн Landing Page

Семестр 2

• Знайомство з інструментами Adobe illustrator
• Сітка, маски і трасування
• Пензлі, олівець
• Типографіка з ефектами
• Шучний інтелект в Illustrator
• Розробка власного бренду
• Логотип, візитна картка, буклети
• Іллюстрація та дизайн продукції

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

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

Web Designer (13-16 років)

Семестр 1

• Знайомство з інструментами Figma
• Основні етапи розробки сайтів та лендінгів
• Стилі, типографіка і прототипи
• Растрова і векторна графіка
• UI-kit, адаптивний дизайн
• Дослідження у UX/UI design. Цільова аудиторія
• Наповнення сайту, форми зв'язку
• Анімація на сайті. Підготовка макету

Семестр 2

• Архітектура та дизайн веб-додатків
• Патерни поведінки користувача у додатку
• MVP (Minimum viable product)
• Дизайн мислення
• Робота з дашбордами
• А/Б тестування
• Анімація у веб-додатках
• Дизайн система

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

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

Motion Design (14-16 років)

Семестр 1

• Знайомство з інструментами MediaCoder, After Effects, Premiere Pro
• Композиція, базовий монтаж відео
• Текст, графічні шаблони, звук, субтитри
• Ефекти, експорт, рендерінг
• Motion-графіка, стилі, застосування
• Фігури, текст, маски, анімація
• Робота з ефектами, морфінг
• Штучний інтелект для дизайну та монтажу
• Світло, камера, 3D простір
• Брифи, технічне завдання, взаємодія з замовником

Семестр 2

• Анімація персонажа, логотипу
• Заставка для YouTube-каналу
• Chromakey
• 2D + 3D трекінг і Matchmoving
• Камери. Багатокрапкове відстеження
• Content Aware Fill
• Rotoscoping та Compositing

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

• Монтаж Reels або TikTok
• Створення промо відео
• Створення шейпової анімації
• Розробка інфографіки
• Створення відео для YouTube-каналу
• Створення власного відео портфоліо

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

• Кабінет студента
• Онлайн заняття
• Ігровий формат занять
• Невеликі групи
• Зворотній зв'язок

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

• Єлизавета - 2+ роки досвіду викладання Digital Design, Motion Design
• Олександра - 5+ років досвіду викладання дизайну та малювання
• Дар'я - UI/UX Designer
• Валерія - 7+ років досвіду у сфері дизайну
• Єлизавета - 2+ роки досвіду роботи з UI/UX
• Віктор - UI/UX дизайнер
• Віолетта - 3+ роки досвіду graphic design
• Сергій - 5+ років досвіду роботи у дизайні

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

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

Введення в курс. Знайомство з професією веб-дизайнера

• Про професію
• Основні закони User Experience і як їх примінити на практиці
• Типи сайтів: класифікація і основні відмінності
• Робота в Figma, Adobe Photoshop і Adobe Illustrator

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

• Платформи і сайти, де дизайнер початківець може почати кар'єру
• Практика: резюме в Figma. Знайомство з програмою і вчимося складати резюме, яке відповідає потребам ринку

Методи захисту свого проекту/дизайну і успішної роботи з критикою замовника

• Як працювати з критикою замовника
• Методики захисту свого проекту
• Розбір домашніх завдань і аналіз помилок

Основи Visual design. Створення банера для сайту

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

Основи accessibility інтерфейсів

• Базові вимоги до доступності
• Підбираємо контрастність і шрифт для кращого сприйняття
• Аналізуємо домашні роботи і обговорюємо розповсюджені помилки

Основи респонсив дижайну, сітки і брейкпоінти. Створення лендінгу

• Дизайн під різні розширення екранів
• Самі популярні розширення
• Які бувають сітки і як їх застосовувати
• Практика: створюємо лендінг

Естимація і дедлайни

• Як оприділяти терміни на виконання задач
• Як не порушувати дедлайни
• Поради по комунікаціям з клієнтом
• Аналізуємо лендінги студентів і виявляємо найчастіші помилки

Основи UX, Design thinking. Створення брифу, аналіз конкурентів

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

Аналіз існуючого дизайну, евристична оцінка юзабіліті. Редизайн сторінки в інтернеті

• Правила юзабіліті Нільсена і їх застосування в аналізі дизайну
• Практика: аналіз і покращення дизайну сторінок сайту

Розбір домашнього завдання "Редизайн сторінки в інтернеті"

• З кожним студентом розбираємо його ДЗ по редизайну
• В групі дивимось на те, які помилки в старому дизайні вдалося найти і які рішення можна запропонувати

Найкращі практики в e-commerce. Створення головної сторінки інтернет-магазину для десктопа і мобільного

• Практики і тренди по створенню інтернет-магазинів
• Елементи і блоки для головної сторінки інтернет-магазину
• Практика: малюємо головну сторінку в розширені 1440х900 (десктоп) і 812х375 (мобільний)

Розбір домашнього завдання "Головна сторінка інтернет-магазину"

Огляд попереднього домашнього завдання студентів

UIKit, Design System, Atomic design. Створення каталога, карточки товару для десктопа і мобільного

• Використання базових компонентів для великого сайту
• Різниця між UIKit і Design System
• Практика: продовжуємо роботу над інтернет-магазином - робимо каталог і карточки товарів

Розбір домашнього завдання "Каталог, карточка товару для десктопа і мобільного"

Аналізуємо роботи і розбираємо популярні помилки в попередньому домашньому завданні.

Створення корзини і процесу оформлення замовлення. Десктоп і мобільна версія

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

Розбір домашнього завдання "Корзина, процес оформлення замовлення для десктопа і мобільного"

• Аналізуємо роботи студентів
• Особливості реалізації функцій на мобільному пристрої

Інтерактивна презентація проекту в Figma

• Створення інтерактивних моделей сайту
• Як "продавати" дизайн клієнту

Захист курсового проекту

• Захищаєм курсовий проект
• Радуємось успішному проходженню курсу :)

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

• Все що в пакеті Lite
• Доступ до матеріалів та відео назавжди
• Сертифікат про проходження курсу
• Відеозаписи всіх живих лекцій в кабінеті
• Перевірка ДЗ з коментарями від тренера
• Фінальний проект - готовий кейс
• Відеозаписи блоку "IT Career"

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

Олександр Чмира - Senior Experience Designer

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

Design leadership in detail

• Understand the three types of design leadership, and core skills that separate a good leader from a great one
• Discover 12 qualities of effective organisations needed for truly effective design teams
• Map the real needs of your team and organisation with tools like design maturity index and adapt your leadership style for maximum impact
• Formulate a step-by-step design leadership plan tailored for both distributed and co-located teams
• Design rituals that reinforce the beliefs and behaviours of creative teams and organisations

Finding opportunities & defining impactful business problems

• Get proficient at the problem framing that inspires others to search for creative solutions
• Master the frameworks like lean canvas, design briefs, value proposition canvas that help to deal with ambiguity, shape the right problem and cut ineffective business requests
• Learn how the design discovery process can help you drive consistent innovations and do it collaboratively
• Discover how to use strategic research, foresight and system thinking to identify biggest opportunities and motivate your team for design greatness
• Get fluent at communicating ideas in a way to get a business buy-in

Leading design projects for defined problem space

• How to lead the process of roadmapping
• What are the possible process setup solutions
• What is the team setup regarding the project roadmap
• What are the roadmap planning tactics

Helping your team succeed during solution phase

• Craft a team agreement to create a culture of belonging
• Set the stage for creative thinking with intentionally designed meetings and modes of thinking
• Become proficient in creative facilitation using the 4C model to ensure the engagement of the right stakeholders in the most effective formats
• Utilize AI tools effectively during the inspiration gathering and brainstorming phases
• Develop skills to critically evaluate and select the best ideas, enhancing the potential for innovative solutions

How to be a good design leader

• Get a different perspective into what leading for creativity means and how might your team or organisation benefit from more creative support
• Dive deeper into the 3 types of leadership
• Discover what will be easy to integrate into your team or organisation and what will be difficult
• Create your strategies for staying present and engaged. Learn how you will know when to lean in and when to create space for your team to take ownership

Growing your design teammates from the interview up to senior level

• Learn to identify hidden gems during interviews and within your team, enhancing talent discovery and retention
• Master management from an individual contributor (IC) perspective to elevate team performance and productivity
• Develop methods to support and facilitate the growth of your teammates, fostering a culture of continuous improvement
• Promote peer-to-peer learning and collaboration, creating a dynamic environment where collective knowledge enhances individual and team success

Building and managing the most productive and motivated design team

• Learn the principles of building the right team for specific projects, ensuring optimal alignment and efficiency
• Master the art of vocalising the right values and messages, reinforcing a strong team culture and clear vision
• Develop strategies to unblock your team and advance in projects with high ambiguity, promoting continuous progress
• Foster a collaborative and inclusive team environment, enhancing team synergy and innovation
• Address handling burnout and maintaining a healthy work-life balance, crucial for sustaining long-term productivity and motivation

Working with in/out feedback for better result

• Іntroduce a robust feedback culture, defining its significance and impact in design and general team settings
• Understand the characteristics of effective and constructive feedback using the Specific, Behavioral, Impact, Next Steps (SBIN) framework
• Navigate the timing of feedback, weighing the benefits of immediate versus delayed responses
• Set clear expectations and goals aligned with feedback to enhance performance and clarity
• Tailor feedback effectively to the receiver's role and objectives, utilising various feedback channels to optimise understanding and response
• Implement best practices for feedback documentation and progress tracking, ensuring every piece of feedback translates into actionable insights
• Enhance receptiveness to feedback, developing strategies to foster a growth mindset and objective understanding within your team
• Learn techniques for active listening, managing emotional responses, and utilising feedback to propel personal and professional development

Building the storytelling skills for the successful presentation

• Use knowledge of your audience, their needs for the most powerful way to format your story
• Increase your ability to engage and inspire others through the development of tone, style, medium and timing
• Understand how design leaders can effectively work with other departments like engineering, marketing, and product management
• Learn to measure and communicate the impact of design work to stakeholders
• Get advice from the speakers on practising and perfecting your storytelling skills

Using AI for the better results

• Use AI to visualize complex project structures for improved clarity
• Streamline project planning, task allocation, and timeline creation with AI-driven insights
• Identify potential bottlenecks and resource gaps using AI analysis
• Enhance team communication and collaboration through AI-enabled tools
• Optimize workload distribution and delegation by leveraging AI insights
• Track progress and gain performance insights with AI-based monitoring
• Generate compelling visuals and infographics using AI capabilities
• Craft persuasive narratives with AI assistance to enhance storytelling
• Personalize content for different audiences using AI-driven customization

AI and design ethics

• Balance efficiency gains and innovation with potential job displacement when using AI in design
• Augment creativity without over-relying on automation to maintain a human touch in design
• Leverage data-driven insights while respecting privacy to ensure ethical design practices
• Understand AI's impact on design workflows and decision-making for informed use
• Ensure ethical use of AI-generated content by understanding our responsibility as designers
• Maintain human creativity alongside AI tools to preserve originality
• Stay updated on AI capabilities and limitations to use tools effectively
• Ensure AI tools are used responsibly and sustainably in the design process
• Address bias and promote fairness in AI systems when building AI-based solutions
• Design for transparency to build user trust in AI-driven products
• Consider and mitigate long-term societal impacts of AI for responsible innovation

Building the vision of the game-changing products

• Craft a vision that inspires and aligns with both business objectives and customer aspirations
• Identify disruptive opportunities by analyzing market trends and user needs
• Translate the vision into a strategic roadmap with clear milestones and objectives
• Engage and align your team around the vision through effective communication and storytelling
• Adapt and evolve the vision as new insights, feedback, and technological advancements emerge
• Measure the impact of the vision regularly to ensure it drives innovation and delivers long-term value

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

• 2 онлайн-вебінари на тиждень
• Інтерактивні онлайн-зустрічі
• Грамота за досягнення
• Підтримка ментора
• Сертифікат про проходження курсу
• Можливість повернути кошти протягом 7 днів від старту курсу

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

• Jon Vieira - Product Design Lead at Meta Reality Labs
• Luana Moura - Design Leader & Strategist at GetYourGuide
• Hans von Sichart - Sr. Principal Designer at Palo Alto Networks
• Albina Cholak - Staff Product Designer at Deliveroo
• Bence Csernak - Founder of Bencium AI Consultants

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

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

Введення до курсу

• Привітання
• Огляд програми

Figma

• Комп'ютерна графіка
• Переваги та недоліки Figma
• Робочий інтерфейс
• Інструменти: Objects
• Інструменти: Mask
• Інструменти: Boolean Groups
• Інструменти: Images
• Стилі та їх використання
• Layer ефекти: Blend Modes
• Layer ефекти: Shadow та Blur
• Групування: Group
• Групування: Frame
• Групування: Section
• Групування: Auto Layout
• Групування: Components
• Layout Grid
• Variables
• Інтерактивні макети
• Бібліотеки компонентів
• Плагіни
• Експорт

Основи UI

• Ціль UI дизайну
• Композиція: Основи
• Композиція: Принципи
• Композиція: Сітка
• Типографіка
• Теорія кольорів
• Типи UI Components
• UI Components: База
• UI Components: Вибір елементів
• UI Components: Навігація
• UI Components: Статичні
• UI Components: Інше
• UI Kits

Основи UX

• Ціль UX дизайну
• Закони UX
• 10 евристик юзабіліті Якоба Нільсена
• Доступність та WGAG стандарти (рівні А, АА та ААА)
• Дизайн процес: Аналіз ТЗ
• Дизайн процес: Аналіз ідей
• Дизайн процес: Аналіз аудиторії
• Дизайн процес: Аналіз конкурентів
• Дизайн процес: User Flow
• Дизайн процес: Підбір референсів
• Дизайн процес: Прототипування
• Дизайн процес: Розробка дизайну
• Дизайн процес: Адаптиви
• Дизайн процес: Підготовка макетів для розробників
• UX та веб-додатки

Додаткові інструменти

• FigJam, Miro
• Notion
• Adobe Photoshop
• Adobe Lightroom
• Adobe Illustrator
• Blender
• Інші допоміжні ресурси для дизайну

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

• Допомога ментора
• Практика
• Сертифікат про проходження курсу
• Чат спільноти
• Вебінари та додаткові матеріали
• Заняття з англійської
• Стажування для найкращих студентів