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