Програма курсу
Основи веб-дизайну та робота в Figma
На цьому курсі починають з основ. Студенти освоюють базові інструменти Figma - головного інструменту дизайнера. Вчаться працювати з сіткою, розуміти розміри екранів різних пристроїв. Розбирають типографіку - кегль, інтерліньяж, накреслення шрифтів. Створюють перші кнопки та вивчають їх стани. Ознайомлюються з основними видами сайтів - лендінг, багатосторінкові сайти, e-commerce - та принципами гарного інтерфейсу.
Створення Landing Page
Тут переходять до практики. Студенти вчаться будувати структуру лендінг пейдж за моделями AIDA та PMPHS. Працюють з вертикальним ритмом та модульною сіткою. Послідовно створюють всі екрани лендінг пейдж - від першого екрана з хедером до футера. На воркшопі розбирають командоутворення та розподіл ролей у команді.
Візуальне оформлення та референси
Цей блок про естетику. Студенти вчаться шукати натхнення та референси на Pinterest, Behance, Dribbble. Використовують безкоштовні стоки та векторні редактори. Вивчають колористику - підбір кольорів за допомогою круга Іттена. Додають композиції декоративні елементи - плашки, лінії, геометричні фігури. Працюють з іконками - векторними та растровими.
Багатосторінкові сайти та складні інструменти Figma
Тут переходять до складніших проєктів. Студенти розробляють структуру багатосторінкового сайту. Спочатку створюють вайрфрейми, потім переходять до головної сторінки. Освоюють компоненти у Figma, вкладеність сторінок, Autolayout для внутрішніх сторінок. На воркшопі грають в командну гру для закріплення навичок співпраці.
Анімація інтерфейсу
Цей модуль про оживлення дизайну. Студинти створюють клікабельні прототипи з тригерами анімації. Працюють з просунутими кнопками. Вивчають базову анімацію інтерфейсу, потім переходять до складніших smart-анімацій. На воркшопі розглядають тайм-менеджмент для ефективної роботи.
Адаптивність та користувацький досвід
Тут зосереджуються на mobile-версіях. Студенти адаптують багатосторінковий сайт під мобільні пристрої - меню, головну сторінку, внутрішні сторінки. Паралельно вивчають основи UX - usability, user flow, сценарії поведінки користувачів, цільову аудиторію. На воркшопі працюють над цілепокладанням.
Форми та pop-up вікна
Цей модуль присвячений інтерактивним елементам. Студинти створюють поля для вводу - від найпростіших input до складних форм з випадаючими списками, checkbox та radio button. Працюють з pop-up вікнами різного призначення.
E-commerce сайти та їх адаптація
Найбільший практичний блок про інтернет-магазини. Студенти розробляють повний цикл e-com сайту - від домашньої сторінки та хедера до каталогу товарів, фільтрів пошуку, картки товару, кошика, особистого кабінету та футера. Потім адаптують весь сайт під mobile - кожен елемент окремо. Завершують макети формами реєстрації. На воркшопах вивчають фінансову грамотність - від криптовалюти до особистого бюджету.
Креативні рішення та передача проєкту
Тут експериментують з нестандартними підходами. Студинти вивчають різні види скролу - слайди, горизонтальний скрол. Використовують креативні рішення для зображень, іконок, шрифтів. Ознайомлюються з сучасними трендами, анімацією скролу, parallax ефектом. Адаптують креативний лендінг під mobile. Потім вчаться передавати проєкт розробникам - створюють UI-Kit, 404 сторінки, favicon, preloader, ТЗ. На воркшопі розвивають креативне мислення.
Робота з клієнтами та побудова кар'єри
Фінальні модулі про кар'єру. Студенти вчаться спілкуватися із замовниками - складають бриф, вносять правки, затверджують макети. Потім створюють портфоліо - роблять кейси для Behance з лендінг пейдж та e-com сайтів, використовують mockup, додають анімацію, створюють презентації. Готують CV - як класичні, так і дизайнерські версії. Навчаються презентувати себе та свої проєкти. На останньому воркшопі розбирають комунікацію в онлайн та офлайн середовищах.
Фінальна презентація та бонусні матеріали
Завершують курс фінальною презентацією проєкту в Figma. Вчаться ефективно представляти свою роботу. Отримують бонусні матеріали - додатковий урок про CV, список джерел для пошуку роботи, PDF з англійською термінологією, ресурси з шрифтами, гарячі клавіші Figma.
Що ще отримують студенти
На курсі випускники отримують сертифікат. Навчання відбувається на окремій онлайн-платформі з особистим кабінетом. Ментор супроводжує протягом усього курсу. Групи невеликі, що гарантує увагу кожному. Кращі проєкти беруть участь у конкурсі з подарунками. Є сервіс турботи та додаткові матеріали.
