Портфолио UX/UI-дизайнера с нуля: какие проекты сделать

Портфолио решает всё, когда опыта ещё нет

На старте в UX/UI вас нанимают не по диплому и не по годам стажа — их у вас пока и нет. Смотрят на портфолио. Это единственное доказательство, что вы умеете думать головой дизайнера, а не просто двигать прямоугольники в Figma. И вот тут новичок обычно спотыкается: работ нет, потому что нет опыта, а опыта нет, потому что без работ не берут. Замкнутый круг. Разрывается он ровно одним способом — вы делаете проекты сами, придумываете их, доводите до конца и показываете, как думали по дороге.

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

Зачем портфолио и кому оно вообще нужно

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

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

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

Какие проекты класть в портфолио

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

Редизайн существующего продукта

Берёте приложение или сайт, которым сами пользуетесь и который вас бесит, и переделываете. Это самый быстрый способ начать: интерфейс уже есть, аудиторию придумывать не надо, задача понятна. Ваша работа — найти конкретные проблемы и решить их.

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

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

Новый продукт с нуля

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

Такой проект показывает вас целиком — от исследования до финального макета. Именно его любят смотреть работодатели, потому что видно, как вы мыслите на всех этапах, а не только рисуете. Минус — времени уходит заметно больше, и легко утонуть в придумывании «идеального» продукта вместо того, чтобы довести до конца хоть какой-то.

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

Проект под реальную задачу

Самое ценное — работа с живым заказчиком, пусть даже бесплатная. Знакомый открывает мастерскую и ему нужен сайт. Локальная кофейня хочет обновить меню в приложении. Знакомый блогер просит лендинг под курс. Такие проекты вне конкуренции: у них есть настоящие ограничения, настоящий заказчик со своими «хочу вот так», настоящая обратная связь.

Где брать таких заказчиков на старте: волонтёрские и благотворительные проекты, малый бизнес знакомых, дизайн-марафоны и хакатоны, сообщества, где ищут бесплатные руки в обмен на кейс. Даже один такой проект в портфолио сразу поднимает вас над теми, у кого только выдуманные работы.

Кейс-стади

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

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

Плюсы и минусы вариантов — на чём сыграть

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

• Редизайн — быстрый вход, понятная задача, но креатива меньше: вы работаете внутри чужих рамок. Хорош как первая работа в портфолио.
• Новый продукт — максимум свободы и полный охват процесса, но дороже по времени и легко забуксовать. Ставьте его вторым-третьим, когда уже набили руку.
• Реальная задача — самый ценный опыт и живой отклик, но найти заказчика на старте сложнее, и придётся подстраиваться под чужие сроки и вкусы.
• Кейс-стади — усиливает проект, но не заменяет его, и требует времени на текст и оформление. Без него даже сильная работа выглядит немой.

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

Как выбрать проекты под себя

Отталкивайтесь от двух вещей: своих сильных сторон и того, где хотите работать. Любите мобильные интерфейсы — делайте приложения, а не корпоративные сайты. Хотите в продуктовую команду сервиса — покажите работу с продуктовой логикой, а не арт-эксперименты.

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

И держите планку по качеству. Три вылизанных проекта всегда сильнее восьми сырых. Слабая работа в портфолио не добавляет очков, она их отнимает — её видят и по ней судят обо всём остальном.

Пошаговый план: как собрать портфолио

Разложу процесс на этапы, чтобы не собирать в хаосе.

1. Насмотренность. Прежде чем делать своё, разберите чужое. Полистайте портфолио дизайнеров на Behance, Dribbble, в телеграм-каналах по UX. Отмечайте, как люди подают кейсы, какая структура читается легко, а какая утомляет. Это ваш референс.
2. Выбор проектов. Определитесь с тремя-четырьмя работами под свою цель. Запишите для каждой: тип, для кого, какую проблему решает. Если на этом шаге не можете сформулировать проблему — проект пока сырой.
3. Работа над проектами. Делайте по одному, доводя до конца, а не пять параллельно. Один законченный кейс полезнее пяти брошенных на этапе вайрфреймов.
4. Оформление кейса. Опишите каждый проект: задача, что выяснили, какие решения приняли и почему, что получилось. Скриншоты, прототипы, короткие пояснения. Без текста макеты немые.
5. Обратная связь. Покажите готовое опытным дизайнерам — в чатах, на разборах, наставнику. Свежий взгляд ловит то, что вы уже не видите. Правьте по делу, не по каждому комментарию.
6. Публикация. Соберите всё на площадке, где вас найдут: Behance, личный сайт, Notion-страница. Ссылка должна открываться с телефона и не требовать регистрации, чтобы её посмотреть.

Ошибки, из-за которых портфолио не работает

Разберу те, что встречаются чаще всего, — именно на них теряют отклик.

Только результат, без процесса. Новичок выкладывает красивые финальные экраны и всё. А работодатель хочет видеть, как вы к ним пришли: где было исследование, какие варианты отмели, почему выбрали этот. Голая картинка не отвечает на вопрос «умеете ли вы думать».

Всё на одно лицо. Пять проектов в одном стиле и одной задаче создают ощущение, что дальше вы не умеете. Даже если ниша узкая, покажите разные грани внутри неё.

Проблема не названа. Кейс без чётко сформулированной проблемы — это просто перерисовка. Всегда начинайте с «что было не так» и заканчивайте «что стало и почему это лучше».

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

Простыни текста. Обратная крайность — когда кейс превращается в реферат на десять экранов. Пишите по делу: проблема, решение, результат. Всё, что можно выкинуть без потери смысла, выкидывайте.

Практические советы, которые повышают отклик

Несколько вещей, которые отличают портфолио, что зовут на собеседование, от того, что пролистывают.

Ставьте сильную работу первой. Тот, кто смотрит портфолио, решает за первые секунды, читать ли дальше. Первый кейс должен быть вашим лучшим.

Пишите человеческим языком. «Провёл исследование пользовательских паттернов» звучит пусто. «Опросил восемь человек, которые заказывают еду каждую неделю, и выяснил, что корзину теряют трое из них» — конкретно и видно, что вы реально делали.

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

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

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

Частые вопросы

Сколько проектов должно быть в портфолио новичка?
Хватит трёх-четырёх сильных работ. Больше на старте не нужно и часто вредно: качество проседает, фокус размывается. Лучше меньше, но каждый доведён до ума и оформлен как кейс.

Можно ли показывать незавершённые проекты?
Да, если по ним видна логика работы. Проект на стадии прототипа с внятным описанием задачи и решений полезнее вылизанной картинки без объяснений. Только честно помечайте, что это концепт или работа в процессе.

Как показать проект, сделанный в команде?
Чётко обозначьте свою роль. Напишите, за какие части отвечали лично вы, а что делали другие. Работодателю важно понять вашу зону ответственности, а не приписать себе чужое.

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