онлайн курс
Курс
Web-design
(веб-дизайн)
Почніть кар’єру в дизайні, навчиться створювати зручні сайти та презентувати проекти.

старт потоку
формат
тривалість
вартість

Надішліть заявку на курс та дізнайся у консультантів про період розстрочки або оплати частинами
Чому обирають наші курси

Реальне стажування

Менторська підтримка

Справжній IT-шний досвід

Англійська на курсі

4 причини отримати професію Web-designer:
Кому підійде курс

Тим, хто хоче змінити професію
Дізнаєтесь, які навички потрібні для швидкого розвитку у веб-дизайні та отримайте весь необхідний досвід для отримання перших замовлень<
Тим, хто хоче знайти себе у творчій спеціальності
Розберете у подробицях як уникнути вигоряння на роботі та реалізувати себе у творчій кар’єрі веб-дизайнера

Тим, хто хоче перейти на фріланс
Зрозумієте, як зробити перші кроки на фрілансі, знайти проекти на біржах та розпочати роботу у вільному графіку без прив’язки до однієї компанії

при ранній передоплаті
ПРОГРАМА НАВЧАННЯ
Що таке Web Design. Основні етапи роботи над проектом. Роль дизайнера у проекті.
Інтерфейси та User Experience. Типи сайтів, їх класифікація та основі відмінності.
Знайомство з графічними редакторами Adobe Photoshop, Adobe Illustartor:
- Робота з шарами, кистями в photoshop
- Редактувати зображення
- Кольорова кореція
- Вивчаємо різні формати збереження.
User Flow / User Journey Map / Site map.
Практика. Створюємо мудборд для майбутнього дизайн-проекту
Практика. Розробляємо сценарій користувача (User Flow) та промалювуємо шлях користувача (User Journey Map)
Встановлюємо плагіни та вчимося з ними працювати.
- Работа з сітками
- Редактор кривих та створення векторних зображень
- Кнопки / вирівнювання / Input / компоненти та автолейаут
Основи прототипування. Розбір типів прототипів.
Wireframes та тестування ідеї
Практика. Створюмо прототип веб сайту
Вивчаємо навігацію та структуру сайту.
Логотип, упаковка та презентація (логобук).
Елементи дизайн системи та як з нею працювати.
Практика. Створюємо: логотип, просте меню для лендінгу, розділи каталогу, рядок пошуку, посилання на порівняння, обране та кошик, рядок пошуку, особистий кабінет, вибір міста, перемикання мови та контакти, бургер меню та інше.
Практика. Побудова власної дизайн системи.
Презентація / google fonts / paid type / налаштування сіток + Адаптив
Модульні сітки та їх налаштування. Вчимося створювати свої індивідуальні сітки.
Практика. Робота над власним проектом (веб сайт) landing page
Практика: Робота з шрифти та налаштовування сітки у Фігмі.
Колористика – Вибір кольорової палітри – Кольорове коло Іттена – Formula: Monochromatic , Complementary, Analogous, Complementary, Triad – Кнопки призиву до дії (call-to-action, CTA)
Mobile application (IOS / Android) показ гайдлайнів. Особливості дизайну для мобільних пристроїв. Проектування інтерфейсів для IOS та Android.
Практика. Робота над дизайном мобільного додатку (IOS та Android)
Usability для дизайну інтерфейсу користувача
Практика. Будуємо cвій мобільний додаток (IOS та Android)
Теорія по презенації проекту Mobile application (IOS / Android)
Практика. Презентацію свого пропотипу
Оформлення і публікація проектів на Behance та Dribble. Як зробити портфоліо, що чіпляє.
Плагіни у фігмі + Сomminity
Практика. Додаємо свій перший проект на Behance.
Основи анімації, принципи та приклади.
Демострація інтерфейсу в Figma (для портфеля)
Практика. Розробка анімації
Основи роботи в Аffter Effects. Ключові інструменти
Практика. Створюємо анімації в Аffter Effects
Теорія про СRM. Робота над СRM
Практика. Робота над власною СRM
Розгляд додаткових програм для веб-дизайну ( Miro, Final Cut, Acrobat, Invision, XD та інші)
Практика. Встановлення та початок роботи в додаткових програмах.
Додаткова інформація про тренди в дизайні та інше
Практика. Захист проекту
Практика. Робота над СV. Співбесіда. Пошук роботи на фрілансі та пошук компанії.
Прототип мобільного додатку
Web сайт з адаптацією під всі пристрої
CRM
А також всі напрацювання, які ми будемо робити на практичних (картки товару, форми зворотнього зв’язку, клікабельні прототипи і так далі)
Як проходить навчання
Мета кожного курсу – щоб людина отримала такі знання, які зможе продати та застосувати на практиці
Самостійне навчання
Ви отримуєте доступ до відео-уроків курсу для самостійного вивчення з першого дня курсу. Відео зберігаються на LMS платформі протягом всього курсу.
Доступ до LMS
Вашу реєстрацію на платформі здійснюють методисти Академії та надсилають вам доступ у день старту курсу
Зміст уроків
Усі уроки містять теоретичний матеріал та домашнє завдання. Ви можете повернутися до будь-якого відео в будь-який момент
Практика з викладачем
Раз на тиждень студенти курсу зустрічаються з викладачем для перевірки домашнього завдання та опрацювання практичних занять.
Менторська підтримка
Ви отримуєте доступ до онлайн чату вашої групи, де ви можете обговорювати завдання з іншими студентами та отримувати допомогу від методиста у вирішенні домашніх завдань.
Уроки англійської
Усі студенти можуть підключатися до уроків англійської, які проводяться раз на тиждень
- Відео-урокі ( у сумі 150-180 хв. на тиждень)
- Короткий конспект теорії до заняття
- Практичні заняття 1 раз на тиждень 180 хв + сесія питання/відповідь
- Домашні завдання (індивідуальні та у групі)
- Тестування після кожного модуля
- Додатковий матеріал для самовивчення
- Дипломна робота + захист
- Закритий чат учнів з викладачем + куратор
- Особистий зворотний зв’язок від викладача
Прогресивна методика навчання: методологія курсу спрямована на підвищення ваших навичок до самостійної роботи та комунікації з командою.
Ви прокачаєте навички обробки інформації, вивчення термінології та вміння з першого дня роботи у проекті вибудувати самостійний продуктивний режим навчання та реалізації завдань
Ви отримаєте знання з Hard skills та прокачуєте свої Soft skills
Після завершення курсу команда Академіі допоможе скласти резюме, підготуватися до співбесіди, запропонує цікаві позиції та супроводжуватиме вас на всіх етапах пошуку роботи.
Особливості формату
Ви використовуєте внутрішню пізнавальну мотивацію та отримуєте власний розвиток у вимірній та наочній формі
Формат теоретичних уроків
-запис лекцій із презентаціями -скринкаст
Формат практичних зайнять
- розбір запропонованих кейсів - групові/індивідуальні завдання - рефлексія з викладачем - роміжне тестування
Ключові переваги форматів
- можливість ставити питання під час практики та навчатися на кейсах групи - приділяємо увагу не лише hard skill, але й soft skills
Приклади робіт, які виконують студенти на курсі
Результати після курсу
Після курсу у вас буде:
- Готове портфоліо
- Досвід в адаптивному дизайні
- Вміння працювати із сіткою
- Досвід у застосуванні основ композиції та роботи з кольором
- Знання принципів юзабіліті сайтів
- Розуміння етапів розробки сайтів та інтерфейсів
- Базове уявлення про HTML/CSS
- Володіння Photoshop, Illustrator, Figma, Invision, Zeplin
- Вміння працювати в команді
Опануйте інструменти

Графічний онлайн-редактор для спільної роботи

Багатофункціональний графічний редактор

Векторний графічний редактор

Сервіс для створення прототипів дизайну додатків

Колекція робіт від дизайнерів та творчих людей з усього світу

Програмне забезпечення для складання інтелект-карт

Наші викладачі

Анна Бронфайн
Практикуючий викладач
10+ років В WEB дизайні
Основні напрямки: Web and Mobile Design

Клім Євтушенко
Практикуючий викладач
8+ років в WEB дизайні
Основні напрямки: Web and Mobile Design