Пройшла курс Графічний дизайнер. Цікава подача теорії з практикою + після кожного проходження спринту фінальне завдання зі зворотним зв'язком від рев'ювера. Постійна підтримка ментора та куратора курсу.
Курсы Web Design / UI/UX
- Web & Mobile Design / UI/UX
Дизайнер – одна з основних професій у IT-галузіі. Все, що ти бачиш в інтернеті, хтось придумав і намалював. Дизайнери потрібні кожному бренду, тож вакансій завжди багато. Це професія із величезними перспективами. Ти навчишся створювати сучасні інтерфейси та зможеш працювати UI/UX дизайнером у IT або Digital.
Програма курсу
Web design
- Введення в курс
- Лендинг, його призначення та функції
- Бриф та первинне вебдослідження
- Основи Figma
- Прототипування та сітки
- Композиція, колір та типографіка
- Растрова і векторна графіка
- Оформлення кейсу на Behance
- Особистий проєкт: лендинг із адаптацією
- Особистий проєкт: UI kit та корпоративний сайт
Service Design
- Вебсервіси
- Дизайн-мислення та дизайн-процеси
- Робота з персонами
- Jobs-to-be-done фреймворк
- Figma Pro
- Планування інформаційної архітектури та функцій продукту
- Візуалізація даних
- Анімація
- Аналітика та тестування
- Customer journey map
- Оформлення кейсу на Behance
- Командний проєкт: розробка вебзастосунку
Mobile App Design
- Особливості дизайну для мобільних пристроїв
- Проєктування інтерфейсів для IOS і Android
- Проєктування мобільного застосунку
- Основні патерни
- Навігація
- Анімація в мобільних застосунках
- Публікація застосунку
- Human Interface Guidelines
- Material Design
- Оформлення кейсу на Behance
- Командний проєкт: розробка мобільного застосунку
Soft skills
- Філософія Agile
- Методологія Scrum
- Робота в команді
- Тайм-менеджмент
- Аналітика проєктів
- English speaking club (пакет Plus)
- Робота з EnglishDom Words
- Заняття з працевлаштування
- Складання грамотного резюме
- Створення сторінки на LinkedIn
- Написання мотиваційного листа
- Майданчики для пошуку роботи
- Підготовка до HR-інтерв'ю
- Підготовка до технічного інтерв'ю
- Комунікативні навички
- Тестові співбесіди
Career skills
- Створення резюме
- Оформлення профілів Linkedin та Djinni
- Підготовка до HR та технічної співбесіди
- Індивідуальні кар’єрні консультації
- Рекомендація студентів на вакансії партнерів
Особливості курсу
- Круті ментори
- Кар'єрний сервіс
- 2-3 вебінари на тиждень
- Кабінет my.goit
- Спілкування в чаті
Викладачі курсу
- Маша Руденко - Senior UX/UI Designer в GoIT
- Міша Губа - Product Designer в Wispence
- Олійник Тарас - Product UI/UX Designer NEAR One Click Crypto, Jump
- Єршов Владислав - UI/UX Designer
- Білик Андрій - Студія WEBGORILLA, COO
- Скакун Олександр - Art Director & Product Designer
- Заступ Олександр - Lead UI/UX Designer at Lampa Software
- Web & Mobile Design / UI/UX
Програма курсу
Tier 1 / Базові знання ІТ (21 тиждень)
- Digital Design for the Web: Principles and Applications
- HTML and CSS Fundamentals for User Interface Design
- JavaScript Fundamentals: From Basics to Advanced Concepts
Tier 2 / Спеціалізація (63 тижні)
- Advanced JavaScript and TypeScript
- Design Patterns
- Human-Computer Interaction and Design
- Graphic Design
- UX Research Methods and Usability Testing
- Interaction Design and Design Thinking UX/UI
- Mastering Front-End Development with React
- Cross-Platform Mobile App Design and Development with React Native
- Physical user interface design
Tier 3 / Поглиблені знання (22 тижні)
- Product Analytics and Applied Statistics
- Agile Product Management for Software Development Teams
- Business Case Studies
- Career Strategies and Soft Skills for IT
Дипломний проєкт (8 тижнів)
- Applied Computer Science: Capstone Project
- Розробка власного стартапу в команді
- Ви проходите всі стадії до пітчингу проєкту
- Можливість отримати інвестиції
Особливості курсу
- Регулярні живі лекції та практика з викладачами
- Soft Skills
- Гнучкий графік без сесій
- Англійська для працевлаштування
- Автоперевірка коду та ШІ
- Підтримка кар'єрного консультанта
- Розробка резюме та мотиваційного листа
- Професійний профіль LinkedIn та зіркове портфоліо GitHub
- Тестові інтерв'ю
- Індивідуальні консультації та всебічна підтримка до випуску
- Студенський квиток
- Необхідність диплому бакалавра (будь-якої спеціальності) для вступу на магістратуру
Викладачі курсу
- Антон Чорний - Agile product management lecturer / CEO of GoIT
- Юрій Кучма - Basic Algorithms Lecturer
- Юлія Олійник - Agile product management lecturer Career Strategies and Soft skills for IT specialists
- Олександр Репін - HTML/CSS and JS Lecturer
- Губа Михайло - UI/UX Designer / Lecturer
- Андрій Білик - UX/UI Design Course Lecturer COO, UX/UI Designer
- Максим Алієв-Ломач - React.js and JS Lecturer
- Руслана Курносова - Career Strategies and Soft skills for IT specialists
- Олег Андрус - Python Programming Lecturer
- Олексій Кудін - Mathematics Lecturer
Запрошені спікери:
- Nick Bilogorskiy - ТОП-експерт з безпеки
- Дмитро Лисицький - Співзасновник укр.філії GlobalLogic та стартапу Influ2
- Юлія Грущинська - Керівник відділу HR-партнерів в Ciklum
- Robert Potter - Co-Founder at Internet 2.0
- Костянтин Магалецький - Екс-партнер Horizon Capital
- Vasile Tofan - Senior Partner at Horizon Capital
- Віталій Нужний - Co-Founder SoftBlues
- Роман Прокоф'єв - Засновник Jooble
- Євген Сисоєв - Керівний партнер інвесткомпанії AVentures Capital
- Web & Mobile 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
- 2D Artist / 2D Illustrator / Graphic Designer
- Web & Mobile Design / UI/UX
За 14 занять збереш скілсет AR/VR-дизайнера. Навчишся працювати зі світлом, звуком та аватарами. Розберешся, як впливати на емоції юзерів через дизайн-середовище та створювати віртуальні світи, які не відпускають, за допомогою архітектурних і просторових принципів. Опануєш софти: Unity, MRTK, XCode, Blender. Отримаєш базу зі сторітелінгу, щоб створювати й презентувати свої ідеї команді та клієнтам.
Програма курсу
Інтро
- Цілі курсу
- XR-дизайнер: обов'язки, портфоліо
- Співпраця та майндсет для зростання
Вступ до професійного XR-дизайну
- Зв'язок мистецтва і технологій у сфері XR
- Відмінності між XR, AR, MR та Metaverse
- VR девайси та їхній вплив на дизайн-рішення
Робота в Unity для мобайл-AR
- Unity для мобайл-AR
- Unity: встановлення та налаштування
- Практична демонстрація: працюємо в Unity
- ДЗ: налаштувати Unity для роботи
Сторіборди для ідей
- Процес XR-дизайну
- Артефакти XR-дизайнера
- Розв'язання проблем у ролі XR-дизайнера
- Техніки: Greyboxing, сторіборди та Body-storming
- ДЗ: задизайнити свої ідеї
Герої та аватари
- Прототипування та візуальний скриптинг
- Гнучка ітерація
- Тули XR-дизайнера: Unity та MRTK
- Робота з аватарами
- ДЗ: зробити візуальне скриптування та аватар
Прототипування (ШІ для розробки персонажа)
- Робота з розробниками, командою з обробки даних та іншими фахівцями
- Використання OpenAI та нейронних голосів
- Практична демонстрація: додаємо OpenAI до проєкту
- ДЗ: удосконалити свій прототип
Артдирекшн
- Дизайн для рушіїв реального часу
- Приклади та важливі аспекти
- Розбір кейса: Samsung
- ДЗ: зробити артдирекшн та прототипування всесвіту
Створення віртуального світу
- Тули для створення віртуальних світів
- Дизайн простору в XR
- Проєктування рівнів
- Плани поверхів та навігація
- ДЗ: створити VR простір для колаборації
Tech Art
- Основи технічного мистецтва
- Матеріали
- Шейдери
Світло та звук
- Роль світла і звуку у створенні імерсивних AR/VR-досвідів
- Як звук керує навігацією користувача та впливає на його емоції
- Unity: скіли з інтеграції та керування світлом/звуком
- Практична демонстрація: основи світла та звуку в Unity
- ДЗ: застосувати знання про світло та звук у своєму проєкті для метавсесвіту
Digital Twins
- Приклади цифрових двійників (ISS Project, Melbourne Digital Twin)
- Налаштування та підключення цифрового двійника до джерел даних
- Практична частина: налаштування цифрового двійника та підключення до відповідних джерел даних
- ДЗ: написати скрипт, який зчитує дані з файлу та додає їх до 3D-сцени, створюючи цифрового двійника реального об'єкта
XR & UI
- Теорія UI в XR
- Створення UI за допомогою Figma
- Розбір кейса: використання UI-конвенцій в XR
- Практична демонстрація: робота з UI-елементами від Figma до Unity
Сторітелінг: пітчинг ідей
- Структура сторітелінгу
- Відеоролики та бекстейджі
- Приклади портфоліо
- Оцінювальні картки
- Розбір кейсів: Coca-Cola, Samsung
- ДЗ: створити власне портфоліо
Презентація портфоліо
Презентація готового портфоліо + фідбек.
Презентація портфоліо та підсумки
- Презентація готового портфоліо + фідбек
- Підсумки курсу
Особливості курсу
- Допомога ментора
- Практика
- Домашні завдання
- Проєкт в портфоліо
- Сертифікат про проходження курсу
- Курс англійською мовою
Викладачі курсу
Мартін Гудінг - Creative Director at Microsoft
Больше информации- 2D Artist / 2D Illustrator / Graphic Designer
- Web & Mobile Design / UI/UX
За 25 занять ти наростиш скіли продакт-дизайнера. Будеш аналізувати ринок та продукти конкурентів. Шукатимеш, як можна покращити продукт, і тестуватимеш свої гіпотези. Створюватимеш дизайн-системи, писатимеш ТЗ та навчишся розуміти розробників, щоб твої ідеї збігалися з реалізацією. Зможеш вимірювати ефективність своїх рішень та переконувати стейкхолдерів цифрами, а не тільки дизайном.
Програма курсу
Блок 1. Продакт-дизайн: що, як і чому
Інтро
- Що таке продакт-дизайн
- Як дизайн впливає на user experience та user satisfaction
- Вплив дизайну на емоційний стан юзерів
- Роль та зони відповідальності продакт-дизайнера
- Продакт-дизайнер vs продакт-менеджер
- Взаємодія з іншими командами
- Хард-скіли продуктового дизайнера
- Інструменти продакт-дизайнера
- Успішні кейси UX-дизайну
- ДЗ: проаналізувати два продукти з точки зору UX та задоволення користувачів
Флоу продуктового дизайну
- Step by step: від ідеї - до реалізації
- Брейнштормінг
- Прототипування і тестування
- Впровадження та запуск
- Як дизайн розвиває бізнес та інновації
- Інноваційні підходи в дизайні
Блок 2. Business thinking у дизайні
База з бізнесу для дизайнера
- Бізнес-грамотність для дизайнерів
- Базові терміни та концепції
- Метрики успіху продукту
- Бізнес-мислення
- ДЗ: ознайомитись із брифом клієнта, підготувати запитання
Воркшоп. Брифування клієнта
Розуміння ринку та аналіз конкурентів
- Методи дослідження ринку
- Аналіз трендів ринку
- Типові бізнес-моделі
- Кейси успішних бізнес-моделей
- Переконливий value proposition
- Базові фінансові поняття
- Як дизайн-рішення впливають на кінцевий результат
- Зв'язок дизайну та бізнес-показників
- Вплив UX на бізнес-показники
- Як узгодити дизайн та бізнес-стратегію
Воркшоп. Value Proposition та аналіз конкурентів
ДЗ: розробити ціннісну пропозицію для уявного продукту.
Блок 3. Product thinking у дизайні
Що таке product thinking
- Product thinking vs design thinking
- Як застосовувати кожен підхід
- Принципи user-centered дизайну
Потреби та болі юзерів
- Як визначити потреби та проблеми користувачів
- Методи збору інформації про юзерів
- Аналіз даних для визначення потреб
Product roadmap та пріоритезація функцій
- Етапи життєвого циклу продукту
- Дизайн на кожному етапі продуктового циклу
- Як створити product roadmap
- Методи пріоритизації для ефективного управління
- Ключові KPI продукту
- Як використовувати KPI для прийняття дизайн-рішень
- Приклади product roadmap
- ДЗ: створити простий product roadmap для проєкту
Фідбек-сесія. Обговорення product roadmap
ДЗ: внести зміни до product roadmap на основі отриманого фідбеку.
Блок 4. Research у продакт-дизайні
Види рисерчу в продакт-дизайні
- Види рисерчу та коли застосовувати кожен
- Кількісний vs якісний рисерч
- Техніки interviews, surveys та usability testing
- Market research
- Перетворюємо дату на інсайти
- Аналіз та інтерпретація даних
Воркшоп. Usability testing
- Проводимо usability testing
- AI для тестування юзабіліті
- ДЗ: провести коротке юзабіліті-тестування для продукту і написати звіт про результати
User personas та journey maps
- Як створити user personas та journey maps
- Визначаємо головні характеристики юзерів
- Приклади ефективних user personas
- Як включити research-ідеї в процес дизайну
- Як покращити дизайн фідбеком з рисерчу
- ДЗ: створити дві user personas та одну journey map для продукту
Блок 5. Інтерфейс, прототип, тестування
Гіпотеза, ідея, концепт, візуальна мова
- Як перетворити гіпотезу на концепцію
- Створення візуальної мови та interaction patterns
- Wireframes, sketches
- Кейси
- ДЗ: розробити концепт і створити базовий прототип для продукту
Фідбек-сесія. Обговорення прототипів
ДЗ: внести зміни до прототипів на основі фідбеку.
Дизайн-системи та створення компонентів
- Визначення дизайн-принципів
- Що таке дизайн-системи
- Приклади популярних дизайн-систем
- Різниця між дизайн-системою та UI kit
- Переваги дизайн-систем та кому вони (не) потрібні
- Створення компонентів та patterns
- Документація та governance дизайн-систем
- Робота з cross-functional командами
- Dark UX-design patterns
- ДЗ: написати короткий документ для управління дизайн-системою продукту
Воркшоп. Створюємо дизайн-систему
ДЗ: створити кілька компонентів для дизайн-системи продукту.
Дизайн для accessibility та inclusivity
- Інклюзивний дизайн - важливий
- Стратегії для створення доступних продуктів
- Інструменти й методи для забезпечення доступності
- ДЗ: проаналізувати один продукт на доступність та інклюзивність і запропонувати покращення
Блок 6. Презентація роботи
Сторітелінг для дизайнерів та структурування презентацій
- Сторітелінг для комунікації дизайнерських рішень
- Дизайн-принципи для презентацій
- Інструменти для презентацій
- Створення презентацій для різних аудиторій
- Техніки переконливої комунікації
- Структурування презентацій
- ДЗ: підготувати коротку презентацію про продукт і використати техніки сторітелінгу
Фідбек-сесія. Презентація драфту продукту
Блок 7. Кар'єра
Персональний бренд і нетворкінг
- Як розвивати персональний бренд
- Ефективні стратегії нетворкінгу
- ДЗ: оформити профіль у LinkedIn
Резюме та портфоліо
- Як підготувати професійне резюме та портфоліо
- База успішного резюме на кейсах
- Як презентувати свої проєкти
Підготовка до інтерв'ю та фриланс
- Підготовка до інтерв'ю та портфоліо review
- Типові запитання та відповіді
- Як презентувати своє портфоліо на інтерв'ю
- Фриланс
- Як знайти клієнтів та втримати їх
- Головні скіли для росту кар'єри
Випускний. Симулятор інтерв'ю
Після курсу ти:
- Розберешся з усіма дизайн-процесами в роботі над продуктом: від ідеї та брифування - до розробки та покращення. Зможеш будувати ефективну роботу команди, готувати макети для інженерів, проводити дизайн-рев'ю та давати фідбек.
- Зрозумієш, як працювати з дослідженнями, проводити інтерв'ю, формувати гіпотези та створювати продуктовий концепт. Навчишся розробляти інтерактивні прототипи й проводитимеш тестування навіть за відсутності бюджету на скрінкаст-тули.
- Презентуєш кейс для реального клієнта й отримаєш чесний фідбек на нього, пройдеш тестове інтерв'ю та зможеш стартувати на позиції продакт-дизайнера одразу після курсу.
Особливості курсу
- Допомога ментора
- Сертифікат про проходження курсу
- Проєкти в портфоліо
- Воркшопи та практичні заняття
- Робота над кейсом для реального клієнта
- Тестове інтерв'ю на позицію "Продакт-дизайнер"
- Мастермайнд із лектором (за всі виконані домашки)
- one-to-one із лектором (за дотримані дедлайни)
Викладачі курсу
Алекс Довгий - Senior Product Designer
Больше информации- Web & Mobile Design / UI/UX
Навчишся працювати за повноцінним дизайн-процесом, починаючи з досліджень і закінчуючи інтерфейсними рішеннями для мобільних додатків та web-сервісів. Після курсу опануєш популярні UX-методології, вмітимеш проєктувати зручний та привабливий UI. Також тебе чекає оформлення твоїх проєктів у портфоліо на Behance.
Програма курсу
Design Basics
- Figma Essentials
- Basic UI Elements
- Components, Autolayout, and Variants
- Typography Basics
- Grids
- Prototyping
- UI Design
- Clickable Prototyping
Course Fundamentals
- How to learn effectively
- Figma practice
UX Design - Research
- Intro
- Design Process
- Quantitative Research (Surveys)
- Heuristic Interface Analysis
- Qualitative Research (In-Depth Interviews)
- Jobs To Be Done
- Customer Journey Mapping
- Kano Model. Features Prioritization
- Information Architecture Mapping
- User Flows
- Prototyping
- Unmoderated User Testing
Design Basics Extended
- Law of Proximity
- Law of Common Region
- Negative space
- Contrast
- Buttons
- Inputs
UI Design - Mobile App Design
- Grids
- Mobile Interfaces
- Interface Patterns & Trends
- Colors & UI
- Typography
- Design Gestalts and Rules
- Handoff Preparation (UI Kits)
Web Interfaces
- Scrum Methodology
- Gathering Data From Interviews
- Personas and User Stories
- Product Hypotheses
- Prototyping
- Composition and Typography
- Graphic Rhymes
- Adaptive Design
- How to Present Your Work
- Project Presentation
- Design Systems
Portfolio Cases on Behance
- Behance Overview
- Case Structure
- Trends
- Case Design Tips
- Second Behance Case
Creative Web
- Design exploration
- Site structure and mood board
- Wireframing
- Concept creation
- Adapting design
- Third Behance case
Team Project
- Team Project. Intro
- Jiro Environment
- Status Check
- Estimates
- How to Demo Your Work
- Team Project for Employment
- Retrospective
Employment 2.0
- Employment Roadmap
- Preparing Your Resume
- Interview Preparation
- Cover Latter Preparation
- Google, LinkedIn, DOU, Djinni
- How to find and apply for vacancies
- Job Search Tips: Talking to Recruiters
- Work details FAQ
HTML + CSS Basics
- HTML Basics
- CSS Basics
- Colors and Fonts
- Box Model Basics
- Semantic Basics
- Responsiveness Basics
- CSS Selectors
- Pseudo-Elements and Pseudo-Classes
- Specificity
- Links and URLs
- Images
- Media Queries
- Forms
- Position
- Extra topics
Career Development
- Mastering Your Probation Period
- PDP and Career Plans
- Salary Review Strategies
- Recruiter Outreach
- How to Find a New Job?
- How to Talk About You Previous Work Experience?
- Career Knowledge Base
Особливості курсу
- Працюєш? Вчись у власному темпі
- Зідзвони з менторами тричі на тиждень
- Чат з одногрупниками
- Навчальні матеріали "без води" замість довгих лекцій
- Матимеш 4 робочих проєкта в портфоліо: 3 індивідуальних і 1 командний
- Підготовка до працевлаштування: технічні співбесіди з менторами, перевірка CV, професійних соцмереж, підготовка до інтерв'ю, підбір вакансій для працевлаштування
- Гарантуємо працевлаштування після навчання
- Повернемо кошти якщо не знайшов роботу в ІТ
Викладачі курсу
- Eugene Ochkalenko - Product designer / Coach
- Olya Koval - Student Coordinator
- Web & Mobile Design / UI/UX
Ти навчишся створювати інтерфейси, які сподобаються і клієну і тобі. Опануєш must-софти: Figma, Adobe Illustrator та Adobe Photoshop. Зрозумієш, як генерувати та втілювати дієві концепти під різні запити клієнтів.
Програма курсу
Знайомство: хто є хто?
Що таке вебдизайн і чому він потрібен?
Блок 1. Софт. Працюємо з Figma
Усе починається з Figma
- вивчаємо основні функції програми
- фрейми, фігури, заливка та обкладинки
- текст всьому голова: вивчаємо читабельні шрифти
- основи векторної графіки
- як прикладати маски та використовувати ефекти без крінжа
- що таке Mirror App та Контроль версій
- ком'юніті як потужний допоміжний інструмент
- плагіни та FigJam
Верстка лайк е про
- розбираємося з модульними сітками
- як Auto Layout полегшує життя вебдизам
- створюємо "гумовий" макет
Стилі, компоненти та бібліотеки
- як правильно називати стилі, щоб не створювати mess
- компоненти та їхня варіативність
ДЗ №1. Перемалювати landing page.
Прототип та анімація
- прототипи у Figma: що, куди і як
- як користуватися інтерактивними компонентами
- модальне вікно та автоматична анімація
- клікабельний прототип скролу
Блок 2. Вивчаємо вебдизайн без книжок
Design та Digital Marketing. Чому Design Thinking стосується всього
- який буває дизайн: чим вебдизайнер відрізняється від дизайнера інтер'єру/додатків/анімації/бренду
- вебдизайн та види вебсайтів:landing page, corporate website, e-commerce
- сайт потрібен усім: вебдизайн у бізнесі та маркетингу
- як створювати проєкт за допомогою Design Thinking: виявляємо проблеми, досліджуємо ринок та ЦА, формуємо ідеї, прототипуємо та обираємо найкраще рішення
- що таке wireframes та як їх будувати
Photoshop. Додаткове заняття
- растрова та векторна графіка: в чому різниця?
- створюємо новий файл без зайвих кліків
- навігація всередині документа, налаштування панелей
- як працювати з шарами
ДЗ №2. Підготувати фрейм landing page до роботи зі стилем.
Воркшоп з основ композиції, колористики, типографіки. Працюємо з базовими сітками та референсами без плагіату
- композиція: основи і робота на прикладах
- вчимося підбирати колір за сенсом і значенням
- робота з текстом, шрифтами та сітками
- що таке референси, де шукати і як використовувати
Illustrator. Додаткове заняття
- організація робочого простору без стресу, реєстрацій і смс
- основні прості інструменти для роботи
- огляд верхньої панелі та робота з шарами
- криві Безьє, інструмент перо та робота з точками
- контур та робота з ним
Додаткові матеріали: composition, how to use type + colors, grids + tips&tricks
ДЗ №3. Підібрати референси, базуючись на тематиці бізнесу та структурі з попереднього ДЗ для власного ленда.
Бренд-дизайнер та гостьова лекторка Катя Іщенко - про графіку, іконки, лого, постер та мокап
Illustrator. Додаткове заняття
- панель pathfinder, розділення об'єктів
- вирівнювання
- створення масок
- імпорт зображень
- трасування зображень
- деформація тексту
- ефект Трансформація
ДЗ №4. Створити постер на основі технічного завдання, для якого додатково розробити:
- логотип
- пак іконок
Створення концепту без паніки
- замість шпаргалки: алгоритм збору концепту
- де грань між запозиченням та плагіатом
- як розробити дизайн на основі концепту
ДЗ №5. Розробити логотип та побудувати концепт на основі:
- референсів
- елементів дизайну (типографіка, кольори, сітка, композиція)
Backend дизайну: розбираємо необхідні інструменти
- складаємо ui kit (частина воркшопу)
- стандартизація стилей
- адаптуємо під мобайл
- що таке pixel perfect
ДЗ №6. Закріпити backend: виправити неточності в пікселях, зібрати UI kit, адаптувати макет під mobile.
Презентація як основний канал продажу
- tips & tricks презентації дизайну
- сторітелінг: як утримати фокус клієнта і довести до головного
- як використовувати референси для презентацій без плагіату
- викладаємо матеріал на слайд, щоб не сіпалось око
- технічні знання про створення презентації
- всьому свій час: встановлюємо таймінг
- захищаємо свої дизайн рішення без стресу і з прогресом
- readymag: збираємо презентацію і додаємо свої фішки
ДЗ №7. Створити презентацію для власного лендингу та презентувати готовий проєкт на наступному занятті.
Presentation check. Презентація власного проєкту із залученням ШІ в роботу
Фідбек-сесія від лекторки
Блок 3. Занурюємось у вебдизайн з головою
Брифінг та робота з клієнтом
- які бувають клієнти та як з ними комунікувати без стресу
- що таке бриф та як працювати з ним крок за кроком
- додаткові питання: готуємо, залежно від контексту бізнесу
- проводимо робочий мітинг: нотатки, запис зустрічі, невербаліка, структура діалогу та ролі
- презентація та Q&A по брифу з лекторкою
ДЗ №8. Проаналізувати бриф для подальшої роботи з ним та сформувати додаткові запитання.
Гостьова лекторка та стратег Юлія Лисенко про бренд, Market Research та Brand Model
Що таке UX Design, UX Research та Sitemap
- UX Design - аналіз, аналіз та ще раз аналіз
- рісьорч ux design конкурентів та ux бест практіс
- структура багатосторінкового сайту
- воркшоп з Sitemap
ДЗ №9. Зібрати презентацію з:
- аналізу конкурентів у розрізі UX
- побудованого сайтмепу
Воркшоп - Wireframing, UX writings, Navigation
- створюємо wireframe для головної сторінки
- navigation tools: хедер, форми, футер, слайдер і інші невідомі слова
Додаткові матеріали: UX copy.
ДЗ №10. Створити вайрфрейми на всі сторінки.
Фідбек-сесія
Воркшоп з UI-дизайну. Вивчаємо Visual Research та Visual Audit
- що таке UI-дизайн і чому він має йти після UX
- аналіз UI design конкурентів та ui бест практис
- аналіз існуючого дизайну
Додаткові матеріали: UX copy
ДЗ № 11.
- провести Visual Audit наявного сайту
- проаналізувати ринок у розрізі UI
- оформити у презентацію
Воркшоп з Юлією Замятіною. Ideas Generation та Visual trick
- розробляємо ідею-метафору з глибоким сенсом
- знаходимо графічний прийом, який підкреслить концепт
- створюємо необхідний мудборд до кожної ідеї
ДЗ № 12. Доробити практику так, щоб:
- вийшло відібрати 3 робочі метафори
- був графічний прийом до кожної ідеї
- мудборд розкривав ідею через віжуали
Оформити все у презентацію.
Навіщо вебдизайнеру Design Approach. Дотримуємося дизайн-айдентики
- що таке айдентика і для чого тобі в роботі
- айдентика - гайд, вебсайт - носій
- збираємо design approach
- прокачуємо скіли по сіткам, роботі з текстом, кольорами, композицією
ДЗ №13. Створити 3 варіанти approach для сайту:
- логотип
- типографіка
- колір
- сітка
- композиція
Оформити все у презентацію.
Backend дизайну та адаптація
- збираємо ui kit для багатосторінкових сайтів
- implementation 2.0
- адаптація під мобайл, арсенал патернів
ДЗ №14. Фіналізувати редизайн сайту: виправити неточності, зібрати UI kit, імплементувати на 6 сторінок, адаптувати головну сторінку під mobile.
Concept advanced
- ще складніші та цікавіші прийоми
- як збирати концепт
ДЗ №15.
- створити концепт першої сторінки на основі wireframe + design approach
- розробити логотип
- зібрати презентацію та презентувати на наступному занятті
Presentation check
Фідбек-сесія
Блок 4. E-commerce. Працюємо з товарними сайтами
UX E-commerce сайтів, navigation tools та аналітика
- UX e-commerce сайту. Все, що треба знати: структура та патерни
- navigation tools для e-commerce сайту: фільтр, сортування, каталог, чекаут, хедер
- аналітика - овервью
ДЗ №16. Створити айтеми для наступних сторінок: home, catalog, product page, check-out, особистий кабінет.
UI e-commerce сайтів
- як робити просту і зручну навігацію
- представляємо продукти візуально та робимо опис
- інтерактивність ключових елементів дизайну
ДЗ №18. Імплементувати e-commerce сторінки за розробленими UI design.
Presentation check
Фідбек-сесія
Гостьова лекторка та HR Настя Слободянюк: про важливість портфоліо та резюме, вплив соціальних мереж та співбесіди. Куди рости та який тип зайнятості підійде саме тобі
Фінальна презентація
Результат курсу
- оформлюєш портфоліо з трьома кейсами, збираєш професійне CV та розумієш, як зацікавити клієнтів
- вмієш працювати з брифами та проводиш UI/UX-аналіз, щоб зрозуміти аудиторію та розв'язати задачу клієнта
- проводиш дизайн-сесії: працюєш з рефами, генеруєш ідеї, створюєш mind map та збираєш мудборд
- знаєш основи типографії та композиції, створюєш архітектуру й навігацію сайту
- розбираєшся в UX-копірайтингу та застосовуєш AI для швидшої роботи
- розробляєш UI kit: від кнопок — до іконок та панелей; адаптуєш сайт під різні пристрої: desktop, mobile, tablet
Викладачі курсу
Оля Варченко - 7+ років у професії
Больше информации- Gamedev / Unity / Game Design
- Web & Mobile Design / UI/UX
Протягом курсу зробиш проєкт для портфоліо з 5 ключовими складовими UX/UI-дизайну. В кінці отримаєш фідбек, лекцію з рекрутером та відгук у Linkedin найкращим студентам від лектора - для твого вдалого старту в геймдеві.
Програма курсу
Заняття 1. UX/UI Designer у геймдеві: роль та обов'язки
- Відмінність UX/UI-дизайну застосунків/сайтів та дизайну ігрових інтерфейсів
- Пре-, продакшн і пост-: головні етапи розробки гри
- Завдання, задачі й компетенції UX/UI-дизайнера
- Зміна задач та обов'язків залежно від стадії розробки гри
- Ху із ху: з ким працює UX/UI-дизайнер
- Розвиток UX/UI Designer у геймдеві - куди зростати далі
ДЗ: навести приклади продуктів та сервісів з елементами внутрішньої мотивації та знайти ситуації, коли ігри її не мають.
Заняття 2. Usability
- Евристики юзабіліті та їхнє застосування у відеоіграх
- 10 евристик Якоба Нільсена - батька UX-дизайну
- Ігрові евристики: баланс, прогресія, управління грою та інші
- Основні елементи юзабіліті для ігрового UX
ДЗ: навести 5 прикладів застосування ігрових евристик в улюблених іграх
Заняття 3. Друга складова UX - Engage-Ability
- Мотивація. Зовнішні чинники: нагороди, оцінки, рейтинги тощо
- Мотивація. Внутрішні чинники: компетенція, автономність, зв'язність/спорідненість
- Теорії мотивації
- Емоція (3Cs: character|control|camera, новизна, сюрпризи та відчуття присутності)
- Стан потоку та умови його виникнення у грі. Як його не зруйнувати
ДЗ: розібрати 1-2 гри на чинники мотивації, пропрацювання емоцій гравця, стан потоку та успішність.
Заняття 4. Design Thinking
- Основні складові та етапи Design Thinking: емпатія, визначення, ідея та прототипування, тестування та оцінка
- UX артефакти (персона, user story, user flow)
- Kano Model
- JTBD JOBS-TO-BE-DONE
ДЗ: провести аналіз конкурентів для інтерфейсів розділу меню серед ігор обраного жанру та зібрати з них мудборд з описом, що доречно, а що - ні.
Заняття 5. Першому гравцю приготуватись - вступ до ігрового UI
- Складові ігрового UI: меню та HUD
- Типи представлення ігрових інтерфейсів
- Ієрархія та компонування
- Меню-компоненти
- Патерни та навігація
- Гештальт-принципи в UI-дизайні
ДЗ: розробити дизайн головного та пауз-меню в команді та самостійно попрацювати над розділами пауз-меню.
Заняття 6. Figma: Tips & Tricks
- Автолейаут, змінні, компоненти та їхні властивості
- Microinteractions
- Smart-анімації
- Плагіни для прототипування з геймпадом, видалення фону, шрифти
- Використання OBS Studio для запису функціонування прототипів
Заняття 7. Аналіз проблем юзабіліті (UX) та груповий брейнштормінг для фіксу
Практична робота.
Заняття 8. User Research: методи та інструменти
- Оцінка евристиками
- UX-тести
- Опитування
- Коридорні тести
- Аналітика
ДЗ: провести A/B-тестування свого дизайн-рішення розділу меню серед однокурсників.
Заняття 9. Командний воркшоп із розробки UX-артефактів на основі міні-брифу
Створити User Flow та Wire Flow на основі брифу для гри.
Заняття 10. Робота зі стайлгайдом гри
- Типографія
- Колористика
- Розбір стайлгайдів ігор
- Композиція
ДЗ: разом із командою створити стайлгайд для інтерфейсу гри, індивідуально обрати гру та розібрати її стайлгайд.
Заняття-практика 11. Аналіз та розробка HUD
Практичне заняття в групі.
Заняття 12. Adobe Photoshop: Tips & Tricks
- Базові поєднання клавіш
- Швидке видалення фону, маски
- Техніка dodge and burn
- Базові принципи колажування
- Смартоб'єкти, екшени, скрипти
- Пакетна обробка зображень
ДЗ: створити колаж з елементами дієгетичного або просторового інтерфейсу та розробити HUD разом із командою.
Заняття 13. Фідбек-сесія
Заняття-практика 14. Психологія та робота мозку в іграх
- Сприйняття та пізнання
- Увага
- Пам'ять
- Мотивація
- Емоції: як працюють і на що впливають
- Онбординг гравця: типи та план туторіалів, Learning & Forgetting Curve
Заняття 15. Розробка UI-дизайну та прототипа на основі брифу від геймдизайнера (командна робота)
Практична робота.
Заняття-практика 16. Доступність гри. Accessibility A11Y
- Поняття Disability та його типи
- Що таке інклюзивний дизайн
- "Зрізаний бордюр" та його функція в дизайні
- XAG (Xbox Accessibility Guideline)
- Програмні та апаратні рішення
Заняття 17. Всі етапи дизайн спринту для розробки фічі (командна робота)
Практична робота.
Заняття 18. Портфоліо та оформлення кейсів
- Як демонструвати всі етапи розробки дизайну
- Інтернет платформи, Figma чи особистий сайт як портфоліо - що краще
- Підготовка до технічного інтерв'ю
- Профіль в Linkedin - як і навіщо розвивати
- Тестове інтерв'ю з рекрутером
ДЗ: оформити портфоліо з виконаних на курсі робіт.
Заняття 19. Лекція з HR
- Підготовка CV та створення профілю в LinkedIn
- Як аплаїтись на роботу в Україні та закордоном: актуальні ресурси
- Підготовка до співбесіди: як презентувати себе на співбесіді та які питання ставити
Заняття 20. Business centered design
- Система нагород
- Як потрапити на гачок - Hook Model
- Dark UX patterns та упередження
Заняття 21. Презентація дизайнів
Результат курсу
- Освоюєш базові скіли UX/UI-дизайнера для розробки ігор
- Працюєш із Design Thinking та вмієш нативно залучати юзера до гри
- Розумієш, як працює індустрія геймдеву та зони відповідальності дизайнера ігрових інтерфейсів
- Робиш Player-Centric дизайн інтерфейсів та складаєш зрозумілу навігацію гравця
- Знаєш та без рандому застосовуєш головні фішки Figma та Adobe Photoshop для інтерфейсів ігор
- Оформлюєш кейс у портфоліо, з яким зможеш починати шлях у кар'єрі
Викладачі курсу
Олександр Шпак - Senior UX/UI Designer at Ubisoft
Больше информации- Web & Mobile Design / UI/UX
За 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 Дія та Мінцифрі
- Web & Mobile Design / UI/UX
В умовах реальних технічних обмежень і жорстких дедлайнів студенти вирішуватимуть проблеми українських продуктових компаній та стартапів.
Програма курсу
Інтро до продуктового дизайну
- Яка відмінність у роботі продуктового й непродуктового дизайнера
- Як дизайнер впливає на бізнес, і як збільшити цей вплив
- Необхідні знання і навички, щоб стати крутим продуктовим дизайнером
Метрики бізнесу і гроші
- Основні бізнесові метрики для різних типів продуктів
- Що таке юніт економіка
- Як продукт, який ми дизайнимо, впливає на метрики бізнесу
Продуктові метрики. Частина 1: вступ, маркетинг та залучення
- Ключові метрики:
- acquisition
- activation
- retention
- engagement
- revenue
- referral
- Звідки користувачі приходять у продукт. канали залучення
- Як побудувати залучення через самих користувачів. Product-led acquisition
Продуктові метрики. Частина 2: product & growth
- Розбираємо шлях користувача від реєстрації до оплати: задачі дизайнера на кожному етапі
- setup, aha і habit моменти
- Що таке North Star metric і як її вимірювати
Як вирішувати дизайн-задачі: розбір case-studies
- Як влаштований процес роботи в продуктах
- Кроки створення дизайну: від розпаковки задачі до оцінки релізу
- Розбір реальних робочих кейсів кураторів і інших дизайнерів світових компаній
Розпаковка продуктових задач
- Які питання треба задати перед тим як сідати за дизайн
- Як визначати яких даних не вистачає, і як хз швидко збирати для якісного вирішення задачі
- 5W1H метод підходу до продуктових задач
- Формалізація задачі та складення product-alignment document
Discovery. Частина 1: планування досліджень і рекрутинг респондентів
- Як визначити, коли не варто проводити дослідження
- Складання плану дослідження
- Як бути певним, що релевантні респонденти знайдуться
- Рекрутинг: де шукати респондентів. а коли немає бюджету?
Discovery. Частина 2: проведення досліджень
- Методи досліджень і як їх обирати в залежності від задачі
- Проведення глибинних інтерв'ю
- Створення опитувальників
Discovery. Частина 3: аналіз результатів і застосування
- Як швидко організовувати й опрацьовувати зібрану інформацію
- Поширені фреймворки організації результатів досліджень
- Пріоритeзація зібраної інформації
- Як застосовувати зібрані інсайти в дизайні
Продуктові гіпотези і пріоритезація
- З чого складається продуктові гіпотези і як їх формулювати
- Чому навичка пріоритезації важлива для дизайнерів
- Найпоширеніші критерії і фреймворки пріоритезації продуктових фіч
Проєктування
- Як переходити від стікерів до дизайну
- Врахування інсайтів з досліджень і обмежень в рішенні
- Складення user flow і першої ітерації, оптимізація та робота над рішенням
Visual UI
- Чому одні інтерфейси здаються гарними, а інші - ні
- Компоненти створення гарного інтерфейсу: над чим працювати
- Як вдосконалювати свої візуальні навички
Interaction design
- Чому дизайн інтерфейсів не закінчується на створенні статичних екранів
- Поширені патерни взаємодії. як "оживити" інтерфейс
- Доступні інструменти створення взаємодії на десктопі й у мобільних застосунках
- Анімація: принципи, інструменти й реалізація у коді
- Передача дизайну взаємодії розробникам
UX writing
- Як писати ефективні інтерфейсні тексти для переконання, пояснення і помилок
- Принципи і техніки гарного копі, приклади поширених місць застосування в продукті
- Інструменти написання текстів для інтерфейсу
- tone of voice і як консистентно комунікувати з користувачем у всьому продукті - створення емоційного відгуку за допомогою копі
Тестування рішень. Частина 1: класичне
- Розбір методів тестування:
- usability vs concept testing
- moderated vs unmoderated
- Підготовка: складення плану, сценаріїв і задач для тестування
- Поради для проведення тестування й інструменти
Тестування рішень. Частина 2: альтернативне
- Збір і опрацювання фідбеку, внутрішнє тестування з суміжними ролями в компанії
- Як працювати з інструментами аналізу поведінки: хітмапи, записи сесій
- Створення ком'юніті користувачів для швидкого зворотнього зв'язку
- Засоби швидкої валідації продуктових ідей
Аналітика і А/В тести
- Як працює продуктова аналітика, розбір поширених інструментів: Amplitude і Google Analytics
- Як дизайнеру працювати й застосовувати кількісні дані в дизайні
- Дизайн A/B тестів і підвищення шансів на їх успіх
Технічна реалізація
- Як влаштований веб: HTTP запити, API, ендпоінти тощо
- Як дизайнеру працювати з даними, де вони зберігаються та в якому вигляді
- Реалізація дизайну з Figma в коді: чим насправді є auto-layout, компоненти, variables тощо
Презентації
- Створення кейс стаді дизайн-рішень
- Як створити сторітелінг у презентації
- Як презентувати впевнено й переконливо
Комунікація з іншими ролями
- Як дизайн вписується в загальну картину продуктової компанії
- Як співпрацювати з продакт менеджерами, інженерами, аналітиками, маркетологами, сейзлами й підтримкою
- Запрошені гості розповідають про свій досвід роботи з дизайнерами і як співпрацювати ефективніше
Кар'єрна зустріч і працевлаштування
- Як потрапити в першу продуктову компанію
- Розбір флоу працевлаштування: від CV до оферу
- Які навички шукають у дизайнерах різні типи продуктів
- На що звертають увагу різні учасники процесу: від рекрутерів до засновників компанії
Особливості курсу
- Відеолекції та вебінари
- Робота в командах та курсові проєкти
- Регулярний фідбек
- Сертифікат за здобутки
- Можна повернути кошти протягом 7 днів від початку курсу
Викладачі курсу
- Борис Бакланов - Senior Product Designer at Klarna
- Арсен Колиба - Product Designer в Wix
- Юрій Опаренко - Staff Product Designer at Meta Inc.
- Анна Ліщинська - Senior Product Designer at Fozzy Group, LOKO
- Катерина Масленкова - Ex-Senior UX Writing Manager at Qonto
- Web & Mobile Design / UI/UX
Опануй 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
- Ольга Макарова - Senior UI/UX designer
- Матвієнко Поліна - Middle UI/UX Designer
- Web & Mobile Design / UI/UX
Курс спрямований на практичне засвоєння навичок проєктування цікавого, привабливого та зручного інтерфейсу, з урахуванням будь-яких потреб. Учасники навчаться працювати з різними технологіями та методами, що допоможе їм стати компетентними в створенні інноваційних дизайнів, орієнтованих на користувача.
Програма курсу
Теми:
- 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
- Web & Mobile Design / UI/UX
Програма курсу охоплює усі навички та знання необхідні для старту у сфері 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
- Web & Mobile Design / UI/UX
Даний курс спрямований на тих, хто тільки починає свій шлях у сфері дизайну. Протягом курсу ви освоїте основний інструмент, без якого не обходиться жоден UI/UX-дизайнер - Figma. По завершенні навчання ви матимете два готові проєкти, які зможете додати до свого портфоліо.
Програма курсу
Підготовка до початку курсу
Відразу ж після проходження співбесіди та зарахування студент починає підготовку до навчання. В якості першого домашнього завдання студенту висилається література з якою йому доведеться ознайомитися до початку курсу.
Модуль: Soft Skills
- Основні комунікативні навички
- Орієнтування у ситуації спілкування
- Управління емоціями
- Емоційний інтелект
- Критичне мислення
- Робота у команді
- Самопрезентація
Модуль 1. Дизайн сайтів
- Дизайн-процес та його етапи: від проведення бізнес-інтерв’ю до презентації прототипу клієнту
- Принципи проєктування досвіду користувача, розуміння його потреб, логіку та взаємодію з інтерфейсом
- Основи візуального дизайну:
- побудова композиції
- робота з кольором, сіткою, типографікою
- Після проходження модуля необхідно виконати два кейси: лендінг та багатосторінковий сайт
Модуль 2. Мобільний застосунок
- Гайдлайни iOS & Android
- Відмінність користувацького досвіду на різних девайсах
- Прив’язка користувачів до свого продукту за допомогою використання гейміфікації
- Анімації та взаємодії з інтерфейсом
- Після проходження модуля необхідно виконати макет для релізу в магазинах застосунків, а також звичне демо для клієнта.
Особливості курсу
- Живі вечірні заняття (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
- Web & Mobile Design / UI/UX
Програма курсу
Теми:
- Вступ до Web-дизайну. Композиція, типографіка, теорія кольору
- Ознайомлення з Adobe Photoshop. Особливості програми, панель інструментів, гарячі клавіші, принципи роботи із шарами, формами. Застосування навичок на практиці
- Знайомство з Adobe Illustrator. Вивчення інтерфейсу, основних інструментів, принцип роботи. Створення логотипу та іконки
- Створення сайту: принципи та алгоритм. Основна ідея та завдання сайту. Збір інформації. Бриф, вимоги замовника, аналіз сайтів конкурентів, позначення цільової аудиторії. Ідеї, приклади для веб-сайту, moodboard. Структура веб-сайту. Створення варфрейму майбутнього сайту. Відображення деталізованого дизайну сайту
- Адаптивність. Правила створення адаптивних веб-сайтів. Основні дозволи для адаптивних веб-сайтів. Відображення кінцевого дизайну сайту під мобільний пристрій та планшет
- Знайомство з Figma. Вивчення інструментів, гарячі клавіші роботи з символами. Поняття плагінів та робота з ними
- Основи HTML/CSS. Використання інструмента Inspect. Передача макету на верстку
- Основи UX: генерація ідей, user stories, user flows, mind maps. Вивчення Balsamiq
- Мобільні програми: особливості дизайну під мобільні пристрої. Поняття гайдлайн мобільних ОС. Особливості створення дизайну під різні платформи iOS/Android. Ознайомлення з UI Kit. Створення мобільного застосунку
- Як презентувати проект замовнику. Робота з InVision, створення клікабельних прототипів
- Огляд анімації в After Effects
- Створення онлайн-портфоліо на Behance/Dribbble, оформлення робіт
- Життя після курсу: як розвиватись дизайнеру, де брати ідеї? Список літератури та ресурсів для самостійного навчання
Результат після проходження курсу:
- Опануйте роботу з такими програмами та сервісами як Photoshop, Illustrator, Figma, Axure, InVision, After Effects, MockFlow
- Дізнаєтеся про те, як створювати продаючій та ефективний дизайн, познайомтесь із сучасними UI/UX технологіями
- Зможете робити гарний та зручний дизайн веб-сторінок та застосунків
- Створіть власне портфоліо, яке допоможе вам на співбесіді
- Найкращі студенти отримають рекомендації від викладача та можливість пройти співбесіду у провідних iT компаніях
Особливості курсу
- Є можливість оплати курсу частинами
- Сертифікат після проходження курсу
- Курс збудований з урахуванням реальних вимог IT компаній
- Протягом усього курсу ведеться рейтинг успішності
- Додаткове заняття зі стратегії працевлаштування
- Web & Mobile Design / UI/UX
Курс націлений на освоєння навичок доступності, функціональності та практичності в процесі розробки веб-дизайну. Під час навчання учасники отримають знання про основні інструменти для прототипування і створення макетів, що допоможе їм стати більш вмілими у реалізації дизайнерських ідей на практиці. Додатково студенти навчаться аналізувати ринок і цільову аудиторію.
Програма курсу
Вступ до UI/UX Design
- Знайомство
- UI/UX Design
- Принципи юзабіліті
- Професія дизайнера
- Soft skills
- Tech skills
- Класифікація сайтів
Основи роботи у Figma
- Фрейм
- Робота з зображеннями
- Робота з лініями
- Робота з масками
- Робота з міжрядковою відстанню
- Робота з текстом
- Робота з формою
- Компоненти
- Auto layout
Основи дизайн мислення
- Етапи дизайн-мислення
- UX стратегія
- Usability & Accessibility
- Визначення витрат на взаємодію
- 10 евристик Якоба Нільсена
- Закон Теслера
- Айтрекінг
- Закон Міллера
- Закон Хіка
- Закон Фіттса
- Лендінг
- Конструктори сайтів
- Правила сприйняття інформації. Патерни
UX дослідження та архітектура (part 1)
- Цикл розробки інтерфейсу
- Road Map
- User Persona
- Empathy map
- Методи UX досліджень
- Брифінг
- Double Diamond
- Психологія користувача в рамках інтерфейсу
- Юзабіліті аудит
- Практика
UX дослідження та архітектура (part 2)
- Інформаційна архітектура та її принципи
- Навігаційні та пошукові системи
- Mind Map
- Знайомство з User Flow
- FigJam
UX дослідження та архітектура (part 3)
- Use Case
- User Scenario
- UCD
- JTBD
- Модель Кано
- Композиція
- Патерни нейрофізіології
- Сітки
- Правило "Зовнішнього-внутрішнього"
Типографіка
- Основи типографіки
- Швейцарська типографіка
- Класифікація шрифтів
- Комбінація шрифтів
- Типографіка IOS & Android
- Експериментальна типографіка
- Контурні шрифти
- Велика типографіка
- Надписи від руки, текст навколо фігури
- Накладення фото на текст
- Видима сітка
- Монохром/Бруталізм/Текстури/Плоский дизайн
Теорія кольору (part 1)
- Теорія кольору
- Психологія кольору
- Колірні схеми
- Практика
Теорія кольору (part 2)
- Кольори та сприйняття
- Психологія контрасту
- Коефіцієнт контрастності
- Негативний простір
- Особливості розробки іконок
- Оптичний баланс в іконках
- Рекомендовані книги
Основні компоненти сайтів
- MVP
- Типи навігації
- Принципи навігації
- Функціональні блоки
- Контентні блоки
- Слайдер
- Карточки
- Список
- Форми
- Фільтри/сортування
- Поп-ап
- Footer
- Елементи інтерфейсу
- Чекбокси / Радіобатони / Toggle / Controls
- Notifications
e-Commerce. Структура сайту
- e-Commerce
- Структура сайту
- Принципи візуального дизайну
- Sketching
- Короткотривала пам'ять та юзабіліті
- Формати графічних файлів у вебдизайні
Розробка CJM
- Принципи Гештальту
- User Flow для e-Commerce
- Створення CJM
Ефективна сторінка продукту
- Закріплення матеріалу на практиці
- Ефективна сторінка продукту
- Цілі продуктової сторінки
- Аналіз сторінок
- Практика (візуальні вправи)
Передача макетів у розробку
- Айдентика
- Колірний профіль
- UX-копірайтинг
- Передача макетів в розробку
Методології
- Оцінка складності проєкта
- Типи клієнтів
- Типи контрактів
- Agile
- Waterfall
- Scrum
- Kanban
- Jira
- Confluence
- BackLog
- Планінг-покер
- Ретроспектива
Гайдлайни та документація
- Style Guidе
- Design System
- Підбір корисних посилань на різні сервіси
- Атомарний дизайн
- Дизайн-токени
- Темний режим
- Деталі при розробці
- Знайомство з HTML & CSS
Акцентування. Дизайн-система. UI-Kit
- Базовий стиль
- Анатомія стилю
- Візуальна логіка
- Основні принципи логіки
- Робоча пам'ять
- Способи акцентування
- Система. Аналіз системи
- UI-Kit
- Розвиток надивленості
Тестування. Анімація Parallax
- Тестування юзабіліті
- Методи юзабіліті-тестування
- Перевірка ідеї. Quick Usability Checks
- Parallax ефект
- Базові інтерактивні анімації
- Механіка анімацій
- Хореографія анімацій
Responsive & Adaptive дизайн
- Responsive
- Adaptive
- Breakpoints
- Мудборди
- Mobile First
- Desktop First
Особливості мобільної розробки
- Процес розробки мобільного застосунку
- Область натискання
- Розташування елементів
- Історія
- Версії
- Вимоги до сітки
- Відстані
- Розміри елементів & Сторінка 404
- Сенсорний екран
- Breakpoints
- Brainstorming
Behance
- Підготовка кейсу на Behance
- Критерії успішного оформлення кейсів
- Розбір прикладів
- Складання структури макетів
- Підготовка анімацій
Працевлаштування
- Процес проходження співбесід
- Запитання на співбесідах
- Важливі запитання до рекрутера, які варто задати
- Платформи для пошуку роботи
- Фріланс: плюси та мінуси
- CV
- Розбір прикладів
Особливості курсу
- Заняття в режимі онлайн-трансляції
- Доступ до матеріалів в особистому кабінеті після закінчення навчання
- Навчання зосереджене на практиці
- Сертифікат після успішного закінчення навчання
- До шостого заняття ви можете повернути 100% внесених за навчання коштів
- В кінці курсу виконується дипломний проєкт
Викладачі курсу
- Аліна Ахмедова - UI/UX Designer at ITOMYCH STUDIO
- Катерина Пшоновська - Senior UI/UX Designer at Playtech
- Юрій Байдан - UI/UX Product Designer at Halo Lab
- Галина Горбатенко - UI/UX Designer at EPC Network
- Олександр Пашков - Product Designer at Treeum Online
- Вероніка Доценко - UI/UX Designer at Overonix Technologies
- Олександр Галушка - UI/UX Designer at Roobykon Software
- Юлія Жуковська - UI/UX Designer at Sendor Holdings Limited
- Юлія Чауш - UI/UX Designer at SoftDrive
- Альона Ляшенко - UI/UX Designer at Linkos Group
- Еліна Пугачова - UI/UX Designer at Choice
- Ольга Саламатіна - UI/UX Designer at Scalr
- Любомир Олянич - Graphic Designer, Front-end Developer at Kolazh
- Денис Золотов - Lead UI/UX Designer at DCoast Design studio
- Анатолій Почколін - UI/UX Designer/Motion Designer at 9 World Design
- Антоніна Сивак - UI/UX Designer at OnlineSharks
- Олександр Купрієвич - Design Team Lead at Clickable agency
- Джастіна Нипорко - UI/UX Designer at Sendor Holdings Limited
- Тетяна Саранча - Senior UI/UX Designer at Spaceberry
- Таісія Квітка - UI/UX Designer at Trendo
- Валерія Хайрова - UI/UX Designer at Allergo
- Олена Кришталь - UI/UX Designer
- Web & Mobile Design / UI/UX
На вас чекають онлайн-заняття, практичні завдання різної складності для закріплення теорії, комерційний досвід в реальному проєкті.
Програма курсу
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 & Mobile Design / UI/UX
Вивчиш не тільки необхідну базу дизайну для старту в професії, а також базові UX дослідження, анімацію, станеш з інструментом Figma на "ти", навчишся аргументувати та презентувати свої рішення команді. Якісно підготуєшся до пошуку роботи в IT компанії.
Програма курсу
Введення у професію. Основи Figma
- Що таке UI/UX дизайн? Обов'язки дизайнера
- Інструменти для роботи дизайнера
- Детальне вивчення Figma (1 частина):
- Знайомство з інтерфейсом
- Frames&Groups
- Об'єкти та їхні властивості (тіні, обведення, розмиття тощо)
- Constraints (обмежувачі)
- Криві (вектор, іконки)
Дизайн процес. Основи Figma
- Типовий дизайн процес та основні ролі: як в реальному житті
- Формати файлів з якими працює дизайнер
- Детальне вивчення Figma (2 частина і не остання):
- Градієнти та зображення
- Вирівнювання (Alignment)
- Маски
- Булеві групи
- Робота з текстом, плагіни
Сітки та роздільна здатність екранів
- Що таке інтерфейс. Розбираємо простими словами
- Сітки. Їхні види та різниця. Колонкова сітка. Блочна. Ієрархічна. Сітка в сітці. Модульна сітка. Базові 4px і 8px (hard та soft) сітки
- Вчимось підбирати сітки під контент. Ніяких шаблонних підходів, тільки свідомий підбір і аналіз
- Правило внутрішнього та зовнішнього. Вчимось робити правильну композицію макету, яку легко сканувати очима
- Естимація (оцінка часу) проєкту. Вчимось рахувати час на дизайн
Типографіка. Тайм менеджмент
- Що таке типографіка? Як обрати шрифт. Шрифтові пари
- Швейцарська типографіка, яка часто лежить в основі мінімалістичного дизайну: кольори, контрасти, шрифти
- Як покращити типографіку на сайті і на що звернути увагу
- Тренди шрифтів. З трендами треба бути обачними, але ігнорувати їх не можна, якщо дизайнер хоче йти в ногу з часом і пропонувати сучасні рішення
- Сервіси підбору класних пар шрифті¸ Як правильно планувати свій час, що не "згорати". Техніки планування
Типи сайтів. Лендінг. Роздільна здатність. UX Writing. Правила UX
- Поширені типи сайтів. Їхні особливості
- Роздільна здатність екранів та як дизайнеру з ними працювати
- Типи макетів: Скетчінг, низькодеталізований та високодеталізований вайрфрейм, мокап та прототип. Коли який використовуємо
- Процес роботи над лендингом (односторінковий сайт). Детальний розбір секцій лендингу
- Аргументація своїх рішень. Як почати пояснювати свої рішення, щоб у них повірили
- Копірайтинг у дизайні. Чому не варто використовувати рибу текст Lorem Ipsum
- Основні правила UX дизайну. Те, що допоможе тобі у дизайні зручного інтерфейсу, орієнтованого на користувача
Композиція. UI елементи. Figma
- Основи композиції. За її допомогою ми можемо керувати увагою та почуттям користувача
- UI елементи їх стани і використання: кнопки, поля введення, радіокнопки, чекбокси тощо, основне, що необхідно для створення сайту
- Інтерактивний гайд по UI елементам
- Детальне вивчення Figma (3 частина): Auto layout, Стилі. Як тримати макет в порядку
Креативна стратегія (метод) Волта Діснея. Воркшоп
- Що таке брейнштормінг і навіщо він потрібен
- Практика генерації ідей по методу Волта Діснея. Виходимо за рамки власних уявлень
Колір. Доступність. Мудборд. Тренди
- Основи кольору. Як підібрати кольори проєкту та підібрати відтінки
- Accessibility. Доступність в дизайні. Наша дизайнерська робота полягає в тому, щоб звести до мінімуму проблеми всіх користувачів
- Тренди в UX/UI дизайні
- Пошук ідей візуального дизайну. На що звернути увагу, щоб знайти цікаву ідею
- Створення мудбордів: технічного та для клієнта
- Детальне вивчення Figma (4 частина): Створення "Системи шрифтів"
Візуальна ієрархія. Ілюстрації. Фото. Іконки
- Основи візуальної ієрархії. Найбільш ефективний інструмент, який є у дизайнера для того, щоб сайт виглядав збалансованим
- Ілюстрації: як працювати з ілюстраціями, які ілюстрації вже застаріли
- Фото: Як підібрати фото для сайту. Коли взагалі краще не використовувати фото і чим замінити
- Іконки: призначені для покращення дизайну та надання візуальної допомоги, яка надає інформацію або контекст
Практика редизайну з ментором. Воркшоп
За допомогою ментора, студенти вчаться аналізувати інтерфейс, шукати ідеї та редизайнити невдалі секції сайтів.
Як покращити UI (візуал). Тіні. Стилі у Figma
- Важливі деталі візуалу. Як покращити візуал
- Тіні: Коли використовувати і як будувати
- Вивчення стилів кольорів, тексту, тіней у Figma
Компоненти та варіанти у Figma. UI Kit проєкту
- UI kit (Набір всіх елементів, на яких будується дизайн твого сайту). Навіщо він потрібний дизайнеру та розробникам
- Детальне вивчення Components, Variants, Mapping, Variables. Що це таке, як це пришвидшує роботу дизайнера і робить макет більш професійним
Прототип. Анімація у Фігмі
- Детальне вивчення Figma: Інтерактивний прототип у Figma. Збираємо прототип лендингу
- Анімація у Фігмі: різноманітні приклади від менторів школи. Як покращити інтерфейс за допомогою анімації
- Анімація Parallax
Презентація: Урок + онлайн презентація
- Урок по презентації свої робіт та рішень. Поради по презентації. Від якості презентації та аргументації напрацювань залежить успіх їх затвердження
- Практика презентації на курсі. Кожен студент отримує детальний фідбек від ментора, що було добре і, що потрібно покращити
Кейс та портфоліо
- Важливість оформлення портфоліо. Як має виглядати портфоліо дизайнера
- Як правильно оформити кейс, щоб проявити свої навички в дизайні та аргументації, показати процес та результати
- Додаткові поради по кейсу в портфоліо
- Завантаження кейсу на Behance
UX дослідження. Юзабіліті. Брифування клієнта. Визначення цільової аудиторії
- Для чого нам UX дослідження
- Що таке брифування клієнта, чому важливо правильно збирати інформацію про проєкт та як це впливає на успіх проєкту
- Спілкування з клієнтом
- Базове визначення цільової аудиторії продукту. Чому важливо знати свого користувача
Sitemap. User Flow. Тригери у дизайні
- Початок роботи над дизайном інтернет магазина (e commerce). Інтернет магазин комплексний проєкт, який дозволяє закріпити отримані знання та набути нових, більш комплексних, які дадуть нашому випускнику неабиякі переваги перед іншими кандидатами
- Створення Sitemap (мапа) майбутнього сайту, щоб побудувати гарну структуру сайту та оптимізувати її за потреби
- Створення User flow сайту (візуальне зображення послідовності дій, які користувач виконує задля досягнення своєї мети на сайті
- Тригери у дизайні
- Базові засади UX. Юзабіліті (якісний показник простоти та зручності використання сайту)
Аналіз конкурентів за методом Кано
- Онлайн лекція на тему конкурентного аналізу за методом КАНО. Види функцій
- Практика конкурентного аналізу в групах та презентація напрацювань
E-Commerce. Part 1
- Дизайн форм для введення інформації. Вчимось робити швидкі та легкі форми, які будуть виконувати свою задачу та не перевантажувати користувачів
- Login & Sign up в інтернет магазині. Як краще оформити, чому не варто повторювати поле паролю і як полегшити процес користувачу
- Створюємо головну сторінку інтернет магазину
- Детальне вивчення Figma (7 частина): Як створити Drop down list, Як створити Форму
E-Commerce. Part 2
- Будуємо каталог товарів. Вивчаємо різний підхід до вибору фільтрів, сортування
- Як правильно створити картку товару, щоб не наробити хаосу
- Сторінка продукту: вчимось розмішувати великий об'єм інформації на сторінці, виділяти найважливіше та підводити користувача до цілі
- Адаптивний (adaptive) vs Чуйний (responsive) дизайн. Як і навіщо нам адаптувати макети до більших та менших розмірів девайсів? (мобілки, планшети, десктопи)
Q&A-сесія з ментором групи
Спілкування з ментором та відповіді на питання. Можливість дізнатись більше про досвід ментора та відповіді на питання, які ще не були закриті у чатах курсу.
E-Commerce. Part 3
- Кошик товарів. Дослідження свідчать, що майже 70% замовлень так і залишаються в кошику. Розбираємо, як зробити його ефективним
- Checkout (оформлення замовлення). Форма замовлення на сайті має бути швидкою та простою, тому детально пропрацьовуємо цей компонент інтернет магазину
- Сторінки помилок (404). Які вони бувають і як їх правильно пояснювати користувачам
- Адаптивний (adaptive) vs Чуйний (responsive) дизайн. Чому важливо робити дизайн під різні роздільні здатності екранів і як це робити правильно
Основи Usability Testing
- База з юзабіліті тестування. Тестуємо свої макети інтернет магазину на реальних користувачах, отримуємо фідбек і вносимо правки
- Guerilla testing (Коридорне тестування). Коли немає доступу до користувачів чи немає ресурсів для проведення повноцінного тестування
UX аудит інтерфейсу. Евристики Нільсена
Аналіз інтерфейсу по 10 Евристикам Нільсена (10 Usability Heuristics). Як проаналізувати інтерфейс, коли немає доступу до користувачів.
Дизайн системи
- Що це і чому це не те саме, що і UI kit? Як працювати з дизайн системами
- Найпопулярніші дизайн системи
Основи інструменту Adobe Photoshop та Adobe Illustrator
- Знайомство з інтерфейсом програм
- Ретуш, обробка фотографій (Adobe Photoshop)
- Вирізаємо об'єкти (Adobe Photoshop)
- Робота з простим вектором (Adobe Illustrator)
Ретроспектива з ментором групи
- Аналізуємо свій прогрес на курсі
- Ділимося успіхами та провалами
- Визначаємо власні зони розвитку
ШІ для дизайнерів
- Розбираємо популярні ШІ інструменти, які будуть корисними дизайнера
- Як працювати з ШІ
Співпраця з розробниками
Передача дизайн файлів девелоперам. Як правильно це зробити і на що звернути увагу.
Типи ІТ компаній. CV (Резюме)
- Типи IT компаній. Яка різниця? Що обрати і куди піти
- Soft skills. Чому вони важливі і як їх розвивати
- CV (Резюме). Створюємо резюме, яке приверне увагу рекрутерів
- Супровідний лист. Як написати і чому його варто писати новачкам
Співбесіда в ІТ. Відмови
- Співбесіда в IT. Як відбувається. Як підготуватися до ІТ співбесіди, щоб успішно пройти співбесіду і проявити себе
- Як зрозуміти, наскільки ти підходиш на вакансію. Як прокомунікувати свою недостатню відповідність
- Підготовка до співбесід: найчастіші питання, найдивніші питання
- Як психологічно підготуватися до співбесіди
- Чому відмови це окей і як це прийняти
Практика проходження співбесід (з ментором групи)
- Готуємося до проходження співбесіди по лекції з модуля
- Структуруємо всі отримані знання на курсі
- Відвідуємо симуляцію реальної співбесіди з ментором групи, відповідаємо на питання, отримуємо фідбек від ментора, що треба покращити, а що було дуже добре
Тестове завдання та випробувальний термін в ІТ компаніях. Ріст дизайнера
- Тестове завдання в IT компанії. Як підвищити шанси виконати тестове успішно
- Випробувальний термін в IT компанії. На що звернути увагу, як пройти і чому не варто боятись
- Ріст дизайнера. Junior Middle Senior: яка різниця
- Фриланс (базове знайомство з фриланс біржами
- Договір із клієнтом, на що звернути увагу
- Що далі? Як розвиватись дизайнеру?
Особливості курсу
- Допомога ментора
- Практика
- Детальний фідбек
- Групові заняття
- Презентації на курсі
- Підготовка до працевлаштування
- Проєкт в портфоліо
- Сертифікат про проходження курсу
Викладачі курсу
- Олександра Коваль - Lead Product Designer
- Юлія Огороднік - Менторка курсу UI/UX Design: Start
- Тетяна Процько - Менторка курсу UI/UX Design: Start
- Аліна Семацька - Менторка курсу UI/UX Design: Start
- Web & Mobile Design / UI/UX
Ви опануєте основи роботи в 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 компоненти
- Створювати доступні та інтерактивні інтерфейси для покращення користувацького досвіду
- Ви будете мати власне портфоліо та зможете працювати на професійних проєктах
Особливості курсу
- Свідоцтво про закінчення курсу
- Портфоліо з проєктів
- Гнучкий графік занять
- Web & Mobile Design / UI/UX
На курсі ви навчитеся думати про мобільні інтерфейси як про продукт, аналізувати завдання, перевіряти гіпотези, вимірювати результат.
Програма курсу
Принципи проєктування мобільних інтерфейсів
- Поговоримо про базові правила мобільного дизайну
- Проаналізуємо кожен принцип за допомогою прикладів
- Розберемо вдалі та не дуже дизайн-рішення
- Вивчимо все про пріоритети, швидкість взаємодії та зону великого пальця
Дослідження та гіпотези
- Розберемось, як розуміти суть завдання та проводити етап discovery
- Опануємо гіпотези: як їх формулювати та перевіряти
- Проаналізуємо приклади правильних і неправильних гіпотез
- Поговоримо про глибинне інтерв’ю, юзабіліті-тестування, опитування, кількісний аналіз даних, сортування карток
Дизайн інтерфейсів під кросплатформу
- Визначимо, що взагалі таке кросплатформний застосунок
- Дізнаємось, як його створювати та які у нього переваги й недоліки
- Розберемо підходи до дизайну кросплатформ
- Навчимося працювати з технічними можливостями й обмеженнями фреймворків, щоб отримати нативний UX
Форми у мобільних інтерфейсах
- Розглянемо основні проблеми, які виникають у людей, коли вони взаємодіють із формою
- Опануємо основні правила дизайну форм, щоб уникати типових помилок і збільшувати конверсію у цільову дію
- Проаналізуємо вдалі та не дуже приклади дизайнів плейсхолдерів, лейблів і підказок
Human interfaces guidelines та material design
- Пройдемося кожною дизайн-системою, щоб навчитися створювати нативні, швидкі в розробці інтерфейси з доступних компонентів
- Розберемо особливості material design для Android, iOS та вебінтерфейсів
- Вивчатимемо UI Kit та SwiftUI та як працювати з їхніми документаціями
- Дізнаємося, як працювати з навігацією, модальністю, таблицями та рядками
- Розберемо дизайн-гайди з останніх iOS
- Розглянемо особливості дизайну запитів на дозвіл, сенсорного досвіду, віджетів, списків дій і випадних меню
- Навчимося працювати з типографією, іконками та кольорами для мобільних інтерфейсів
Оформлення контенту
- Навчимося організовувати таблиці, графіки та велику кількість інформації на мобільному екрані
- Розберемо основні прийоми, які допоможуть оформлювати контент максимально зручно для користувачів
- Проаналізуємо приклади інтерфейсів з цими прийомами
Дизайн типових рішень в застосунках
- Опануємо патерни та ментальні моделі в мобільних інтерфейсах
- Дізнаємось, як створювати та оптимізувати авторизацію, екран підписки, checkout, фільтрацію та пошук
- Розглянемо прийоми дизайну графіків, мап, календарів, індикаторів прогресу, підказок
Дизайн для планшетів
- Навчимося адаптувати інтерфейс застосунку під формат планшета або створювати його з нуля
- Дослідимо параметри екранів пристроїв для Android та iOS
- Розберемо приклади дизайну мобільних інтерфейсів для планшетів та важливі нюанси, на які треба зважати
- Вивчимо особливості навігації та розташування елементів на пристроях Apple та Android
Продуктові метрики
- Вивчимо базові та високорівневі метрики, завдяки яким можна впливати на бізнес-цілі та говорити з менеджерами продукту й аналітиками однією мовою
- Розберемо метрики "марнославства", які не допомагають виміряти дизайн-рішення
- Зупинимося на показнику Life-Time Value (LTV) та дослідимо, що на нього впливає
Дизайн онбордингу та першої сесії
- Визначимо на березі, що таке онбординг та для чого він потрібен
- Дізнаємося все про aha-moment та як його визначити
- Навчимося вести користувачів до цінності й утримувати нових юзерів після завантаження застосунку та першої взаємодії з ним
- Розберемо приклади онбордингів й приглядаємося, які працюють класно, а які варто покращити
Робота з тригерами
- Навчимося дизайнити застосунок так, щоб користувачі поверталися частіше
- Дізнаємось, як формувати в юзерів звички за допомогою дизайн-гачків і тригерів
- Розглянемо реальні приклади залучення тригерів в онбординг застосунків
Дизайн і маркетинг
- Дізнаємося шлях користувачів, який вони проходять, щоб опинитися в магазині застосунків App Store і Google Play
- Розберемось, як працюють магазини застосунків та яку роль відіграє ASO
- Навчимося пропрацьовувати очікування користувачів і створювати сторінку застосунку в App Store та Google Play
- Опануємо роботу зі знімками екранів, відео, описами застосунку та А/B тестуванням маркетинг-дизайну
Дизайн PWA
- Навчимося працювати з технологією, що дозволяє будувати вебзастосунки, які можна завантажити на телефон з браузера
- Поговоримо про адаптивний дизайн
- Дослідимо можливості HTML5 на мобільних пристроях та корисні API
Кар'єрне (у форматі суботніх вебінарів)
- Як правильно збирати портфоліо та проходити співбесіди
- Як правильно збирати портфоліо та проходити співбесіди
- Як документувати свої рішення та продуктивно співпрацювати з командою
- Решта кар’єрних запитань, на які хочете знайти відповіді
Особливості курсу
- Живі заняття щопонеділка та щосереди о 19:30 та щосуботи об 12:00
- Регулярний фідбек
- Курсовий проєкт
- Сертифікат за здобутки
- Можна повернути кошти протягом 7 днів від початку курсу
Викладачі курсу
Дмитро Шведун - Product Designer at Meta Inc.
Больше информацииСтраницы
Читайте нас в Telegram, чтобы не пропустить анонсы новых курсов.
Відгуки про курси
Отзывы о курсах
Чудова комунікація вчителя з учнями, гарне викладання матеріалу . Дякуємо вчителю Миколі , який завжди на зв’язку , донька навчається з великим задоволенням !

Поступив на курс Графический дизайнер я получил колоссальный опыт и знания, которые конечно же мне пригодятся, это без сомнения.
Тут нас обучали правилам композиции, цветовой гамме, типографике и многому другому.

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

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