В портфолио UX/UI- и продуктового дизайнера нанимающие смотрят на три вещи: процесс, результат и то, как это выглядит. Хватит двух-четырёх кейсов в похожей структуре, свежие наверху. На первичный просмотр у лида уходит минута-полторы, поэтому сначала должно быть понятно, кто вы и где работали, а кейсы должны читаться по диагонали. Площадка (сайт, Behance, Figma) на решение почти не влияет.
Я смотрел портфолио, когда нанимал дизайнеров в студию и в продуктовую компанию: базовую проверку портфолио и резюме замыкал на себя. Здесь рассказываю, как это выглядит со стороны того, кто открывает вашу ссылку между двумя встречами. Поехали!
После портфолио идёт скрининг с HR, и его можно прогнать заранее. В Preplab AI-интервьюер ведёт собес как настоящий и после разговора даёт разбор ответов. Попробовать HR-собес можно бесплатноПопробовать бесплатно
Как лид смотрит портфолио
У меня на одно портфолио есть буквально минута-полторы. Откликов много, и тратить больше времени на каждый я просто не могу себе позволить.
Первая задача — понять, кто передо мной: какой у человека опыт и где он работал. Если ответ на эти вопросы есть, дальше я проваливаюсь в кейсы. Ищу релевантный. Если релевантного нет, смотрю и на остальные. Смотрю, какие в кейсе результаты, а сам кейс читаю по диагонали.
Из этого порядка следует, как собирать портфолио:
- На первом экране ответ на вопрос «кто вы и где работали»
- Кейсы подписаны так, чтобы релевантный находился за секунду: домен, продукт, ваша роль
- Результат стоит в начале кейса
- Кейс читается по заголовкам и картинкам, без чтения всего текста
До текста в середине кейса на этом шаге не доходит почти никто. Его читают позже, перед встречей или во время неё.
Один случай, когда решение принимается сразу. Если кейс полностью совпадает с моим доменом, я точно пойду разговаривать с человеком. Например, я нанимаю дизайнера в облачный продукт и вижу отклик с опытом в таком же продукте. Скорее всего, этот человек очень подходит на позицию.
Сколько кейсов должно быть в портфолио
Я бы делал от двух до четырёх кейсов: из разных доменов, но в похожей структуре. Если кейсов пятнадцать, я не понимаю, куда смотреть.
Внешние источники называют близкие цифры. Рэйчел Краузе из Nielsen Norman Group по итогам опроса 204 нанимающих советует выбрать от трёх до пяти проектов и разобрать их подробно. Эксперты в разборе Bang Bang Education сходятся на том, что один-два сильных проекта лучше большого числа слабых.
Наверх ставьте свежие кейсы. Индустрия меняется стремительно, и мне нужно понимать, используете ли вы современные подходы и инструменты. По кейсу пятилетней давности этого не видно.
Как устроен хороший кейс
Самый частый косяк, который я видел на разборе портфолио, это длинные кейсы на несколько страниц и десятки экранов. Читать их невозможно. Результат лучше вынести наверх и описать кейс ёмко.
Кейс открывается тремя строками, которые читаются за десять секунд. Условный пример:
Задача: сократить путь от входа в личный кабинет до первой оплаты. Моя роль: ведущий дизайнер в команде из трёх человек. Результат: форма стала короче, доля завершивших выросла.
Дальше идёт сам разбор. Никита Семёнов, продуктовый дизайнер, разобрал больше ста резюме и портфолио и вывел структуру кейса, в которую среди прочего входят контекст, проблема, роль, цели бизнеса, процесс, решение.
| Блок кейса | Что в нём | Сколько места |
|---|---|---|
| Шапка | Задача, роль, результат | Три строки |
| Контекст | Продукт, пользователи, ограничения | Один абзац |
| Процесс | Что выяснили и как шли к решению | Основная часть |
| Решение | Сценарий и ключевые экраны крупно | Три-пять картинок |
| Итог | Цифры или качественная оценка, что сделали бы иначе | Один абзац |
Одинаковая структура во всех кейсах помогает читать по диагонали: после первого кейса лид знает, где во втором искать результат.
Картинки делайте аккуратными: их читают первыми. В Bang Bang Education советуют не ставить в кейс экраны авторизации и стандартные страницы из UI-кита: они одинаковые у всех и ничего о вас не говорят.
Портфолио джуна, мидла и сеньора
Глубина кейса зависит от грейда. Чем ниже грейд, тем подробнее нужен кейс: лиду важно увидеть, что вы понимаете, что делаете. Чем выше грейд, тем больше от вас ждут верхнего уровня: как вы выстроили процесс и чего достигли.
Про джунов отдельно. Портфолио только из учебных кейсов говорит о том, что коммерческого опыта у человека, скорее всего, нет. При прочих равных из двух джунов я бы склонился к тому, у кого коммерческий опыт есть. Хотя многое зависит от того, сколько откликов пришло и из скольких людей я выбираю.
В учебных кейсах я смотрю, типовые ли они. Бывает, что приходит пачка откликов от джунов с одинаковыми кейсами: одни и те же продукты, одна и та же структура. Если среди них есть человек, который сделал что-то другое, внимания ему достанется больше. Просто потому, что он не в общей массе.
Подробнее о том, чего ждут от каждого уровня, в статье про грейды дизайнеров.
Чем портфолио продуктового дизайнера отличается от UX/UI
Для меня принципиальной разницы нет. Я смотрю на подход: UX/UI-дизайнер вполне может сесть на позицию продуктового в бигтехе, если его подход соответствует ожиданиям. В обоих случаях я смотрю на процесс, на результат и на то, как это выглядит.
Поэтому отдельного «продуктового» портфолио собирать не нужно. Нужно, чтобы в кейсах было видно, откуда взялась задача и чем всё закончилось.
Если цифр нет, это частая ситуация. Я опрашивал 446 дизайнеров: в продуктовых компаниях часто принимают решения с опорой на метрики 26% из них. Напишите, как оценивали результат без аналитики: тесты, разговоры с пользователями, обращения в поддержку.
Где размещать портфолио: сайт, Behance, Figma или PDF
Площадка никогда не влияла на моё решение. Раздражало другое: неструктурированные кейсы, где лежит куча макетов и нужно разбираться самому, и файлы в Figma без какой-либо навигации.
| Площадка | Плюсы | Минусы |
|---|---|---|
| Свой сайт | Вы управляете структурой и первым экраном | Нужно собрать и поддерживать |
| Behance | Привычный формат, быстро собрать | Кейс превращается в длинную простыню картинок |
| Файл в Figma | Видно, как вы ведёте проект | Без структуры в нём невозможно разобраться |
| Notion | Удобно для текста и структуры | Картинки выглядят мелко |
| Открывается везде, удобно прикладывать к отклику | Нельзя обновить после отправки |
Для своего портфолио я выбрал сайт: odokienko.ru. Раньше главным минусом сайта было время на сборку, но сейчас с AI его можно собрать очень быстро, и поддерживать его просто.
Портфолио приводит на встречу, а дальше нужно говорить. Preplab проведёт собес голосом и покажет, где ответ провисаетПопробовать бесплатно
Что писать о себе в портфолио
На первом экране нужен один абзац: кто вы, в каких продуктах работали, что умеете лучше всего. Это и есть ответ на вопрос, с которого лид начинает просмотр.
Алексей Литвин, который изучил около сотни портфолио, в статье на vc.ru описывает слабое место этого блока: дизайнеры ставят личное выше профессионального и пишут, какие они люди, а нанимающему нужны компетенции.
Слабый вариант:
«Привет! Я дизайнер, который любит людей и создаёт удобные и красивые интерфейсы. Верю, что дизайн меняет мир».
Сильный вариант, условный пример:
«Продуктовый дизайнер, пять лет в финтехе и B2B. Делал личные кабинеты и сложные формы оплаты. Сильнее всего в проектировании сценариев и работе с дизайн-системой. Ищу продуктовую команду с исследованиями».
Как написать этот текст для резюме, разобрано в статье про резюме UX/UI-дизайнера.
Частые ошибки в портфолио дизайнера
- длинные кейсы, в которых результат спрятан в конце
- неструктурированный кейс: куча макетов без объяснений
- ссылка просит пароль или доступ, а в отклике его нет. Запрашивать доступ и ждать ответа никто не будет
- пятнадцать проектов, среди которых непонятно, куда смотреть
- непонятно, что сделали вы, а что команда
- старые кейсы наверху, свежие внизу
- учебные кейсы, один в один как у десятка других откликнувшихся
AI и портфолио
Сейчас по портфолио можно с ходу не понять, сгенерированы ли текст и сам кейс. Если бы у меня при просмотре появились вопросы, я бы сразу закинул кейс в AI и проверил две вещи. Первая: реальный ли это продукт, можно ли найти о нём информацию. Вторая: насколько текст похож на сгенерированный. По сути я хочу понять, запарился ли дизайнер хотя бы немного, когда собирал кейс.
Собирать портфолио с помощью AI нормально: сайт, структура, вычитка. Но текст кейса перепишите своими словами и проверьте, что о продукте можно что-то найти или что вы готовы объяснить, почему нельзя.
Где посмотреть примеры портфолио
Подборку отдельных портфолио я здесь не даю. Вместо неё два агрегатора, где собраны портфолио дизайнеров и можно искать конкретные:
Там удобно смотреть, как другие дизайнеры строят первый экран, кейсы и визуальный стиль портфолио.
Чек-лист перед тем, как отправить ссылку
- на первом экране понятно, кто вы и где работали
- от двух до четырёх кейсов, свежие наверху
- кейсы в похожей структуре, у каждого в начале задача, роль и результат
- по подписи кейса понятен домен
- в каждом кейсе виден процесс и есть итог
- ссылка открывается без пароля и запроса доступа
- контакты на видном месте
Когда портфолио сработает и вас позовут на встречу, кейс придётся рассказывать вслух. Как подготовить его к разговору с лидом, читайте в статье про портфолио на собеседование.
Прогнать собеседование голосом можно в Preplab. HR-собес бесплатно, после разговора разбор ответов с советамиПопробовать бесплатно
Частые вопросы
Что должно быть в портфолио UX/UI-дизайнера?
Короткий абзац о себе и от двух до четырёх кейсов, у каждого задача, ваша роль, процесс и результат. Только финальных экранов недостаточно.
Сколько кейсов нужно в портфолио дизайнера?
От двух до четырёх, из разных доменов и в похожей структуре. Свежие ставьте наверх.
Где лучше разместить портфолио дизайнера?
Подойдёт свой сайт, Behance, Notion или PDF. Площадка на решение почти не влияет. Главное, чтобы кейсы были структурированы, а ссылка открывалась без пароля.
Каким должно быть портфолио продуктового дизайнера?
Принципиально таким же, как у UX/UI-дизайнера: в кейсах видны процесс, результат и качество визуала. Плюс понятно, откуда взялась задача и что изменилось после релиза.
Как сделать портфолио дизайнеру без опыта?
Учебные кейсы подойдут, но постарайтесь, чтобы они отличались от типовых проектов курса. Пет-проект или фриланс рядом с ними заметно усиливают портфолио.
Где посмотреть примеры портфолио UX/UI-дизайнеров?
В агрегаторах портфолио, например foliobin.com и foliodeck.pro. Смотрите там структуру кейсов и первый экран.
Опубликовано
