Коротко: три-четыре кейса, где показан не только готовый экран, но и ход мысли — задача, черновики, решение. Именно на это и смотрят, когда берут на первую работу или стажировку.

Первый вопрос, который родители задают не про 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-документов, потому что они рассчитаны на более старшую аудиторию курса курс веб-дизайна для подростков.

Как это портфолио выглядит рядом со взрослыми работами

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

Как устроен один кейс внутри

Кейс — не галерея красивых экранов, а короткая история на пять блоков. Порядок почти всегда один и тот же, и именно его ищет человек, который смотрит портфолио:

  • Задача. Два-три предложения: что за продукт, для кого, что было не так.
  • Что выяснили. Кого спрашивали, что увидели, какие три проблемы вышли главными.
  • Решение. Ключевые экраны с подписями, почему сделано именно так. Подпись важнее картинки.
  • Результат. Кликабельный прототип по ссылке.
  • Что сделал бы иначе. Абзац, который отличает того, кто думает, от того, кто показывает.

Последний пункт подростки пропускают чаще всего — кажется, что признавать недостатки вредно. На деле именно он читается как зрелость: человек видит границы собственной работы.

Где это показывать

Behance удобен тем, что там дизайнеров ищут, и неудобен форматом: длинная картинка, в которую надо уложить всю историю. Notion или обычная страница-сайт дают свободу и ссылку, которую легко отправить, но их никто не найдёт сам. Рабочая схема — одно основное место и ссылка на прототип в Figma; дублировать одно и то же в трёх сервисах смысла нет, обновлять их одинаково всё равно не выйдет.

Отдельно про PDF: он до сих пор нужен там, где просят «пришлите портфолио файлом», и должен жить рядом с онлайн-версией. Главное — чтобы ссылки внутри работали.

Чего в портфолио лучше не класть

  • Работы, сделанные по чужому уроку шаг в шаг: их узнают сразу, и они ничего не говорят об авторе.
  • Десять вариантов одного экрана — остаётся один, остальные идут в блок про ход работы.
  • Чужие макеты «для вдохновения» без подписи, что это не своё.
  • Работы, которые самому не нравятся. Портфолио оценивают по самой слабой работе, а не по лучшей.

Честность про учебные проекты

Почти все работы в первом портфолио — учебные, и это нормально. Портит впечатление не факт учебного задания, а попытка выдать его за реальный проект с заказчиком. Достаточно одной строки: «учебный проект, курс UI/UX, 2026». После этого к работе относятся так, как она того стоит, — и никто не ловит автора на преувеличении.

Три минуты, за которые кейс надо уметь рассказать вслух

На собеседовании или при поступлении портфолио почти всегда сопровождается разговором, и именно здесь большинство новичков теряется. Тренировка простая: рассказать один кейс за три минуты без экрана. Задача — решение — почему так. Если рассказ не складывается без картинок, значит, истории в кейсе пока нет, есть только картинки.

Портфолио обновляют, а не докладывают

Через год первые работы будут выглядеть слабо — и это хорошо, потому что означает рост. Правило простое: раз в несколько месяцев самый слабый кейс убирается, а не остаётся «для истории». Портфолио — витрина сегодняшнего уровня, а не архив всего сделанного. Что именно происходит на курсе, из которого оно вырастает, — в статье про UI/UX для 14–18.

Сколько кейсов и где их держать

Нужен ли отдельный сайт-портфолио? На старте — нет. Страница в Notion и ссылки на прототипы выглядят ничуть не хуже, а времени забирают в разы меньше.

Сколько кейсов достаточно? Три сильных лучше восьми средних. Восьмой слабый кейс портит впечатление от первых трёх.

Можно ли показывать работы, сделанные вместе с преподавателем? Да, если честно указано, что именно делал подросток. Совместная работа — нормальная практика; скрытая совместная работа — проблема.

Портфолио, собранное за 18 месяцев курса, — не гарантия первого заказа. Но это уже конкретные доказательства того, что ребёнок умеет довести макет от идеи до кликабельного результата, а не просто «разбирается в Figma».