Портфолио UX/UI-дизайнера с нуля: 3 кейса за 2 месяца

Зачем портфолио нужно раньше диплома и резюме

Портфолио решает, дойдёт ли резюме до собеседования, ещё до того, как рекрутер прочитает раздел про образование. На странице профессии career.hh.ru портфолио с реальными кейсами прямо указано как требование к специалисту среднего уровня, а не факультативный бонус для сильных кандидатов.

Диплом дизайнера при этом в список обязательных требований не входит вообще ни на одном грейде. Разрыв в зарплате между грейдами ощутимый: по данным career.hh.ru за 2026 год медиана по профессии держится на уровне 71 480 ₽, а требования к опыту начинаются от 1-2 лет уже на джуниорском уровне. Портфолио, собранное до поиска первой работы, закрывает именно этот разрыв между «нет опыта» и «есть опыт», подтверждённый реальными вакансиями, а не общими советами карьерных коучей.

При сравнении курсов по UX/UI-дизайну на SkillEdge заметно, что почти в каждой программе сборка портфолио вынесена в отдельный модуль ближе к концу обучения, а не встроена равномерно с первого месяца. Это системная причина, по которой студенты выходят с курса без готового портфолио, даже отучившись полный срок и заплатив полную цену программы.

Вопрос «как создать портфолио UX/UI-дизайнера с нуля» чаще всего возникает именно на этом стыке: курс закончен, а показать работодателю пока нечего. Дальше разберём, что идёт в портфолио вместо реального опыта и в какой структуре это оформлять.

Что показывать, если реального опыта пока нет

Без опыта работы в портфолио идут три типа проектов: пет-проекты с нуля, редизайны существующих продуктов и учебные работы, доведённые до состояния реального кейса. Nielsen Norman Group называет это стандартной практикой для новичков и уточняет: университетские и учебные проекты часто уходят в абстрактные концепции, поэтому среди них должен быть хотя бы один с очевидной бизнес-задачей.

Редизайн работает лучше голого пет-проекта, потому что у него уже есть измеримая точка отсчёта. Возьмите интерфейс с заметной проблемой, например длинную форму оформления заказа в интернет-магазине, и покажите, как её решение сократит число шагов пользователя.

Учебный проект с курса можно включить в портфолио, только если довести его до товарного вида после защиты. Голый макет из курсового задания без доработки выглядит как домашнее задание, а не как решение реальной задачи для настоящего пользователя.

Волонтёрские проекты для НКО или локального бизнеса закрывают третий пробел: в них есть настоящий заказчик и настоящее техническое задание, которых не хватает пет-проектам, придуманным самим дизайнером.

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

Схема CASE: как оформить один кейс

Схема CASE разбивает кейс на четыре блока: Context (контекст задачи), Action (что сделал дизайнер), Solution (итоговое решение), Effect (измеримый результат). Без этой структуры даже сильный визуально макет читается как картинка без смысла.

Context отвечает на вопрос, какую проблему решал дизайнер и для кого. Опишите продукт, целевую аудиторию и конкретный болевой момент в двух-трёх предложениях, без общих фраз про «улучшение пользовательского опыта».

Action показывает процесс: исследование, гипотезы, вайрфреймы, тестирование на пользователях. Nielsen Norman Group советует сохранять артефакты по пути, план исследования, ранние скетчи, короткие цитаты из интервью с пользователями, а не только финальный результат.

Solution, это финальный интерфейс с ключевыми экранами. Effect закрывает кейс цифрой: рост конверсии, сокращение количества шагов, снижение обращений в поддержку. Если реальных метрик нет (что нормально для пет-проекта), честно напишите гипотезу эффекта вместо выдуманного процента.

В отдельном разборе структуры кейса Nielsen Norman Group добавляет ещё один слой: не только что сделал дизайнер, но и почему выбрано именно это решение среди нескольких альтернатив. Этот слой обычно отсутствует в портфолио новичков и первым бросается в глаза опытному рекрутеру.

Сколько проектов нужно и как их отбирать

Три-пять кейсов, если следовать рекомендации Nielsen Norman Group, устойчивому ориентиру для портфолио дизайнера на старте карьеры. Меньше трёх выглядит как недостаток опыта, больше семи размывает внимание рекрутера, который тратит на просмотр портфолио считаные минуты.

Отбор строится по трём критериям от Nielsen Norman Group: impact, process, recency. Impact означает измеримое влияние на метрику продукта или бизнеса. Process требует показать надёжную методологию, а не только красивый финальный экран. Recency отсеивает работы старше двух-трёх лет, стили и инструменты в UX/UI меняются быстро.

Каждый включённый проект должен закрывать роль, на которую вы претендуете. Если цель, продуктовый дизайн мобильных приложений, уберите из портфолио баннеры, визитки и любые графические работы не по интерфейсам, даже если они получились красиво.

Где размещать портфолио: сравнение площадок

Выбор площадки зависит от того, сколько времени есть на оформление и нужен ли полный контроль над дизайном страницы. Разница между вариантами, это разница в свободе подачи, а не в требованиях к самим кейсам.

Для первой версии портфолио разумно выбрать Behance или Notion, оба варианта закрывают задачу за один-два вечера. Персональный сайт на Tilda или Readymag имеет смысл собирать позже, когда кейсов накопилось хотя бы четыре и понятно, какой визуальный стиль их лучше всего подаёт.

Смена площадки, кстати, не требует пересобирать кейсы заново. Текстовая структура CASE переносится между Behance, Notion и персональным сайтом почти без изменений, меняется только вёрстка и оформление, а не содержание истории проекта.

Ошибки, которые чаще всего проваливают отбор

Финальный макет без объяснения процесса, это самая частая ошибка среди новичков. Рекрутер видит красивый экран, но не понимает, какую проблему он решает и почему решение выбрано именно такое.

Вторая ошибка, случайные проекты не по теме. Баннер для маркетплейса или визитка компании ничего не говорят о навыках UX/UI-дизайна и только разбавляют внимание на сильных кейсах.

Третья ошибка, отсутствие метрик или честной гипотезы результата. «Улучшил интерфейс» не работает как формулировка Effect в схеме CASE, нужна конкретика: сокращение шагов, рост конверсии, снижение отказов.

Четвёртая ошибка встречается реже, но стоит дороже: портфолио, которое не обновлялось больше года. Инструменты и подходы в UX/UI меняются быстро, и старые скриншоты в устаревшей стилистике работают против кандидата.

Пятая ошибка касается уже не содержания, а подачи: несколько разных стилей оформления кейсов внутри одного портфолио. Если первый кейс сделан по схеме CASE с подробным разбором, а второй сведён к трём картинкам без текста, у рекрутера складывается впечатление, что дизайнер не довёл работу до конца, даже если сам макет неплохой.

Что дальше после первого портфолио

После публикации первых кейсов логично сверить их с требованиями реальных вакансий и с программами обучения, которые системно закрывают модуль портфолио. В каталоге SkillEdge собрано 16 курсов с направленностью на UX/UI, из них программы уровня «профессия» с полным циклом обучения стоят от 63 000 до 164 700 ₽ в зависимости от школы и длительности.

Разброс цены большой, и не всегда дорогая программа даёт более сильное портфолио на выходе. Сравнивая условия школ на SkillEdge, редакция обращает внимание в первую очередь на то, сколько реальных кейсов с обратной связью от ментора предусмотрено в программе, а не на общую длительность курса.

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

Если сомневаетесь между несколькими программами, воспользуйтесь инструментом сравнения курсов на SkillEdge, он сопоставляет цену, срок и содержание по конкретным программам, а не по общему описанию школы. Оценить, окупится ли обучение с учётом текущей зарплаты, поможет калькулятор ROI.

Итоговый ответ на вопрос, как создать портфолио UX/UI-дизайнера с нуля, укладывается в три шага: собрать 3-5 кейсов по схеме CASE, выбрать площадку под текущий срок и опубликовать работу раньше, чем она станет идеальной. Идеальное портфолио, которое вечно дорабатывается перед публикацией, не приносит откликов от работодателей, а черновая версия с реальными кейсами приносит.

Полный разбор входа в профессию, от выбора инструментов до первой вакансии, есть в статье как стать UX/UI-дизайнером с нуля. Если пока не определились между смежными ролями, посмотрите разбор чем отличаются UX и UI-дизайнер, а весь каталог курсов по UX/UI-дизайну с ценами и сроками обучения открыт на сайте без регистрации.