Курс UI/UX Designer

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

Основи веб-дизайну

• Про веб-дизайн і про курс
• Типографія у веб-дизайні
• Кнопки, форми та анатомія UI-елементів
• Композиція у веб-дизайні
• Сітки у дизайні
• Колір та візуальна айдентика бренду
• Види контенту: фото, тексти, іконки, ілюстрації, анімації, 3D, відео та гіфки

Старт роботи у Figma

• Огляд інтерфейсу та знайомство з Figma
• SVG іконки, шейпи та ілюстрації у Figma
• Компоненти, Auto Layout та варіативні компоненти у Figma
• UI-kit - бібліотеки та стилі у Figma
• Корисні плагіни для Figma
• Анімації та інтерактивні прототипи у Figma
• Як готувати і передавати макети у Figma розробникам
• Куратор створює сайт

Підготовка і дизайн

• Етапи роботи над сайтом
• Перший контакт і брифінг клієнта
• Створення структури сайту
• Створення бюджету проєкту
• Створення прототипу проєкту
• Створення мудборду і пошук референсів
• Дизайн-концепція сайту
• Дизайн домашньої сторінки та внутрішніх секцій (блоків) сайту
• Адаптивний дизайн під мобільні та планшетні пристрої
• Техзавдання та підготовка до верстки
• Створення дизайну сайту рівня Awwwards

UX дизайн

• Знайомство з UX дизайном
• Аналіз та дослідження
• Використання знань UX в проєктах

Покрокове створення лендингу

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

Створення анімації у Figma

• Введення в анімацію
• Анімація Ui-kit елементів
• Використання розумної анімації

Старт на фрілансі

• Міфи та реальність фрілансу
• Позиціювання фрілансера, портфоліо та побудова особистого бренду
• Де та як шукати клієнтів: Upwork чи Freelancehunt?
• Побудова довгострокових взаємовідносин з клієнтами на роки
• Організація фінансів та документів фрилансера
• Баланс роботи та відпочинку
• Як презентувати і продавати дизайн дорого
• Як розвиватися і не упертись у професійну стелю
• Пошук та розвиток партнерів по бізнесу
• Перехід від фрилансу до бізнесу

Дизайн PRO

• Типографіка у веб дизайні
• Ефекти
• Лайфхаки
• Натхнення

Робота в Webflow

• Знайомство з конструктором (можливості конструктора, структура сайту, як працює блочна система)
• Основні параметри (створення проєкту, його копіювання, налаштування, підключення домену та тарифи)
• Інтерфейс конструктора
• Підготовка макету до верстки
• Верстка макету
• Використання сторонього коду
• Анімація сайту
• Верстка блекпоінтів
• Перевірка макету та виправлення помилок
• Додаткові сервіси
• Робота з клієнтом (передача сайту клієнту і його робота з ним)
• CMS і Seo оптимізація

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

• Власна освітня програма
• Щира підтримка та допомога
• Професійні спікери
• Екосистема для результату
• Щотижневі прямі етери
• Реальні клієнти
• Додаткові матеріали
• Сертифікат

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

• Ілля Кульбачний - Засновник Cosmos Studio
• Іван Вергун - UI/UX Designer
• Олена Коваленко - Експерт у UI/UX
• Павло Гижко - Понад 6 років досвіду в дизайні та рекламі