Портфолио на собеседование: как презентовать кейс дизайн-лиду

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

Рассказ о себе и о кейсе можно прогнать голосом заранее. В Preplab AI-интервьюер ведёт собес как настоящий и после разговора даёт разбор ответов. Попробовать HR-собес можно бесплатноПопробовать бесплатно

Чем портфолио на собеседовании отличается от портфолио в отклике

У одного и того же портфолио два режима. В отклике его смотрят очень быстро. Ульяна Сало, ведущий дизайнер Яндекс Дзена, в разборе Bang Bang Education говорит, что тратит на одну заявку меньше минуты. За это время человек успевает понять, подходит ли опыт и аккуратно ли сделана работа.

На встрече времени больше, и перед вами собеседник, который задаёт вопросы. Он уже решил, что опыт подходит. Теперь ему нужно услышать, как вы думали и что в кейсе сделали лично вы.

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

Сколько кейсов смотрят и сколько времени дают

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

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

Из этого два вывода для подготовки. Вводные делайте короткими: продукт и задачу лид поймёт за минуту. И держите под рукой то, о чём попросят в первую очередь: исследования и флоу.

Как выбрать кейс под вакансию

Я советую готовить три кейса: эталонный, позитивный и негативный. Эталонный вы показываете первым, позитивный держите на случай «а покажите что-нибудь ещё», негативный пригодится на вопросе про проект, который не получился. Зачем лиду негативный кейс, я писал в статье про собеседование дизайнера.

Какой кейс показывать первым, зависит от позиции, на которую вы собеседуетесь. У меня всегда было подготовлено несколько кейсов, и выбирал я под вакансию. Если у вас есть кейс из того же домена, готовьте его. Собеседуетесь во внутренние продукты или в HR-сервис: берите кейс оттуда.

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

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

В каком формате показывать: Figma, презентация или сайт

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

Мне как лиду удобнее смотреть презентацию. Зачастую её достаточно, чтобы понять, насколько дизайнер понимает то, что он делал. В самом файле я смотрю на аккуратность и на покрытие сценариев. Если сомневаюсь в технической подкованности человека, прошу показать подход к компонентам.

Страница кейса на сайте или в Behance тоже подходит, если она короткая. Рабочий файл откройте заранее в любом случае.

Как построить рассказ о кейсе

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

Раскладка условная, минуты в ней ориентир. Если встреча короче, первым сокращается блок с итоговым решением: экраны лид уже видел в портфолио.

Больше всего времени уходит на ход решения. Рэйчел Краузе из Nielsen Norman Group опросила 204 человека, которые нанимают UX-специалистов, и один из ответов там такой: «Не показывайте мне только готовый продукт. Я хочу увидеть грязный процесс».

Как начать рассказ о кейсе

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

Слабый ответ «Сейчас расскажу про проект для одной компании. Это был большой проект, мы делали его около года. Вот главный экран, вот каталог, вот карточка товара…». Лид не знает, какую задачу вы решали и чем всё закончилось, и начинает искать это сам.

Сильный ответ Условный пример:

«Это личный кабинет для клиентов облачного сервиса. Задача была сократить число обращений в поддержку по оплате. Я был единственным дизайнером в команде с продактом и четырьмя разработчиками. Обращений стало вдвое меньше. Покажу, как мы к этому пришли, а потом отвечу на вопросы».

После такого начала лид знает, чего ждать, и вопросы задаёт по делу.

Что делать, если лид перебивает вопросами

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

Если вопрос в сторону, его можно припарковать: «Хороший вопрос, я вернусь к нему через пару минут, когда дойду до исследований». Второй вариант: ответить сразу, но верхнеуровнево, и вернуться к структуре, чтобы не сбиться с истории. Формулировка условная. Смысл в том, чтобы ответить на вопрос и при этом довести свою историю до конца.

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

«Фильтры сверху, потому что на интервью люди сначала сужали список по дате и только потом читали строки. Вариант с боковой панелью мы тоже пробовали, но на ноутбуках таблица теряла два столбца».

Как подготовиться к таким вопросам, я описал в статье про собеседование дизайнера: найдите в кейсе пять решений и ответьте себе на «почему так» по каждому.

Отрепетировать рассказ можно до встречи. Preplab проведёт собес голосом и покажет, где ответ провисаетПопробовать бесплатно

Что делать, если кейс под NDA, без метрик или командный

Кейс под NDA. Свои кейсы под NDA я всё равно показывал и просил делать это не под запись. У кандидатов, которых я собеседовал, видел три варианта: человек говорит, что кейс под NDA, и рассказывает его словами, показывает макеты без логотипов или показывает как есть и просит не записывать экран. Все три варианта нормальные. Плохо только прийти на встречу без кейсов, потому что «всё под NDA».

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

Командный кейс. Лид спросит, что сделали лично вы. Ответьте на это до вопроса: на первом слайде напишите состав команды и свою часть. В рассказе говорите «я» про свои решения и «мы» про общие.

Нужен ли шаблон презентации портфолио

Многие ищут готовый шаблон презентации портфолио. Шаблон экономит час на вёрстке слайдов, но содержание за вас не соберёт. Для собеседования хватит такого скелета:

1. Титул: продукт, ваша роль, результат одной строкой
2. Задача и вводные
3. Что выяснили на старте
4. Ход решения: исследования и флоу
5. Итоговое решение: сценарий и ключевые экраны
6. Результат и что бы сделали иначе

Шесть слайдов на кейс. Оформление нейтральное: лид смотрит на ваши макеты, и декор вокруг них ему мешает.

Частые ошибки при презентации портфолио

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

Как подготовить и отрепетировать кейс

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

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

Хорошо работает обратный вариант: попросите коллегу показать вам свой кейс и послушайте его как лид. После этого свои длинноты слышно намного лучше.

Чек-лист перед встречей

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

Прогнать собеседование голосом можно в Preplab. HR-собес бесплатно, после разговора разбор ответов с советамиПопробовать бесплатно