Курси Web Design / UI/UX

Фільтр
Курс
Формат
Online
Початок навчання
11.08.2025
Тривалість
13 тижнів
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
530 EUR за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Designly
  • Web & Mobile Design / UI/UX
Подробиці

Створиш дизайн власного застосунку-стартапу на iOS та Android. Зрозумієш різницю між гайдлайнами. Пропрацюєш необхідний функціонал і важливі нюанси. Дізнаєшся, як створити правильну інформаційну архітектуру та навігацію. Протестуєш на юзерах. Оформиш якісний і детальний case study у портфоліо.

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

Знайомство з гайдлайнами

  • Знайомство. Ринок мобільних застосунків у наші дні
  • Нативні та кросплатформні програми, мобільний сайт. Чим відрізняється дизайн застосунків від дизайну сайтів
  • HIG від Apple (iOS). Особливості платформи, UI кіт
  • Material Design Guidelines (Android). Особливості платформи, UI кіт
  • Визначаємось з темою свого застосунка

Підготовка і дослідження

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

Інформаційна архітектура, типографіка та аргументація

  • Інформаційна архітектура мобільних застосунків. Що це таке насправді
  • Як правильно створити ІА
  • Види навігації у застосунках: Tab bar, Hub & Spoke, Ієрархічна навігація, Navigation drawer, Navigation bar тощо
  • Sitemap, як частина ІА. Як продумати шлях користувача у продукті
  • Аргументація своїх рішень
  • Типографіка платформ. Правила використання й оформлення текстів в мобільних інтерфейсах

Макети, сітки та навігація

  • Детальний розбір рідних навігацій обох платформ
  • Viewport та роздільна здатність екранів. Як підійти до вибору розміру
  • Макет та сітка в HIG (iOS) та Material Design (Аndroid). Які підходи краще застосовувати
  • FAB (плаваюча кнопка дії в Material Design)

Splash Screen, онбординг, елементи інтерфейсу

  • Splash screen. Екран заставка. Чому вона потрібна і як її розробити правильно
  • Онбординг. Основні риси та правильна побудова. Коли не варто робити онбординг
  • UX Writing мобільних застосунків (база)
  • Елементи інтерфейсу: Tabs, Segmented buttons, Segmented control
  • Системні кнопки HIG & Material
  • Іконки. Як підбирати і на що звернути увагу

Вхід, порожні екрани, елементи інтерфейсу

  • Sign in/Sign up. Як створити зручну форму. Розбір текстових полей обох платформ
  • Sign in with Apple. Як правильно використовувати
  • Елементи інтерфейсу: bottom app bar, toolbar
  • Порожні екрани. На що звернути увагу і які є нюанси

Технології у мобільних інтерфейсах, модальні вікна

  • Технології у мобільних інтерфейсах: Карта, локація, AR
  • Нотифікації, геолокація та доступи. Коли питати дозволу, щоб не дратувати юзера і отримати від нього підтвердження
  • Модальні вікна у мобільних застосунках. Їхні види та способи використання
  • Push notifications

Функціонал різних сторінок у застосунках. Частина 1

  • Особистий кабінет користувача
  • Сторінка налаштування
  • Списки, таблиці, картки в мобільних застосунках
  • Жести
  • Елементи інтерфейсу: Checkbox, Radio button, Switch & Toggle

Функціонал різних сторінок у застосунках. Частина 2

  • Стрічки активності (Feed) у мобільних застосунках
  • Сторінки бронювання (подорожі, місце в коворкінгу)
  • Елементи інтерфейсу: date & time pickers
  • Фільтри та сортування де і як використовувати
  • Оплата у застосунку, які є види
  • NFC в телефонах (база)

Презентація рішень та спілкування з клієнтом

  • Як презентувати свої рішення ефективно, щоб в них повірили
  • Спілкування та листування з клієнтами

Презентація своїх рішень

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

Мудборд, візуальне оформлення, тренди

  • Moodboard. Формування мудбордів за візуальними рішеннями та патернами
  • Tone of voice застосунків
  • Кольори і палітри
  • Темна тема. Її важливість і нюанси створення
  • Тренди та антитренди у мобільних застосунках

Візуальне оформлення

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

Практика редизайну. Воркшоп

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

Візуал, UX закони, орієнтація пристрою

  • Візуальна ієрархія. Як управляти увагою користувача
  • UX закони та кращі практики дизайну застосунків
  • Проєктування для орієнтації пристрою: від книжкової до альбомної
  • Accessibility

Анімація та прототип

  • Що таке супераппи
  • Animation. Основи анімації, принципи
  • Створення прототипів мобільних застосунків, тонкощі, які варто враховувати

App Store / Google Play

  • App Store/Google Play. Скриншоти та іконки застосунків для магазинів застосунків
  • Дизайн віджетів (Widgets)

Просування, гейміфікація та передача файлів

  • Як просувають мобільні застосунки та що впливає на рейтинг
  • Гейміфікація (mobile apps engagement)
  • Передача файлів розробникам. На що звернути увагу

Юзабіліті тестування

  • Юзабіліті тестування мобільних застосунків
  • Як провести тестування ефективно і отримати потрібні результати
  • Метрики. Чому вони такі важливі в дослідженнях і як їх використовувати
  • Ментальні моделі користувачів

Case Study

  • Правильне оформлення Case study проєкту, щоб виділитись серед конкурентів
  • Портфоліо: варіанти оформлення

Додаткові теми

  • Базово про дизайн застосунків для годинників
  • Live Activities (iOS)
  • Dynamic Island

Пошук роботи

  • Співбесіда в IT компанію на посаду Mobile UX/UI designer
  • Резюме. Як зробити так, щоб його помітили
  • Soft skills. Як їх прокачувати
  • Тестове завдання в IT компанії. Як підвищити шанси виконати тестове успішно

Практика проходження співбесід (з ментором групи)

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

Фінальна зустріч

  • Аналізуємо свій прогрес на курсі
  • Ділимося успіхами та фейлами
  • Визначаємо зони розвитку

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

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

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

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

Більше інформації
Курс
Формат
Online
Початок навчання
01.10.2025
Тривалість
84 годин
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
17 724 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
QALight
  • 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 компоненти
  • Створювати доступні та інтерактивні інтерфейси для покращення користувацького досвіду
  • Ви будете мати власне портфоліо та зможете працювати на професійних проєктах

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

  • Свідоцтво про закінчення курсу
  • Портфоліо з проєктів
  • Гнучкий графік занять
Більше інформації
Курс
Формат
Online
Початок навчання
01.09.2025
Тривалість
10 тижнів
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
19 497 UAH за курс
Гнучкий графікСупровід ментораРеальний проект у портфоліо
Apollo it School
  • Web & Mobile Design / UI/UX
Подробиці

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

Профорієнтація

  • Про UX/UI дизайн та компетенції дизайнера
  • Розуміння потреб замовника
  • Карʼєра дизайнера інтерфейсів
  • Оформлення портфоліо
  • AI, no-code та low-code інструменти

User Interface

  • Основи Figma
  • Колір
  • Типографіка
  • Іконки
  • Композиція та сітки
  • Елементи керування в інтерфейсах
  • Adaptive та responsive дизайн
  • UI kit та дизайн-система
  • Передача файлів у розробку

User Experience

  • Дизайн-мислення
  • Сприйняття інформації в інтерфейсах
  • Стадії прототипування
  • Основи доступних інтерфейсів (usability та accessibility)
  • Методи UX Research
  • Модероване usability-тестування
  • Аналіз даних та синтез артефактів
  • Інформаційна архітектура
  • Основи UX Writing

Mobile App Design

  • Особливості створення мобільних застосунків
  • Патерни мобільних застосунків
  • Прототипування взаємодій в Figma

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

  • Доступ до файлів курсу назавжди
  • Допомога тренера-практика
  • Близько 5 робіт в портфоліо
  • Робота над реальним проєктом
  • Можливість повернути кошти до 3 уроку

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

Дар'я Александрова - Lead UX Researcher & Designer at AgileEngine

Більше інформації
Курс
Формат
Online
Початок навчання
10.06.2025
Тривалість
34 занять
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
17 300 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Hillel IT school
  • Web & Mobile Design / UI/UX
Подробиці

Опануй інструменти Adobe та Figma, навчись створювати логотипи, іконки та адаптивні веб-сайти. Вивчай композицію, типографіку, анімацію та багато іншого.

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

Теми:

  • Adobe Illustrator. Векторна графіка
  • Adobe Illustrator. Обробка контуру
  • Натхнення та карта асоціацій. Працюємо з FigJam
  • Figma. Вивчення функціоналу
  • Композиція. Сітки. Вертикальний ритм
  • Типографіка
  • Колористика
  • Дизайн логотипу та логобуку
  • Дизайн іконок та кнопок
  • Стилі та компоненти
  • Auto layout
  • Адаптивний дизайн
  • Брендинг та айдентика
  • Wireframe
  • Мудборд та дизайн система для свого проєкту
  • Типи сайтів. Створення Landing Page
  • Дослідження та бриф
  • Дослідження бізнесу та цільової аудиторії
  • Конкурентний аналіз
  • User Flow. Site map
  • User Stories. User scenario
  • Об'єднання аналітики
  • Анімація Figma
  • Adobe Photoshop. Створення колажу
  • Adobe Photoshop. Обробка фото

В кінці курсу виконується дипломний проєкт

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

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

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

  • Крістіна Стефанишина - Web Designer
  • Ксенія Скипенко - Web Designer at TrueDesign
  • Єлизавета Чепугова - Graphic Designer at Nasha Idea
  • Вікторія Ільїна - Designer at DCoast Design studio
  • Джастіна Нипорко - UI/UX Designer at Sednor Holdings Limited
  • Таісія Квітка - UI/UX Designer at Trendo
  • Анна Пудова - UI/UX Designer at Pudova Designer
Більше інформації
Курс
Формат
Online
Початок навчання
01.07.2025
Тривалість
64 занять
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
2 300 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
PeaPod
  • Web & Mobile Design / UI/UX
Подробиці

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Більше інформації
Курс
Формат
Online
Початок навчання
01.06.2025
Тривалість
3 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
25 500 UAH за курс
Вечірні заняттяВидається диплом/сертифікатСупровід ментора
Apollo it School
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Теми:

  • UX дослідження та які задачі вони вирішують
  • Процес UX дослідження. Планування, підготовка
  • Дослідження та тести. Занурення
  • Аналіз та синтез результатів
  • Дослідницький звіт
  • Етика дослідника, юридичні норми та стандарти

В результаті курсу ви опануєте:

  • Desk research
  • Інтерв'ю
  • Модероване UX тестування
  • Розробка дизайну дослідження
  • Кікоф з замовником
  • Розробка гайдів
  • Оцінка за UX евристиками
  • JTBD
  • Аналіз та синтез зібраних даних
  • Беклог задач
  • Пріоритезація задач

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

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

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

  • Лєна Поліщук - Дизайнерка користувацького досвіду та методологиня досліджень
  • Анфія Резнікова - UX-дослідниця та менеджерка дослідницьких проєктів
Більше інформації
Курс
Формат
Online
Початок навчання
26.06.2025
Тривалість
10 занять
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Sigma Software University
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Теми:

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

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

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

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

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

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

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

Більше інформації
Курс
Рекомендуємо
Формат
Online
Початок навчання
29.04.2025
Тривалість
7 місяців
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
26 460 UAH за курс
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
IT STEP Academy
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Базовий семестр

  • Технології АІ
  • Технології АІ для вирішення універсальних задач
  • Хмарні технології та бази даних
  • Orientation in development: Low-Code та No-Code платформи, Front-End та Back-End

Основи UI/UX

  • Професія веб і UI/UX дизайнера
  • Інтерфейси. Приклади інтерфейсів
  • User Experience

Підготовка до розробки веб проєкту

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

Робота з аудиторією, види користувачів

  • Аналіз аудиторії
  • Потреби аудиторії
  • Петля цінностей
  • Воронка продажів
  • Види користувачів
  • Принципи сприйняття і психологія користувачів
  • ЦА
  • Сценарії користувача

Customer Journey Mapping

  • Компоненти та типи Customer Journey Map
  • Алгоритм створення CJM

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

  • Контент-стратегія. Визначення вимог до контенту. Робота з контентом
  • Навігаційний дизайн
  • Wireframe
  • MVP, MVL
  • Тестування прототипів
  • Axure
    • Введення в Axure. Огляд можливостей
    • Робота з бібліотеками
    • Інтерактивність в Axure
    • Інтерактивний прототип

Веб-дизайн

  • Moodboard як інструмент по створенню креативної концепції продукту
  • Сітка і композиція в інтернеті
  • Типографіка
  • Основи колористики
  • Цікава подача інформації
  • Приватне позиціонування
  • CTA
  • Елементи Лендінзі
  • Іконки
  • Форми і кнопки
  • Стилі в веб-дизайні

UI

  • UI-kit створення і підбір шаблонів
  • Повідомлення / помилки (оповіщення користувача)

Дизайн системи

  • Atomic Design
  • IBM visual language
  • Fluent Design (Microsoft)
  • Material Design (Google)
  • iOS (Apple) VS Windows
  • Дизайн для Retina
  • Guideline

Мобільні інтерфейси

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

Тестування Usability

  • Юзабіліті-тестування
  • Hallway testing
  • Remote usability testing
  • Expert review
  • A/B testing

UI для VR/AR/MR

Види відмінності, де застосовуються

Баннери

Види, відмінності, де застосовуються

Редизайн, гіпотези

  • Редизайн. Специфіка застосування
  • Гіпотези щодо поліпшення

Soft Skills

  • Правила презентації проєктів і гіпотез
  • Резюме, портфоліо

Фінальний іспит

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

  • Пройдете всі етапи розробки дизайну продукту з нуля
  • Заняття 2 рази на тиждень по 2 пари
  • Структурована подача знань
  • Викладачі практики
  • Підготовка до працевлаштування
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
120 годин
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
49 800 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Світ Сучасної Освіти
  • Web & Mobile Design / UI/UX
Подробиці

Курс Web Design Pro - це комплексна програма, завдяки якій ви не тільки дізнаєтеся про UX/UI, але й на практиці навчитеся всього, що має знати вебдизайнер. Саме цей фахівець створює концепцію для майбутнього сайту або додатка, вигадує структуру та переходи на сторінки відповідно до логіки користувача та потреб замовника.

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

Вступ

  • Знайомство. Вступ до курсу
  • Поняття: дизайн, інтерфейс, UX, UI, Product Designer
  • Роль UX/UI дизайнера в проєкті
  • Етапи розробки проєкту

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

  • Огляд інструментів. Figma, Miro, Balsamiq, Notion, After Effects та інші
  • Методи пришвидшення роботи у Figma
  • Плагіни та ресурси. Figma Community
  • Порядок та структурування документа

Цифрові продукти і їхнє просування

  • Що таке цифровий продукт?
  • Види цифрових продуктів
  • SEO (основи пошукової оптимізації)
  • SMM (основи просування в соцмережах)
  • Контекстна реклама

UX-дослідження й архітектура

  • UX-стратегія
  • Юзабіліті та аксесебіліті
  • Брифінг
  • Діалог із замовником
  • Постановка завдань, цілей та бізнес вимоги
  • Конкурентний аналіз
  • Візуальний аналіз
  • Опитування ЦА
  • Jobs to be done (JTBD). JTBD interview. Job Story
  • Персони, Карта емпатії, User Stories
  • Customer Journey Map
  • Модель Кано
  • User Flow
  • Структура проєкту
  • UX-копірайтинг

Де шукати натхнення

  • Мудборд
  • Ресурси для натхнення, розвиток "гостроти ока", тренди
  • Методи генерування ідей

Дизайн системи та UI-кіти

  • Особливості застосування та відмінності
  • Компоненти. Навігація, елементи, блоки
  • Огляд UI kit для iOS/Android
  • Плагіни та лайфхаки

UI-концепція

  • Підходи Mobile First / Desktop First
  • Скетчинг, Warframing, Прототипування
  • Модульні сітки. Анатомія. Види сіток
  • Іконки в інтерфейсах, стиль та формати
  • Фото та ілюстрації - технічні вимоги, тренди, корисні ресурси
  • Шрифти. Де шукати? Як поєднувати?
  • Типографія. Робимо текст зручним для читання
  • Композиція. Візуальна ієрархія, теорія близькості та інші прийоми
  • Кольори. Як вибирати? Інструменти, ресурси
  • Адаптивний дизайн
  • Auto Layout

Гайдлайни

  • Як їх застосовувати?
  • Огляд гайдлайнів для Android, iOS
  • Огляд Material Design
  • Огляд Fluent Design Guidelines

Основи анімації

  • Основи UI-анімації
  • Анімація інтерфейсу/іконок/ілюстрацій у Figma
  • Анімація інтерфейсу/іконок/ілюстрацій в After Effects

Аналітика

  • Google Analytics
  • Hotjar

Тестування

  • Сценарії для тестування
  • Складання гіпотез для покращення інтерфейсу
  • Юзабіліті тестування
  • А/В тестування

Передавання макетів у розробку

  • Обов'язкові елементи
  • Особливості передачі сайтів та додатків розробникам

Портфоліо. Публікація кейсу на Behance

  • Особливості різних ресурсів
  • Як оформляти кейси?
  • Часті помилки та лайфхаки

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

  • Підтримка ментора
  • Проєкт в портфоліо
  • Сертифікат про проходження курсу
Більше інформації
Курс
Формат
Online
Початок навчання
25.02.2025
Тривалість
4 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
519 USD за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Webiam Education
  • Web & Mobile Design / UI/UX
Подробиці

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

Підготовка

  • Знайомство з професією
  • Ефективний день
  • Інструменти тайм-менеджменту
  • Що таке сайт. Завдання сайту
  • Типи сайтів
  • Функціональні блоки сайту
  • Етапи створення сайту

Figma

  • Реєстрація та встановлення Figma на MacOs і Windows
  • Інтерфейс головного екрана
  • Інтерфейс робочого простору
  • Текст
  • Ліцензія на шрифти
  • Завантаження та встановлення шрифтів на MacOs та Windows
  • Заливка, обведення, градієнт
  • Олівець і Pen Tool
  • Групування, фрейм і секція
  • Ефекти
  • Режими накладення
  • Робота із зображеннями
  • Булеві операції
  • Маски
  • Стилі
  • Компоненти та варіанти
  • Вирівнювання
  • Auto Layout
  • Інструмент Scale
  • Гарячі клавіші
  • Плагіни
  • Експорт
  • Обкладинка файлу

Як проєктувати зручний та стильний дизайн

  • Базові поняття типографіки. Анатомія шрифту
  • Класифікація шрифтів
  • Принципи та правила типографіки
  • Композиція
  • Введення в колористику
  • Кольорові схеми
  • Психологія кольору
  • Сітки в UX/UI-дизайні
  • Контент і нейромережі
  • Інтерфейс і його елементи
  • Наглянутість
  • Аналіз ідеї
  • Конкурентний аналіз
  • Аналіз цільової аудиторії
  • Складання структури сайту
  • Копірайтинг для сайту
  • Складання мудборда
  • Вайрфрейм, макет, прототип
  • Адаптація і респонсів

Портфоліо

  • Де розміщувати портфоліо
  • Як упакувати свою роботу
  • Практика з оформлення кейса
  • Як оформляти портфоліо на Behance
  • Пакування портфоліо на Dribbble
  • Пакування портфоліо в Telegram
  • Створення особистого бренду в Instagram

Інтернет магазин

  • UX-дослідження
  • CJM і персони
  • Site Map
  • Створення вайрфрейму з високою деталізацією
  • Сторінка каталогу і навігація Інтернет-магазину
  • Оформлення картки товару
  • Корзина, яку не кидають
  • Сторінка оформлення замовлення

Цикл проєкту

  • Бриф
  • Інтерв'ю із замовником
  • Технічне завдання
  • Договір
  • Презентація роботи замовнику

Конструктор сайтів

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

Працевлаштування

  • CV дизайнера
  • Фріланс та найм
  • Проходження інтерв'ю
  • Тестове завдання
  • Cover Latter
  • LinkedIn
  • Робота через телеграм канали
  • Біржі фрілансу

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

  • Структурована програма курсу
  • Підтримка ментора
  • Щоденна практика
  • 80+ корисних інструкцій та матеріалів
  • Доступ до платформи
  • Чат ком'юніті 24/7
  • Розбір домашніх завдань
  • Персональна допомога у складанні резюме
  • Допомога у працевлаштуванні у пакеті VIP

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

Зіноватна Юлія - 5+ років досвіду роботи в дизайні

Більше інформації
Курс
Формат
Offline
Початок навчання
Дата формується
Тривалість
3 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
15 660 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментора
Stfalcon Academy
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Теми:

  • Базові знання з UI
  • Елементи графічного дизайну
  • Що таке UX, дизайн-процес та як з цим всім працювати?
  • UX-дослідження
  • Отримання вимог бізнесу, аналіз домену
  • Проведення інтерв'ю та оформлення їх результатів
  • Робота з ЦА продукту
  • Робота по покращенню інформаційної архітектури
  • Генерація ідей
  • Тестування згенерованого дизайн-рішення
  • Робота з розробниками
  • Презентація проєкту та робота з критикою
  • tips & tricks щодо працевлаштування та подальшого професійного розвитку в галузі

По закінченню курсу ви:

  • Прокачаєте свої навички - soft and hard skills, які є "must have" для дизайнера
  • Опануєте практичні інструменти роботи
  • Отримаєте досвід роботи, як у команді так і індивідуально
  • Зможете ефективно пітчити свої дизайн рішення
  • Створите власне портфоліо та попроцюєте з реальним замовником
  • Отримаєте багато корисних знань та пропрацюєте їх на практиці!

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

  • Курс в Хмельницькому
  • 2 заняття на тиждень по 2 години
  • Тривалість 3 місяці
  • Сертифікат про проходження курсу
  • Підтримка ментора

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

Олексюк Євген - Senior UX Designer at EPAM

Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
6 місяців
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
3 400 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Ampli
  • 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
Більше інформації
Курс
Формат
Online
Початок навчання
Будь-який момент
Тривалість
2 тижнів
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
2 000 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментора
CASES-Креативна Практика
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Основна інформація про компоненти

Дізнаємося, що це таке та з чим його їдять професійні дизайнери.

Робота з основними функціями компонентів

Навчимося застосовувати компоненти у власних проєктах.

Властивості компонентів

Знайомство з властивостями, маленькими помічниками, що дають змогу втілювати з компонентами купу корисних задач.

Робота з властивостями компонентів

Навчимося використовувати різні властивості компонентів, а також їхні комбінації.

Робота з складеними властивостями

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

Додаткові функції компонентів

Навчимося використовувати додаткові функції компонентів.

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

  • Заощадити час у Figma. Замість ручного копіювання елементів, ви навчитеся використовувати готові компоненти у Figma
  • Легко оновлювати дизайн. Вміння працювати з компонентами значно спростить процеси редизайну або масштабування
  • Брати в роботу великі проєкти. Компоненти є основою для розробки багаторазових дизайн-систем, що спрощують роботу над великими проєктами
  • Ефективніше працювати у великих командах. Компоненти полегшують спільну роботу над проєктами, зменшуючи ризик помилок
  • Підтримувати високий рівень дизайну. Завдяки компонентам усім елементи вашого дизайну залишатимуться узгодженими і послідовним
  • Ефективніше розв'язувати дизайн-задачі. Компоненти дозволяють швидко адаптувати елементи під різні потреби, підтримувати єдиний стиль та масштабувати дизайн

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

  • Допомога ментора
  • Теорія + практика
  • Підтримка від спільноти студентів
  • Додаткові матеріали
  • Служба підтримки CASES
  • Перевірка домашніх робіт
  • Сертифікат про проходження курсу

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

Євген Ігнатюк - Провідний дизайнер CASES та Креативної Практики

Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
3 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
6 000 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
CASES-Креативна Практика
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Місяць 1

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

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

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

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

Онбординг

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

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

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

Місяць 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Місяць 3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Юрій Галюк - Customer Experience Lead at ELEKS
  • Антон Лукащук - Дизайнер цифрових інтерфейсів, Webflow-розробник
  • Віталій Дячук - E-commerce Lead Designer at League Design Agency
  • Вадим Гайдай - Провідний вебдизайнер в League Design Agency
Більше інформації
Курс
Формат
Online
Початок навчання
01.04.2025
Тривалість
24 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
100 360 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
IT STEP Academy
  • 2D Artist / 2D Illustrator / Graphic Designer
  • Web & Mobile Design / UI/UX
Подробиці

Освойте професію графічного та веб-дизайнера в IT

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

Графічний дизайн

  • Графічний редактор Adobe Photoshop
  • Графічний редактор Adobe Illustrator
  • Цифровий малюнок
  • Midjourney. Створення сценаріїв для Штучного Інтелекту
  • Теорія дизайну
  • Рекламний дизайн
  • Корпоративна айдентика та брнединг
  • Історія мистецтва
  • Видавнича система Adobe InDesign

2D motion design

  • Нелінійний монтаж відео в Adobe Premiere
  • Створення ефектів Adobe After Effects
  • Обробка цифрового звуку

UI/UX Design

  • Основи UI/UX
  • Мобільні та ігрові інтерфейси
  • Юзабіліті та системи керування вмістом веб-сайтів

Створення фотореалістичного дизайну інтер'єру/екстер'єру

  • 3D-моделювання предметів інтер'єру за допомогою Autodesk 3ds Max
  • Матеріали та текстурування предметів інтер'єру в Autodesk 3ds Max
  • Моделювання складних об'єктів інтер'єру Autodesk 3ds Max
  • Фотореалістичне освітлення та візуалізація інтер'єру
  • Autodesk AutoVAD

Створення персонажа та оточення

  • Моделювання та візуалізація персонажа в Autodesk Maya 3D + Marvelous Designer
  • Анімація та створення ефектів ігрової локації у Autodesk Maya 3D
  • ZBrush
  • Blender. Робота з процедурними матеріалами та створення спецефектів
  • Unreal Engine

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

  • Комфортні умови
  • Сучасне обладнання
  • Робота з викладачами
  • Лекції, вебінари та воркшопи
  • Робота з реальними проєктами
  • Формування портфоліо
Більше інформації
Курс
Формат
Offline
Початок навчання
Дата формується
Тривалість
4 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
3 200 UAH за місяць
Вечірні заняттяВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Hashtag Academy
  • Web & Mobile Design / UI/UX
Подробиці

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

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

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

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

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

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

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

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

Практика по Figma

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

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

  • Курс в Хмельницькому
  • Для дорослих та молоді від 14 років
  • 2-чі на тиждень по 2 год. 18:30 - 20:30
  • Дні навчання: середа, п'ятниця
  • 4 місяці / 32 заняття
  • Багато практики
  • Індивідуальний підхід
  • Актуальна програма навчання
Більше інформації
Курс
Формат
Online
Початок навчання
Дата формується
Тривалість
12 місяців
Рівень
Для дітей
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
DarwinLand
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Hard Skills:

  • Базові навички роботи у Figma
  • Колористика. Комбінуємо кольори для сайту
  • Використовуємо іконки сайтів
  • Дизайн багатосторінкового сайту
  • Адаптація дизайнів сайтів під мобільні пристрої
  • Створення просунутих анімацій сайту
  • Дизайн інтернет-магазину (картка товару, каталог, кошик тощо)
  • Верстка інтернет-магазину на WIX з адаптацією під мобільні пристрої
  • Робота над власним портфоліо. Упаковка кейсів для соцмереж
  • Штучний інтелект у роботі веб-дизайнера
  • Створення професійного СV

Soft Skills:

  • Командоутворення. Командна гра
  • Спілкування в Інтернеті та критичне мислення
  • Емоційний розвиток
  • Лідерство
  • Креативне мислення
  • Фінансова грамотність
  • Планування та розклад
  • Цілепокладання
  • Презентація себе та проєктів

Бонуси для студентів

  • Урок в подарунок - "Складання та оформлення сучасного CV"
  • Список джерел по пошуку фріланс-замовлень та вакансій для дизайнерів
  • PDF-файл з англійською термінологією для роботи
  • Все про шрифти. Топ корисних ресурсів для завантаження шрифтів
  • Гарячі клавіші у Figma

Окрім дизайну навчимо

  • Працювати в команді
  • Планувати час та ставити цілі
  • Фінансовій грамотності
  • Креативно мислити
  • Презентувати себе та свої проєкти
  • Складати CV та знаходити замовлення

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

  • Сертифікат після проходження курсу
  • Навчання на окремій онлайн-платформі
  • Підтримка ментора
  • Особистий кабінет
  • Маленькі групи
  • Конкурс та подарунки з найкращі фінальні проєкти
  • Сервіс турботи
  • Бонусні матеріали
Більше інформації
Курс
Формат
Online
Початок навчання
Будь-який момент
Тривалість
2 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
уточнюйте
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Choice31
  • Web & Mobile Design / UI/UX
Подробиці

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тема 8. Юніти

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Більше інформації
Курс
Формат
Online
Початок навчання
01.05.2025
Тривалість
2 місяців
Рівень
Для початківців, Для досвідчених
Мова навчання
Ukrainian
Вартість
24 000 UAH за курс
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Projector
  • 2D Artist / 2D Illustrator / Graphic Designer
  • Web & Mobile Design / UI/UX
Подробиці

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

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

Робота з даними

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

Типи графіків

  • Типи візуального кодування
  • Типи прив'язки до простору
  • Типи шкал
  • Підбір типу графіка відповідно до типу даних

Робота з картами

  • Choropleth map в інструменті Data wrapper
  • Point map в інструменті Kepler
  • основні поняття для роботи з багатофункціональним інструментом QGis

Формування візуального сенсу

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

Етика у візуалізації даних

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

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

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

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

  • Надя Кельм - Артдиректорка в Texty.org.ua. Займається дата-артом та інформаційним дизайном
  • Євгенія Дроздова - Дата-журналістка у Texty.org.ua
Більше інформації
Курс
Формат
Online
Початок навчання
Будь-який момент
Тривалість
4 місяців
Рівень
Для початківців
Мова навчання
Ukrainian
Вартість
6 400 UAH за місяць
Гнучкий графікВидається диплом/сертифікатСупровід ментораРеальний проект у портфоліо
Foxminded
  • Web & Mobile Design / UI/UX
Подробиці

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

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

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

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

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

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

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

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

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

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

Компоненти

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

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

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

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

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

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

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

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

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

Сторінки

Читайте нас в Telegram, щоб не пропустити анонси нових курсів.

Відгуки про курси

Аліса   24.10.2025

Хочу поділитися своїм досвідом для тих, хто вагається, з чого почати свій шлях у сфері ІТ.

Я пройшла цей шлях разом із GoIT - від сумнівів до нової професії!

Навчання не було легким, але надзвичайно цікавим: ви дійсно працюєте на повну, а команда GoIT надає всю необхідну й актуальну інформацію у зрозумілому форматі.Особливо хочу відзначити викладачів, менторів і менеджерів, справжніх професіоналів, які завжди на зв’язку та щиро підтримують студентів.

Дякую команді GoIT за знання, увагу, турботу й натхнення!

Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
11.11.2025   Відповідь представника компанії

Дякуємо, що поділилися своєю історією! 


Дуже приємно читати, що навчання з GoIT допомогло вам пройти шлях від сумнівів до впевненості у новій професії. Бажаємо вам яскравих досягнень, натхнення й постійного розвитку у світі ІТ!

Курси Web & Mobile Design / UI/UX
Ігор   14.10.2025

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

Навчання вразило з перших тижнів: усе продумано - від структури лекцій до живого зворотного зв’язку. Було не просто, але цікаво. Мені подобалося, що після кожного заняття я одразу міг застосувати знання на практиці: створити прототип, проаналізувати юзер-флоу, спробувати себе в Figma.

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

А ще вчили працювати в команді, презентувати свої ідеї й відстоювати їх аргументовано.

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

Плюси:Зрозуміла подача матеріалу, постійний фідбек від менторів, реальні проєкти у портфоліо
Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
21.10.2025   Відповідь представника компанії

Дякуємо за ваш відгук! 

Ми раді, що навчання в GoIT стало для вас справжнім відкриттям і допомогло зробити перші впевнені кроки у світі дизайну. Бажаємо вам подальшого натхнення, яскравих ідей і кар’єрного росту у сфері дизайну!

Дякуємо, що довірили свій шлях GoIT і поділилися своєю історією успіху

Курси Web & Mobile Design / UI/UX
Аліна   03.09.2025

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

Величезна подяка менторам та персональному менеджеру: вони завжди були поруч, оперативно відповідали на всі запитання, допомагали розкласти складне на просте й не давали зневіритися, коли щось не виходило. Ця підтримка дала мені силу рухатися вперед, навіть у моменти сумнівів.

  Особливо цінним стало відчуття, що тут тебе чують. Тут не просто кажуть "питай, якщо щось незрозуміло" — тут справді відповідають, пояснюють і допомагають.    Щиро вдячна команді GoIT за якісний підхід до організації навчання, щиру залученість і справжню любов до своєї справи. Це справді відчувається)
Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
01.10.2025   Відповідь представника компанії

Щиро дякуємо за такі теплі слова!

Нам неймовірно приємно чути, що навчання стало для вас відкриттям і допомогло подолати страх перед новими інструментами та поняттями.

Бажаємо вам сміливо застосовувати нові знання, створювати власні яскраві проєкти та впевнено розвиватися в дизайні. А ми завжди будемо поруч, щоб підтримати ваш шлях!

Курси Web & Mobile Design / UI/UX
Альона   03.09.2025

Якщо ви стоїте на порозі вибору, де навчатися дизайну — я точно знаю, що не помилитесь із GoIT. Я пройшла шлях UI/UX-дизайнера разом з цією командою, і досі вважаю це одним із найкращих рішень.

Навчання починалося у непростий період — повітряні тривоги, сховища, перебої з інтернетом. Але наш викладач Михайло завжди нагадував: "Головне — ваша безпека", і навіть в ці моменти надихав продовжувати створювати. Цей підхід дав мені впевненість і сміливість працювати над дизайнами, за які мені не соромно ні тоді, ні зараз.

  Figma стала для мене новим інструментом, а підтримка менторів — каталізатором для глибшого вивчення, зокрема ілюстрації. І кожне зауваження чи порада від них досі звучить у мене в голові, коли я працюю над новим проєктом.   І якщо щось ішло не за планом — завжди була Надія (в прямому й переносному сенсі ), яка допомагала розібратися, заспокоїтись і знайти рішення.   Навіть після фінального проєкту, захисту і вручення диплому комʼюніті не зникає. Це справжня дизайнерська родина, де підтримують, радять і допомагають — навіть коли ти вже на фрилансі чи в активному пошуку роботи.
Плюси:Надійна людська підтримка та практика з першого тижня)
Рекомендації: Рекомендую
5
Середня: 5 (1 голос)
01.10.2025   Відповідь представника компанії

Дякуємо вам за такий щирий і теплий відгук!

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

Бажаємо вам сміливих ідей, яскравих проєктів і впевнених кроків у кар’єрі UI/UX-дизайнера. Ми завжди поруч, щоб підтримати!

Курси Web & Mobile Design / UI/UX
Станіслав   12.08.2025

Зараз навчаюся в GoIT і можу впевнено сказати: кращого продукту й школи годі й шукати! Тут серйозний підхід до навчання та сильна база, яка справді дає реальні, прикладні знання.

Окреме “дякую” крутим менторам і кураторам — їх підтримка відчувається постійно, і це надихає рухатися вперед. А ще приємний бонус — можливість паралельно прокачувати англійську мову.

  Однозначно рекомендую!
Плюси:1) Реальні знання та сильна база 2) Підтримка досвідчених менторів 3) Можливість вивчати англійську разом із основною програмою
Рекомендації: Рекомендую
4
Середня: 4 (1 голос)
25.08.2025   Відповідь представника компанії

Дякуємо вам за такі щирі слова)

Нам дуже приємно чути, що ви цінуєте підхід до навчання, силу команди та додаткові можливості, які відкриває GoIT. Ми справді віримо, що підтримка менторів і кураторів — це ключ до впевнених результатів, і раді, що ви це відчуваєте.

Бажаємо вам і далі зростати, надихатися новими знаннями та впевнено крокувати до своєї мети)

Курси Web & Mobile Design / UI/UX