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