| Тиждень | Тема заняття | Що буде відбуватись? |
| 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). Як не злити враження презентацією. | |
| Модуль працевлаштування | ||
| 25 | Працевлаштування Короткий огляд модуля з працевлаштування. Основи стратегії розвитку продукту. |
Заняття з гостьовим лектором (PM), який розповість про: – Працевлаштування. Що для цього потрібно – Вибір шляху: ДЛЯ IT: аутсорс, фриланс, продукт чи підприємництво ДЛЯ ДИЗАЙНУ: digital ТА рекламні агенції, фриланс, чи підприємництво – Зростання в компанії – Важливість англійської для працевлаштування – Цінність неоплачуваних стажувань та досвіду роботи з реальними проєктами – Що таке пітчинг/презентація проєктів, до чого потрібно готуватися – Як має виглядати кінцева презентація готового продукту і на що потрібно звернути увагу |
| Основи проджект менеджменту | – Agile, waterfall, kanban – Інші основи проджект менеджменту |
|
| 26 | Hard Skills. Зустріч з замовником | 4 години Знайомство з замовником. Робота з ТЗ. План розподілу тасків між членами команди. Roadmap продукту |
| 27 | SCRUM | Знайомство з технікою Scrum, як методом управління проєктами. Можливості та сильні сторони використання у своїй діяльності |
| Робота з клієнтами | Заняття з гостьовим лектором (PM), – перша зустріч з клієнтом: як готуватися та які запитання ставити – як правильно комунікувати з клієнтом продовж проєкт – як правильно писати листи клієнту, давати фітбек, домовлятися про наступні зустрічі й т.д. – коли після мітингу приходить фолов-ап з тим що обговорювати й що потрібно буде зробити до наступного мітингу – робота з офіційними листами – робота з брифами |
|
| 28 | Робота з клієнтами. Частина 2 | – Відповідальність в роботі з клієнтами та працедавцями. – Робота з дедлайнами – Пріоритетність завдань – Презентація демо продукту клієнту – Робота з фідбеком від клієнта – Робота над помилками |
| Клієнтоорієнтованість | У чому цінність клієнтоорієнтованого підходу, як це може допомогти у: подальшій роботі, у бізнесі, у житті. Аналіз потреби клієнтів, основні стратегії поведінки щодо клієнта. Як втримувати вже наявних клієнтів. | |
| 29 | Формування резюме | Складаємо повноцінне CV з гостьовим лектором (HR). |
| Оформлення профайлу | – Робота з мотиваційними листами – Оформлення Linkedin – Фіналізація власного резюме |
|
| 30 | Hard Skills. Апдейт по проєкту | 4 години Узгодження плану та готових його пунктів. Внесення правок у його готові частини. |
| 31 | Формування особистого бренду | ІТ/дизайн-ринок. Ситуація на ринку Пошук роботи. Платформи для пошуку роботи. Оформлення особистого бренду. Як поводитися в соц.мережах? |
| Вигорання | Як не перенавантажити себе? Що робити, коли на тобі велика кількість проєктів? Як працювати, коли є складності в команді, з клієнтами тощо. Як все зробити вчасно і не вигоріти? |
|
| 32 | Проходження інтерв’ю — письмове та усне. Теорія | На що потрібно звернути увагу при проходженні співбесіди. Як готуватися? Розглядаємо усі аспекти, на яких потрібно зосередитися при підготовці до співбесіди |
| Проходження інтерв’ю. Практика | Симуляція співбесіди з гостьовим лектором (HR). | |
| 33 | Пошук клієнтів та компаній | Ресурси для пошуку компаній або клієнтів. Загальні підходи в процесі пошуку. |
| Трудові відносини | Про трудові відносини з компаніями. Про укладання договорів. Про роботу через ФОПа. Про авторське право. |
|
| 34 | Hard Skills. Фіналізація проєкту | 4 години Внесення фінальних правок у проєкт. Підготовка фінального вигляду продукту для його презентації перед замовником. |
| 35 | Препітч | Фіналізуємо презентацію. Тренуємося бути класними спікерами. Дивимося та даємо фідбек на інші презентації. |
| Препітч. Фіналізація презентації з хард тренером | Оформлюємо презентацію для замовника | |
| 36 | Презентація проєктів експертам (Пітч) | |
| Рефлексія та зворотний зв’язок | ||