Курс Web Design Pro
Після курсу Ви зможете:
- Розробляти красиві сайти та програми, які відповідають цілям та потребам бізнесу й клієнтів
- Підвищувати зручність готових сайтів
- Керувати психологічними аспектами продуктивного дизайну
- Формулювати гіпотези та проводити тести, які підвищують ефективність проєктів
- Грамотно оперувати іконками, анімацією та іншими елементами на сайті
- Створювати та вводити хороші рішення для кращої функціональності сайту
Програма курсу:
1. Вступ
- Знайомство. Вступ до курсу
- Поняття: дизайн, інтерфейс, UX, UI, Product Designer
- Роль UX/UI дизайнера в проєкті
- Етапи розробки проєкту
2. Інструменти дизайнера
- Огляд інструментів. Figma, Miro, Balsamiq, Notion, After Effects та інші
- Методи пришвидшення роботи у Figma
- Плагіни та ресурси. Figma Community
- Порядок та структурування документа
3. Цифрові продукти і їхнє просування
- Що таке цифровий продукт?
- Види цифрових продуктів
- SEO (основи пошукової оптимізації)
- SMM (основи просування в соцмережах)
- Контекстна реклама
4. UX-дослідження й архітектура
- UX-стратегія
- Юзабіліті та аксесебіліті
- Брифінг
- Діалог із замовником
- Постановка завдань, цілей та бізнес вимоги
- Конкурентний аналіз
- Візуальний аналіз
- Опитування ЦА
- Jobs to be done (JTBD). JTBD interview. Job Story
- Персони, Карта емпатії, User Stories
- Customer Journey Map
- Модель Кано
- User Flow
- Структура проєкту
- UX-копірайтинг
5. Де шукати натхнення?
- Мудборд
- Ресурси для натхнення, розвиток “гостроти ока”, тренди
- Методи генерування ідей
6. Дизайн-системи та UI-кіти
- Особливості застосування та відмінності
- Компоненти. Навігація, елементи, блоки
- Огляд UI kit для iOS/Android
- Плагіни та лайфхаки
7. UI-концепція
- Підходи Mobile First / Desktop First
- Скетчинг, Warframing, Прототипування
- Модульні сітки. Анатомія. Види сіток
- Іконки в інтерфейсах, стиль та формати
- Фото та ілюстрації — технічні вимоги, тренди, корисні ресурси.
- Шрифти. Де шукати? Як поєднувати?
- Типографія. Робимо текст зручним для читання
- Композиція. Візуальна ієрархія, теорія близькості та інші прийоми
- Кольори. Як вибирати? Інструменти, ресурси
- Адаптивний дизайн
- Auto Layout
8. Гайдлайни
- Як їх застосовувати?
- Огляд гайдлайнів для Android, iOS
- Огляд Material Design
- Огляд Fluent Design Guidelines
9. Основи анімації
- Основи UI-анімації
- Анімація інтерфейсу / іконок / ілюстрацій у Figma
- Анімація інтерфейсу / іконок / ілюстрацій в After Effects
10. Аналітика
- Google Analytics
- Hotjar
11. Тестування
- Сценарії для тестування
- Складання гіпотез для покращення інтерфейсу
- Юзабіліті тестування
- А/В тестування
12. Передавання макетів у розробку
- Обов’язкові елементи
- Особливості передачі сайтів та додатків розробникам
13. Портфоліо. Публікація кейсу на Behance
- Особливості різних ресурсів
- Як оформляти кейси?
- Часті помилки та лайфхаки
14. Розвиток дизайнера
- Пошук вакансій
- Студія, фріланс чи продукт?
- Як проходити інтерв’ю?
- LinkedIn / Фріланс біржі
- Як стати багатим та знаменитим?
15. Захист курсового проєкту
- Презентація курсового проєкту
16. Практична робота
- Інтернет-магазин. Desktop + Mobile
- Лендинг. Desktop + Mobile
17. Як скласти резюме і пройти співбесіду
- Структура резюме
- FAQ
- Як вести себе на співбесіді
- Основні помилки на співбесіді
- Урок англійської мови №1
- Урок англійської мови №2
- Урок пошуку роботи
* Примітка: зазначені знижки не сумуються з іншими діючими акціями та спеціальними пропозиціями. Знижка застосовується тільки до нових заявок та при умові повної оплати курсу. Якщо у Вас виникли питання, звертайтеся за консультацією до наших менеджерів!