Про курс

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

Для кого курс

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

Чого навчаться учасники

Після завершення курсу учасники зможуть:

проводити UX-дослідження та аналізувати потреби користувачів;
створювати User Flow, Customer Journey Map, User Stories та інформаційну архітектуру;
працювати у Figma та використовувати компоненти, Auto Layout, плагіни й ресурси Figma Community;
створювати wireframes, прототипи та UI-концепції для сайтів і мобільних застосунків;
працювати з типографікою, кольором, композицією, сітками, іконками та графічним контентом;
створювати адаптивні інтерфейси з урахуванням Mobile First і Desktop First;
використовувати дизайн-системи, UI kits та гайдлайни iOS, Android, Material Design і Fluent Design;
створювати базову UI-анімацію у Figma та After Effects;
проводити юзабіліті- й A/B-тестування та аналізувати поведінку користувачів;
готувати макети до передачі розробникам і оформлювати кейси для портфоліо та Behance.

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

Спеціальна професійна підготовка для участі в курсі не потрібна.

Для ефективного навчання бажано:

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

Попередній досвід роботи у Figma, 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

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

Надіслати заявку

📩 info@sso.net.ua
☎️ 38 098 805 45 11

o

Web Design Pro

Про курс

Для кого курс

Чого навчаться учасники

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

Рівень курсу