| Розділ | Номер заняття/тижня | Підрозділ |
| Вступ в Веб-дизайн | 1 | Презентація тренера
Принципи дизайну Різниця між дизайнером та художником UI/UX/Web дизайн — презентація програми курсу Beginner — розповідаємо про Trello/ створюємо команду/ прописуємо етапи |
| Концептуальне мислення | 2 | Мислення концептами. Генерація ідей. Цілісність стилю. Пошук ідей. Мудборди (mood boards) |
| 3 | Креативні техніки. Продумуємо сайт + аналізуємо різні приклади. Пропрацювання концепту. Створюємо проект для кожного в Trello. Пояснюємо етапи та починаємо вводити стадії. | |
| Індивідуальне заняття | 4 | Індивідуальне заняття з наставником |
| UX | 5 | Інтерфейс. Частина 1
Як зробити інтерфейс зручним. Як організувати правильну навігацію? (приклад сайту) |
| UX-інструменти | 6 | Figma: базова основа роботи в цьому інструменті. Шаблони та бібліотеки для прискорення роботи. |
| UX | 7 | Інтерфейс. Частина 2
Скорочуємо кількість кліків. Текст vs/ft картинка. Як люди користуються інтерфейсами. Практика в Figma: сторюємо сайт під проект, що дає тренер. |
| UI | 8 | Типографіка та сітка. Трендові шрифти. Стилі
Індивідуальне заняття з тренером (для індивідуального формату) |
| 9 | Працюємо в Adobe Illustrator. Створення шрифтового банеру. Фокус. Типові ефектні прийоми (накладення, чергування і тд). Шаблони поділу простору. Ієрархія
Практика. Веб-шрифти, технічні особливості та формати, підбір пар, копіювання стилів |
|
| 10 | Графіка для вебу
Практика: зробити сет в Illustrator іконок Шлях від скетча до вектора. SVG та векторний шрифт. |
|
| 11 | Тренди. Знаходимо та тримаємо стилістику. Прості ілюстрації. Ефектні бекграунди. | |
| 12 | Продовжуємо говорити про тренди.
Індивідуальне заняття з тренером (для індивідуального формату) |
|
| Дослідження | 13 | Розробка дизайну + дослідження
Навіщо ми досліджуємо? Список питань, на які ми хочемо знайти відповіді. Методи пошуку відповідей. |
| Персона | 14 | Закріплюємо роботу методом “мудборд”
Складаємо мудборд для персони сайту, над яким почали працювати Card Sorting (карткове сортування) & Information Architecture (IA) |
| 15 | Глибинні інтерв’ю. Як зробити інтерв’ю повноцінно глибинним?
Виходимо із зони комфорту і вступаємо в прямий контакт з незнайомими людьми — все заради отримання цінних знань. Як провести інтерв’ю? |
|
| Робота над сайтом | 16 | Вносимо зміни в Figma на сайті на основі отриманих даних |
| Індивідуальне заняття | 17 | Індивідуальне заняття з наставником |
| Дослідження. Продовження | 18 | Користувацьке. Тестування
Як дізнатися реальні проблеми користувачів Висуваємо і перевіряємо гіпотези. Організація тестування на справжніх користувачах. A/B тести — як проводити? Як здійснити аналіз результатів. Робота з отриманими даними: виправлення рішень. |
| Тестування проміжне. Серія 1 | 19 | Запрошуємо персон для тестування. Готуємо бланки для зворотного зв’язку. Проводимо тест. Фіксуємо зворотний зв’язок. Аналіз в команді. |
| Адаптація | 20 | Мобільні інтерфейси
Проектуємо адаптивні інтерфейси. Специфіка малих екранів і особливості вирішення бізнес-завдань. Індивідуальне заняття з тренером (для індивідуального формату) |
| Команда дизайнерів: хто вони? | 21 | Взаємодія всередині команди
Ролі в дизайн-команді Готуємо файли для передачі дизайнерам і розробникам. Особливості взаємодії. |
| Робота з Технічним завданням (ТЗ) | 22 | Як брати інтерв’ю клієнта?
Які ТЗ бувають: приклади поганого / хорошого ТЗ; приклади вдалого і невдалого ТЗ Презентація проєкту |
| Робота з фідбеком | 23 | Робота з фідбеком: що міняємо, що залишаємо
Як реагувати на критику? Чи вийшло все? Підбиваємо підсумки. Портфоліо робіт на Behance! |
| Індивідуальне заняття | 24 | Індивідуальне заняття з наставником |
| № | Тематичний план | Про що? |
| 1 | Як вчитись як профі | Техніки навчання: як не чекати пояснень, а самостійно шукати, тестувати, пробувати. Навички дорослого підходу до навчання. |
| 2 | Навчатись усе життя — нова суперсила | Чому “постійно вчитись” — умова виживання в професіях майбутнього. Як зберігати цікавість і розвивати гнучкість. |
| 3 | Фокус і тайм-менеджмент: як не залипати і встигати | Pomodoro, пріоритетність задач, планування тижня, боротьба з прокрастинацією. |
| 4 | Як не вигоріти під час навчання і проєктів | Як пояснити свою ідею, щоб тебе зрозуміли: візуальні слайди, стислі повідомлення, презентація роботи. Базові правила етикету в командній роботі |
| 5 | Цифрова гігієна: як не залипати, коли вчишся | Екранна гігієна, healthy screen time, зони навчання/відпочинку, антизалипальні ритуали. |
| 6 | Шукати — не соромно: як ставити розумні запити | Як працювати з Google, YouTube, AI без “все зробив ШІ”. Як шукати глибоко, аналізувати й перевіряти. |
| 7 | Сила питань: як ставити запитання, які просувають вас вперед | Уточнюючі, перевіряючі, “провокуючі” питання. Як питати так, щоб не виглядати “загубленим”. |
| 8 | Візуальна грамотність: як подати свої ідеї зрозуміло | Слайди, інфографіки, скріни — як оформляти думки візуально, навіть без дизайнерських скілів |
| 9 | Хто я в команді: ролі, відповідальність і мій стиль роботи | Ролі за Belbin. Як визначити свою суперсилу, брати відповідальність за свої задачі, трекати прогрес і не губитись у спільному проєкті. |
| 10 | Командна хімія: як створити атмосферу, де хочеться працювати | Що таке підтримка, взаємоповага, “ефект плеча”. Як підтримувати інших — і не згорати самому. |
| 11 | Нетворкінг для інтровертів і не тільки | Як почати знайомство, бути доречним у чаті, знайти своїх у новому середовищі. |
| 12 | “Привіт, я тут перший день”: як швидко включатись у нове середовище | Що робити в новій команді, як адаптуватися без “розчинитися” чи “випасти”. |
| 13 | Зустрілись — зробили: як домовлятись в команді | Як проходять мітинги, як узгоджувати очікування, вести нотатки й тримати фокус. |
| 14 | Домовленості в команді: як говорити про дедлайни, зони відповідальності і “застряг” | Як не мовчати, коли щось не виходить. Як домовлятись, коли хтось “загубився”. |
| 15 | Креативне мислення: як приймати нестандартні рішення | Мозковий штурм, SCAMPER, inside the box. Техніки генерації ідей без сорому і знецінень. |
| 16 | Професійна поведінка: як працювати в команді і не виглядати “школярем” | Що таке робочий етикет: як комунікувати, відповідати, домовлятись і реагувати на задачі. Чому важливо вчасно повідомляти про затримки, бути ввічливим у чатах, писати коротко й по суті тощо |
| 17 | Чітко, коротко, по суті: як говорити і писати, щоб вас зрозуміли | Сторітелінг, логіка повідомлення, письмова та усна комунікація без води й плутанини. |
| 18 | Мені не подобається фіолетовий: конструктивна критика | Як давати фідбек — так, щоб не зруйнувати стосунки. І як приймати критику — без образ і сліз. |
| 19 | Робота з фідбеком: рости, а не страждай | Як просити, аналізувати і використовувати фідбек. Як не сприймати особисто. |
| 20 | Конфлікти в команді: без драми, з рішенням | Що таке “робочі конфлікти”, як виходити з них конструктивно. Як чути і бути почутим. |
| 21 | Складні люди в команді: як не злитись, а домовитись | Типові стилі поведінки в команді. Як ставити межі, бути гнучким і не зірватися. |
| 22 | Мікролідерство: коли ніхто не керує, але проєкт іде | Ініціативність без посади. Як вести за собою прикладом, а не наказами. |
| 23 | Робота з технічними спеціалістами (якщо ти не технічний) | Як говорити з розробниками, дизайнерами, проєктами, щоб зрозуміти й бути зрозумілим. |
| 24 | Пітч проєкту: як коротко і ясно пояснити, що ти зробив | Структура пітчу, як донести ідею за 60 секунд (elevator pitch). Як не злити враження презентацією. |