Курси вебдизайну в Дніпрі, курс Web Design Pro з нуля | ITEA DNIPRO

Курс Web Design Pro

Старт навчання
25.07.2022
87 год. по 2-3 рази на тиждень

Після курсу Ви зможете:

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

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

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, Прототипування
  • Модульні сітки. Анатомія. Види сіток
  • Іконки в інтерфейсах, стиль та формати
  • Фото та ілюстрації — технічні вимоги, тренди, корисні ресурси.
  • Шрифти. Де шукати? Як поєднувати?
  • Типографія. Робимо текст зручним для читання
  • Композиція. Візуальна ієрархія, теорія близькості та інші прийоми
  • Кольори. Як вибирати? Інструменти, ресурси
  • Адаптивний дизайн

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
  • Урок пошуку роботи

* Примітка: зазначені знижки не сумуються з іншими діючими акціями та спеціальними пропозиціями. Знижка застосовується тільки до нових заявок та при умові повної оплати курсу. Якщо у Вас виникли питання, звертайтеся за консультацією до наших менеджерів!

spinner-it

Курс на IT — повний вперед! Дізнатись актуальний розклад