Перше питання, яке батьки ставлять не про Figma, а про результат: «А що конкретно дитина покаже потім — школі, собі, першому замовнику?». Оцінка чи сертифікат для дизайнера важать менше, ніж три-чотири роботи, на які можна подивитись і зрозуміти рівень.

З яких проєктів складається портфоліо після курсу webdesign-12-18?

Курс «UI/UX дизайн у Figma: від макета до портфоліо» триває 18 місяців, 156 занять, і побудований так, що ближче до фіналу кожна велика тема закінчується завершеним артефактом, а не вправою в зошиті. У програмі це видно за назвами модулів: спершу знайомство з Figma і компонентами, потім окремий блок під UI-кіт і прототип, після нього — UX-дослідження, а завершує все дипломна робота.

UI-кіт і інтерактивний прототип

Тема «UI-кіт та прототип у Figma» в програмі курсу включає дизайн-систему, кольорові токени і варіанти компонентів — тобто дитина не малює один екран, а збирає набір елементів, з яких потім складає кілька екранів одного застосунку чи сайту. Прототип клікабельний: кнопки й переходи справді працюють у режимі перегляду, це не статична картинка.

UX-дослідження, а не тільки картинка

Окрема тема курсу — UX Research та проєктування: User Persona, Customer Journey Map, wireframes, usability testing. Для портфоліо це означає, що за фінальним макетом стоїть документ — хто користувач, яким шляхом він іде екранами і чому кнопка стоїть саме там. Замовники і приймальні комісії дивляться саме на це: чи є за красивою картинкою логіка.

Motion-шар поверх статичного макета

Ближче до кінця курсу є тема Motion Design: Smart Animate у Figma і мікроанімації — перехід кнопки в натиснутий стан, поява картки, плавна зміна екрана. Це не обов'язковий, але помітний елемент: статичний макет і той самий макет з живою мікроанімацією в портфоліо виглядають по-різному навіть для людини, яка не розуміється на дизайні.

Скільки завершених робіт встигає накопичитись?

Прямої вимоги «зробити рівно N макетів» у програмі немає, і придумувати конкретну цифру ми не будемо. Але за структурою курсу видно мінімум чотири різні типи артефактів до фіналу: UI-кіт з компонентами, клікабельний прототип на його основі, пакет UX-документів (персона, CJM, wireframes) і дипломний проєкт, який курс завершує. Для портфоліо підлітка це вже не «підбірка вправ», а набір робіт, кожна з яких показує окремий навик.

Чи можна показувати портфоліо, поки курс ще триває?

Так, і це навіть правильніше, ніж чекати диплома. Перші клікабельні прототипи зʼявляються вже після теми про UI-кіт, а це десь друга третина курсу, не останній місяць. Батьки, які хочуть перевірити прогрес раніше, ніж за 18 місяців, можуть попросити показати саме прототип — його видно і зрозуміло навіть без пояснень дизайнера.

А що з молодшим курсом — webdesign-6-12?

Це інший курс, «Графіка та дизайн: Photoshop + Illustrator», для 6–12 років, і портфоліо там влаштоване інакше: растрові й векторні роботи, ретуш, брендинг на предметах — без прототипів і UX-документів, бо вони розраховані на старшу аудиторію курсу webdesign-12-18.

Як це портфоліо виглядає поруч із дорослими роботами

Дизайн-система з компонентами і клікабельний прототип — це той самий формат, у якому працюють junior UI/UX-дизайнери в командах, просто менший за обсягом. Різниця не в структурі роботи, а в кількості екранів і глибині дослідження. Про те, чому взагалі варто вчити цьому підлітка, а не чекати повноліття, ми детальніше писали в статті «Що таке UI/UX дизайн і чому цьому варто вчити підлітка вже зараз» на хабі школи.

Портфоліо, зібране за 18 місяців курсу, — не гарантія першого замовлення. Але це вже конкретні докази того, що дитина вміє довести макет від ідеї до клікабельного результату, а не просто «розбирається в Figma».