Курсы Web Design / UI/UX

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

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

Web-дизайн

• Figma, розбір вектора, створення простих іконок та ілюстрації, підбір ілюстрації на стоках
• Робота з сітками та шрифтами - установка шрифтів. Основи створення простого лендингу
• Робота з кнопками, іконками (категоризація), основи кольору
• Оформлення Дизайн системи (UI kit) зі всіма елементами, створення лого на основі існуючого шрифту
• Оформлення сайту - шапка, тіло, футер, створення малої карточки продукту, тексти для сайту
• Оформлення кейсу з сайтом для портфоліо або розбір існуючих портфоліо

Front-end

• Абсолютні та відносні шляхи, файлова структура, структура HTML
• HTML теги, посилання, списки, таблиці
• СSS, підключення, селектори та комбінування
• Псевдокласи, псевдоелементи, шрифти, інструменти розробника
• Зображення, графіка, фон
• Позиціювання, Overflow, Float
• Flex
• HTML 5
• Трансформації, Transition

Python

• Вступ до Python та основний синтаксиc
• Потік керування та функції
• Малювання з модулем turtle
• Списки та кортежі
• Словники
• Створення телеграм-бота

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

• Базовий курс для дітей 12-17 років
• Викладачі - практикуючі фахівці з великим досвідом роботи
• Навчання зосереджене на практиці
• Можливість брати участь в програмі Hillel EVO
• До шостого заняття ви можете повернути 100% внесених за навчання коштів

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

• Єлизавета Чепугова - Graphic Designer в Nasha Idea
• Єгор Ліфіренко - Python Developer
• Владислав Дикий - Front-end Developer в Web Generator
• Роман Поплєтухин - Front-end Developer at Meduzzen

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

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

Дизайн процес

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

Збір бізнес-вимог

• Зрозуміємо, що таке kick-off дизайн-проєкту та які завдання він виконує
• З'ясуємо, хто такі стейкхолдери та їхні ролі, яка відповідальність у кожного учасника
• Розберемося, як залежно від цих ролей вести комунікацію та до яких етапів кого залучати
• Отримаємо поради та лайфхаки, як правильно підготуватися та провести kick-off
• Зосередимося на інтерв'ю стейкхолдерів: як провести попереднє дослідження, скласти запитання та провести розмову ефективно
• Дізнаємося, що таке stakeholder mapping, для чого його робити та що воно нам дає
• Зрозуміємо, як працювати з отриманими даними, щоб бачити загальну картину проєкту/продукту та з'єднати точки між дизайном і бізнесом

Аналіз домену

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

Розуміння цільової аудиторії

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

Фреймінг дизайн-челенджу

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

Інформаційна архітектура, сортування карток, tree testing

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

Процес ідеації

• Спробуємо різні техніки генерування дизайн-рішень: how might we, crazy 8, 5 whys
• Поговоримо, як правильно проводити брейншторми
• Навчимося практики mindmapping

Валідація дизайн-рішення

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

Концептуальні та ментальні моделі

• Дізнаємося, що таке концептуальні та ментальні моделі та як усунути розрив між ними
• Розберемо User Journsy Mapping, Service Blueprint, System Maps
• Вивчимо, як працювати з UML Use Case Diagram, task та user flow, Customer Journey Map
• Опануємо мапінги бізнес-процесів - Blueprint та Business Process Model and Notation

Юзабіліті та його вимірювання

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

Прототипування та дизайн-системи

• Визначимо, чим є і не є прототипування, коли та навіщо його застосовувати
• Дізнаємося про види прототипування та в якому кейсі використовувати кожен
• Зрозуміємо, як правильно ділитися прототипами з користувачами
• Розберемо ключові tips & tricks для побудови дизайн-системи
• Створюватимемо дизайн-систему для проєкту

Фасилітація UX воркшопів

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

Аналітика та метрики

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

Комунікація та презентація

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

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

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

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

• Євген Олексюк - UX Designer в EPAM
• Микола Анікєєнко - Senior Designer at EPAM
• Анна Дем'яненко - Lead Product Designer at Lazarev
• Марія Коковіна - Product Designer в Questrade
• Надя Любак - Lead Product Designer в Corytech
• Анна Ліщинська - Senior Product Designer at Fozzy Group

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

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

Теми:

• 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

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

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

• Photoshop
• Figma: інтерфейс, базові елементи
• Figma: Group vs Frames, Обмеження
• Figma: Компоненти, Автоматична компоновка
• Персона, користувача інтерв’ю, для користувача сценарій
• Карта сайту, шлях користувачів
• Wireframes, Майстерня паперового прототипирования
• Візуальний дизайн. Компоненти для користувача інтерфейсу. UI Kit
• Moodboard. бібліотека шаблонів
• Типографіка і сітка.
• Колір і склад
• Основи анімації
• Огляд інтерфейсу мобільного додатка
• iOS проти Android
• Human Interface Guidlines
• Material Design Guidlines
• Адаптивний дизайн
• Гейміфікація
• Анімація взаємодії
• Портфоліо: Behance і Dribbble
• Брендинг. Логотипи. CX Design
• Soft skills

Презентація проєкта

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

• Для дітей віком від 12 до 15 років
• До 15 дітей в групі
• Система оцінки знань
• Багато практичних завдань
• Робота над власними проєктами
• Сертифікат про закінчення навчання

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

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

Знайомство з UX методами та методологіями

• Що таке UX дизайн і найпопулярніші ролі
• Види UX досліджень
• Кількісні та якісні дослідження
• Як обрати правильний UX метод (+вчимося протягом курсу)
• Популярні дизайн методології, їх схожість та відмінність

Брифінг клієнта. Цільова аудиторія. Опитування, як метод дослідження

• Як працювати в команді, поради та нюанси
• Розуміння бізнесу та брифінг клієнта
• Визначення цільової аудиторії та її вивчення
• Два основних види фідбеку від юзерів: активний та пасивний
• Опитування користувачів. Швидкий спосіб зрозуміти, хто наші користувачі, з якими ситуаціями вони зіштовхуються
• Аргументація своїх рішень

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

• Концептуальна та ментальні моделі. Чому вони важливі
• Глибинні інтерв'ю | In-depth interview
• Як правильно провести глибинне інтерв'ю, де шукати юзерів та що робити із данними
• Відкриті vs Закриті питання
• Поради, як підвищити ефективність інтерв'ю з користувачами

Value proposition Canvas (шукаємо цінність продукту), Personas

• Value Proposition Canvas та її переваги
• Створення Personas: які дослідження потрібні, на що звернути увагу та як їх оформити
• Коммунікація та презентація своїх рішень, як для клієнта, так і для команди

Методи UX Mapping, створення CJM, брейнштормінг, методи відбору ідей

• Порівняння методів UX Mapping
• Розбираємо Customer Journey Map
• Як правильно створити Customer Journey Map і що робити із нею далі
• Як правильно провести брейнштормінг
• Метод Crazy 8's
• Методи вибору кращих ідей після брейнштормінгу

Створення дизайн-рішення, формати та таблиці, фільтри, аргументація

• UX правила та психологічні прийоми в дизайні
• Розробляємо власне рішення на основі досліджень: ваєрфрейми та прототип (індивідуально)
• Як створити ефективні форми на сайті
• Як створити правильну таблицю
• Фільтри та сортування
• Як аргументувати свої ваєрфрейми перед клієнтом
• Основи MVP підходу (база)

Usability testing варфреймів та метрики. Частина 1

• Юзабіліті тестування: від А до Я
• Як правильно провести тестування і отримати релевантні дані
• Метрики: вимірювання успіху UX-дизайну
• Коридорне тестування

Usability testing варфреймів та метрики. Частина 2

• Де і як створити портфоліо: Notion та Behance
• Оформлення Case study з UX дизайну для портфоліо

Резюме та пошук роботи

• Як і де створити ефективне резюме
• Важливі Soft skills для UX дизайнера

7 зустрічей на курсі і 2 презентації

• Онлайн лекція: Навіщо бізнесу UX?
• Онлайн лекція: Модель КАНО
• Воркшоп: Аналіз конкурентів за методом КАНО
• Командна консультація з ментором
• Воркшоп: UX аудит за Евристиками Нільсена
• Онлайн лекція: Техніка воронки в юзабіліті тестуванні
• Q&A сесія

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

• 10 тижнів навчання
• 10 модулів з відео уроками в записі
• 18 студентів у групі
• 6 практичних онлайн занять
• 2 практики презентацій своїх рішень
• Командна та індивідуальна робота на курсі
• Підтримка ментора
• 85% практики та відео-розбір кожної домашки
• Закриті чати зі студентами
• Індивідуальний чат з ментором
• Додаткові матеріали, конспекти, тести
• Сертифікат про проходження курсу (за умови виконання всіх домашок)
• 6 місяців доступу після завершення курсу

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

Олександра Коваль - Lead Product Designer

Ви опануєте основи роботи в Figma, навчитесь створювати власні проєкти та вдосконалювати їх з урахуванням потреб користувачів. Завдяки практичним завданням, Ви отримаєте необхідні навички для впевненого старту у світі UI/UX дизайну та влаштування на свою першу роботу.

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

Модуль 1. Figma

• Урок-знайомство
• Знайомство з UX/UI дизайном та його роллю в розробці продуктів
• Основи Figma, FigmaJam:
  • Навчальний план, створення команди, коментарі, робота з Frames
  • Огляд інтерфейсу та основних панелей
  • FigmaJam
• Робота з векторами та об’єктами:
  • Fill, stroke, styles, local variables
  • Створення стилів для забезпечення консистентності дизайну
  • Створення локальних змінних та систематизація кольорів
• Відтворення ілюстрації, створення патернів:
  • Pen&Pensil
  • Boolean groups
• Робота з типографікою:
  • Правильне використання розміру, ваги та міжлітерного проміжку шрифтів
  • Робота зі стилями
  • Основи візуальної ієрархії
• Маски та ефекти, використання градієнтів
• Autolayout
• Components
• Component variants
• Local variables (color, text, string, boolean)
• Мікроінтеракції
• Figma workshop

Модуль 2. UX дизайн

• UX дизайн-процес: Empathize, Define, and Ideate
• Робота з брифом, Mind mapping
• Аналіз конкурентів - SWOT
• Persona, Proto-persona
• Опитування, сортування карток
• Інтерв’ю з користувачами
• Гіпотези та їхня валідація
• Інформаційна архітектура
• Customer journey map - карта досвіду користувача
• Артефакти: user flow, user story
• Генерація ідей, скетчинг
• Wireframing та prototyping
• Веб-аналітика та тестування
• UX workshop

Модуль 3. UI дизайн

• Макет та сітка, основи композиції
• Візуальна ієрархія
• Теорія кольору
• Шрифти та типографіка
• Варіативність дизайну: Adaptive, Responsive, Mobile first
• Базово про іконки у UI
• Доступність дизайну (Accessibility)
• Атомарний дизайн (Atomic design)
• UI-кіт
• Дизайн-система
• AIDA, структура лендінгу
• Інтерактивний прототип та завершення тестування
• Оформлення UI/UX case study
• UI workshop
• Final review and graduation

Після курсу ти будеш вміти:

• Використовувати сервіс Figma для створення інтерфейсів та прототипів
• Створювати користувацькі інтерфейси для веб-сайтів та додатків з урахуванням кращих практик UX/UI дизайну
• Аналізувати користувацькі потреби, створювати персонажі та карти досвіду користувача для покращення взаємодії з продуктом
• Впроваджувати варіативність дизайну: розуміти принципи адаптивного та мобільного дизайну, створювати продукти, що коректно відображаються на різних пристроях
• Використовувати візуальну ієрархію та композицію
• Створювати дизайн-систему та UI компоненти
• Створювати доступні та інтерактивні інтерфейси для покращення користувацького досвіду
• Ви будете мати власне портфоліо та зможете працювати на професійних проєктах

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

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

Опануй Figma, навчися працювати з ТЗ та брифом, проектуй вебінтерфейси та створюй сайти, які не хочеться закривати. Усьому цьому ми навчимо тебе на курсі UI/UX дизайну за 4 місяці.

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

Модуль 1 - Вступ, знайомство з Figma

Заняття 1. Введення у дизайн

• Познайомимося, поговоримо про те, що таке дизайн UX/UI, UX vs UI: в чому різниця
• Хто такий UI/UX дизайнер і що він має вміти?
• Варіанти роботи UX/UI дизайнером та розвитку кар'єри: плюси та мінуси
• Обговоримо вдалі та невдалі приклади сайтів
• Зареєструємось на Behance та dribble

Заняття 2. Figma Start: Основи роботи з програмою

• Чому Figma? Переваги інструменту. Створимо команду для спільної роботи над дизайн-проєктом
• Базовий інструментарій, знайомство з інтерфейсом Figma
• Сплануємо по етапах роботу над підсумковими проєктами для портфоліо
• Проведемо дослідження джерел
• Розпочнемо роботу над першим проєктом для портфоліо дизайнера

Заняття 3. Figma Pro: разом малюємо лендінг

• Як дизайнер підходить до проєктування сайту?
• Основні блоки посадкової сторінки та правила їх розміщення: логотип, заголовки, категорії, іконки, зображення тощо
• Вивчимо та намалюємо елементи різного типу: покрокові інструкції
• За підтримки ментора створимо першу сторінку сайту

Модуль 2 - UI в деталях, практика візуалу

Заняття 4. Figma: разом малюємо лендінг

• Як дизайнер підходить до проєктування сайту?
• Основні блоки посадкової сторінки та правила їх розміщення: логотип, заголовки, категорії, іконки, зображення тощо
• Вивчимо та намалюємо елементи різного типу: покрокові інструкції
• За підтримки ментора створимо першу сторінку сайту
• Зберемо moodboard для своїх проєктів

Заняття 5. Менторська сесія

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

Заняття 6. Adobe Illustrator

• Ознайомче заняття з Adobe Illustrator
• Векторна та растрова графіка
• Взаємодія Illustrator із Figma

Заняття 7. Adobe Photoshop

• Робоча область. Перші кроки. Пензлі. Режими накладання
• Ретушування зображень. Вирізання
• Ретушування зображення (заплатка, клонувальний штамп)

Заняття 8. Менторська сесія

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

Заняття 9. Тренди 2023

• Дизайн-тренди. Порівняємо скевоморфізм, FLAT, material, бруталізм, isometric, glass morphism
• Подивимося різні стилістичні прийоми: білий простір, нестандартна сітка, градієнт, упор на типографіку, 3D, grunge, реалізм тощо
• Як вибрати стиль для конкретного проекту?
• Як стежити за трендами дизайнеру-початківцю?
• Деталізація макету: від scetch-малюнку через wireframe до реалізації

Заняття 10. Дизайн-тренди

• Перевіряємо редизайн сайту та розпочаті вайрфрейми
• Отримуємо фідбек за своїми домашніми завданнями
• Аналізуємо проекти одногрупників під керівництвом викладача
• Тренуємо подив, формуємо критерії успішних проектів

Заняття 11. Типографіка

• Принципи, основні поняття та терміни типографіки
• Види та класифікація шрифтів, допустимі розміри на сайтах та мобільних пристроях
• Трекінг, керлінг. інтерліньяж – приклади
• Практика: працюємо з типографікою, застосовуємо знання на практиці, щоб застилити статтю
• Як працювати з референсами (прикладами)

Заняття 12. Сітки та композиція

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

Заняття 13. Кольори та зображення

• Теорія кольору, поєднання кольорів, холодні та теплі кольори
• Кольорові моделі: CMYK, HEХ, колірне коло
• Психологія сприйняття кольору
• Лайфхакі вибору правильної кольорової схеми: дізнаємося, як і коли потрібно додавати колір

Заняття 14. Менторська сесія

• Перевіряємо статтю та практику
• Отримуємо фідбек за своїми домашніми завданнями
• Аналізуємо проекти одногрупників під керівництвом викладача
• Тренуємо надивленність, формуємо критерії успішних проектів

Модуль 3 - UX. Мобільний додаток. Анімація

Заняття 15. Дизайн патерни, кнопки, форми, навігація

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

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

• Статистика, адаптивна верста, мобільна версія та програми
• Види адаптації
• Mobile first
• Основні правила та принципи
• Універсальні прийоми
• Адаптуємо сайт під мобільну версію

Заняття 17. Менторська сесія

• Мобільна версія+desktop
• Отримуємо фідбек за своїми домашніми завданнями
• Аналізуємо проекти одногрупників під керівництвом викладача
• Тренуємо подив, формуємо критерії успішних проектів

Заняття 18. Кейси для Behance

• Як правильно складати та оформлювати кейс на Behance
• Базові прийоми Photoshop, які однозначно стануть у нагоді дизайнеру

Заняття 19. Менторська сесія

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

Заняття 20. Проєктування мобільних додатків: старт проєкту

• Етапи роботи над мобільним додатком
• Розробка концепції, ресерч (дослідження)

Заняття 21. Основи дизайн-мислення. UX-стратегія

• Робота з брифом: mind mapping та інформаційна архітектура
• Визначення та особливості Цільової аудиторії
• Метод персон

Заняття 22. UX-дослідження: аналіз конкурентів, персони та карти емпатії. Customer journey map та User flow

• Сustomer Journey Map
• Юзер флоу (User Flow)

Заняття 23. Менторська сесія

• Отримуємо фідбек за своїми домашніми завданнями
• Аналізуємо проекти одногрупників під керівництвом викладача
• Тренуємо надивленність, формуємо критерії успішних проектів

Заняття 24. Прототипування: елементи сайту та скетчинг. Прототипування: wireframing

Прототипування: елементи сайту та скетчинг Прототипування: wireframing

Заняття 25. Менторська сесія

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

Заняття 26. Дизайн мобільного додатку

Проектування дизайну мобільних додатків зі застосуванням гайдлайнів під iOs/Android

Заняття 27. Менторська сесія

• Отримуємо фідбек за своїми домашніми завданнями
• Аналізуємо проекти одногрупників під керівництвом викладача
• Тренуємо надивленність, формуємо критерії успішних проектів

Заняття 28. Анімація та прототипування у Figma

• Практичне заняття
• Ефекти та налаштування анімації у програмі
• Як ними користуватися
• Створюємо кілька анімацій

Заняття 29. Заняття з розробником

• Як дизайн перетворюється на код?
• Готуємо макет для передачі розробнику
• Що верстальнику потрібно для комфортної роботи
• Підтримка відносин із клієнтами

Заняття 30. Менторська сесія

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

Заняття 31. Резюме дизайнера

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

Заняття 32. Розмова із кар'єрним менеджером

• Як і де шукати роботу для початківця та які інструменти при цьому використовувати
• Як правильно зробити резюме та яка інформація в ньому надважлива, а що буде зайвим
• Як створити профіль на Linkedin, щоб його могли побачити потенційні роботодавці
• 7 порад, які допоможуть пройти онлайн співбесіду набагато успішніше
• Q&A

Дипломна робота

Етап 1 Задача дипломного проєкту

Дипломна робота включає в себе на задану вчителем тему створення власного дизайну інтернет магазину та додавання його на сторінку Behance у вигляді презентації. Завдання – створити магазин у desktop версії та зробити адаптиви (мобільна версія та планшет). У дипломній роботі має бути 8 обов'язкових сторінок магазину.

Етап 2 Захист дипломної роботи

• На захисті вам доведеться показувати свою найкращу роботу досвідченим дизайнерам, розробникам та рекрутерам
• Отримуємо зворотний зв'язок та визначаємо свій шлях дизайнера

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

• Безкоштовна IT англійська
• Додаткові матеріали
• Кар'єрний менеджер
• Діджитал диплом для Linkedin

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

• Матвієнко Поліна - Middle UI/UX Designer
• Ольга Вихристюк - Senior UI/UX Designer
• Ангеліна Дехніч - Middle UI/UX Designer
• Сергій Головашкін - Senior UI/UX Designer
• Надія Перегінська - Senior UI/UX Designer
• Наталія Чередниченко - Product Designer | UI/UX Designer

На курсі ви навчитесь проводити дослідження конкурентів, вивчите поведінку своїх потенційних клієнтів, познайомитесь з трендами веб-дизайну, дізнаєтесь про створення Customer journey map та про інші складові на початку роботи.

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

Модуль 1. UX дизайн: Аналіз користувачів, дослідження та підготовка до проєктування

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

Модуль 2. Інструменти дизайну

• Adobe Photoshop. Знайомство з інтерфейсом програми, основні інструменти
• Робота з практичним завданням, закріплення навичок роботи
• Adobe Illustrator. Основи роботи з Adobe Illustrator
• Робота із практичним завданням. Розробка графічних елементів та робота з ілюстраціями
• Знайомство з Figma. Основні інструменти
• Фрейм створення прототипу. Інтерактивний прототип

Модуль 3. Основи веб-дизайну

• Типографіка та шрифти
• Модульні сітки
• Дизайн система, UI Kit, Guideline, StyleGuide
• Адаптивний дизайн

Модуль 4. Mobile Apps дизайн

• Особливості дизайну мобільних додатків
• Створення проєктів
• Створення прототипів мобільних додатків, їх важливість і тонкощі, які варто враховувати

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

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

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

Вальковська Тетяна - Практикуючий дизайнер з досвідом більше 15 років

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

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

Теми:

• Що таке веб-дизайн та хто такий веб-дизайнер. Етапи створення сайтів
• Figma для веб-дизайнера. Інструменти
• Баланс та композиція у веб-дизайні
• Стилі сайтів, пошук референсів. Де брати контент для сайту
• Логіка на сайті. Структура лендінгу
• Основи типографіки. Вайрфрейм високої деталізації лендингу
• Основи колористики. Психологія кольору
• Макет лендінгу
• Вау анімація лендінгу
• Основи адаптиву та адаптивна версія під мобільний телефон

Після курсу учень

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

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

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

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

Варвара Прокопчук - UI/UX Designer, Owner BARVA.design.studio