Сильне портфоліо UX-дизайнера показує не гарні екрани, а хід думки: яку проблему ви розв'язували, як досліджували, які рішення пробували й що з цього вийшло. Роботодавцю потрібні 2–3 глибокі кейси зі структурою «проблема → процес → рішення → результат», а не галерея з двадцяти дриблів. Якщо коротко: наймають за мислення, а не за рендери. Нижче — що саме показати, як зібрати кейс, які метрики додати й яких помилок уникнути, щоб портфоліо приводило на співбесіду, а не в архів.

Я багато разів був по інший бік — переглядав портфоліо, наймаючи дизайнерів у фінтех. І майже завжди рішення «кличемо на розмову чи ні» ухвалювалося за перші 30 секунд першого кейса. Тому все нижче — про те, як пройти ці 30 секунд.

Скільки кейсів потрібно?

Менше, ніж думає більшість. Три сильні кейси б'ють десять посередніх — і то з великим відривом. Причина проста: рев'ювер не читає все, він відкриває перший кейс і за ним вирішує долю всього портфоліо. Якщо перший слабкий, решти ніхто не побачить.

Тому правило таке: якість важить кратно більше за кількість. Краще один кейс, доведений до глибини, з ясною історією й результатом, ніж п'ять, зроблених «аби було». І поставте найсильніший кейс першим — не бережіть його наостанок, бо «наостанок» може не настати.

З чого складається сильний кейс

Кейс — це історія, а не альбом скриншотів. Кістяк, який працює:

  • Контекст. Що за продукт, яка ваша роль, які обмеження. Одним абзацом, без води.
  • Проблема. Яку задачу розв'язували й звідки знаєте, що вона реальна. Це найважливіша частина — з неї все починається.
  • Процес. Дослідження, гіпотези, ітерації, глухі кути. Саме тут видно дизайнера.
  • Рішення. Що зробили й чому саме так. Показуйте логіку, а не лише фінальний екран.
  • Результат. Що змінилось. Метрика, фідбек, висновок — будь-який доказ впливу.

Чому процес важливіший за фінальний екран?

Найпоширеніша помилка новачка — показувати лише красивий результат. Але фінальний екран не відповідає на головне питання рев'ювера: «чи вміє ця людина думати, чи їй просто пощастило з референсом». Відповідь на це питання дає процес.

Покажіть чернетки, відкинуті варіанти, момент, коли ви зрозуміли, що перша ідея не працює, і розвернулися. Це не слабкість — це доказ мислення. Дизайнер, який показує лише ідеальний результат, виглядає так, наче боїться показати, як він до нього дійшов. А той, хто чесно проводить через процес, викликає довіру — бо демонструє метод, який відтвориться і на новій задачі.

Тест на силу кейса: прибрати всі фінальні екрани — чи лишиться зрозуміла історія рішення? Якщо так, кейс сильний. Якщо ні — це галерея, а не кейс.

Метрики: як показати вплив без брехні

«Підвищив конверсію на 200%» без контексту — червоний прапорець, а не плюс. Досвідчений рев'ювер одразу спитає: з якого до якого, на якій вибірці, чи це точно ваша заслуга. Тому метрики потрібні чесні й із контекстом.

Якщо цифр немає (частий випадок у навчальних кейсах), не вигадуйте — показуйте якісний результат: висновки юзабіліті-тесту, фідбек користувачів, зменшення кроків у флоу, усунену плутанину. «Скоротив онбординг з 7 екранів до 4 і прибрав головну причину відмов на юзабіліті-тесті» переконує більше за голе «+200%» без пояснень. Чесний якісний результат сильніший за роздутий кількісний.

Приклад: як виглядає сильний кейс

Абстракцію легко зрозуміти на конкретиці. Уявімо навчальний кейс редизайну застосунку оплати комуналки — банальна тема, але подана правильно вона працює. Сильна версія починається не з екранів, а з фрази: «Люди пропускають платежі не через лінь, а тому що не розуміють, за що саме платять». Це проблема, підкріплена п'ятьма короткими інтерв'ю, — і рев'ювер уже зацікавлений.

Далі — процес: як ви розкладали квитанцію на зрозумілі частини, чому відмовились від першої ідеї з довгим списком, як тестували спрощену версію на знайомих. Потім рішення з логікою кожного кроку. І нарешті результат: «на юзабіліті-тесті 8 із 10 одразу зрозуміли, за що платять, проти 3 із 10 у старій версії». Той самий редизайн, поданий як галерея гарних екранів, не сказав би нічого — а поданий як історія рішення, він продає ваше мислення. Різниця не в роботі, а в подачі.

Формат: сайт, PDF чи Behance?

Формат важить менше за зміст, але кілька орієнтирів корисні. Власний сайт-портфоліо — найкращий сигнал для продуктової позиції: він показує, що ви вмієте довести річ до живого результату (а якщо зібрали його самі — це вже міні-кейс). PDF зручний, коли треба надіслати конкретній компанії під вакансію. Behance і Dribbble годяться радше як вітрина для вхідних звернень, ніж як основне портфоліо, бо там формат тисне на «красиву картинку».

Не переускладнюйте: рев'юверу має бути легко відкрити, швидко зрозуміти й не блукати. Портфоліо, яке вантажиться десять секунд або ховає кейси за трьома кліками, програє простому й ясному ще до змісту.

Що показати, якщо немає комерційного досвіду?

Класична дилема новачка. Вихід — власні й навчальні кейси, до яких ви ставитесь як до справжніх. Редизайн застосунку, який вас щодня дратує, з чесним дослідженням проблеми. Концепт продукту для реальної потреби, яку ви бачите. Волонтерська робота для малого бізнесу чи громадської ініціативи.

Ключове — ставитися до навчального кейса серйозно: реальна проблема, реальне дослідження (хай навіть п'ять інтерв'ю з друзями), реальні рішення й висновки. Рев'ювер розуміє, що у junior немає п'яти років продакшену, — він дивиться, чи вмієте ви мислити. Добре зроблений навчальний кейс доводить це не гірше за комерційний. Про сам перехід у професію я докладніше писав у гайді як стати продуктовим дизайнером у 2026.

Як AI пришвидшує збірку портфоліо

Збірка портфоліо — окремий проєкт, і AI знімає з нього рутину. Він допомагає структурувати кейс (поставте йому «інтерв'ю» про ваш проєкт — і отримаєте кістяк історії), відредагувати текст до стислості, згенерувати сам сайт-портфоліо за вечір, підготуватися до захисту кейса на співбесіді через репетицію питань.

Але межа та сама, що й скрізь: AI пришвидшує упаковку, а не створює зміст. Мислення, рішення, історія — ваші. Порожній кейс, гарно упакований AI, лишається порожнім, і на співбесіді це випливе за першим уточнювальним питанням. Використовуйте AI, щоб донести те, що ви справді зробили, а не щоб замаскувати те, чого не зробили.

Як підготуватися до захисту кейса на співбесіді

Портфоліо відкриває двері, але наймають на розмові — і саме там кейс перевіряють на міцність. Рев'ювер копатиме питаннями: «чому ти обрав саме це рішення?», «а що якби обмеження було іншим?», «звідки ти знаєш, що проблема реальна?». Якщо ви справді проходили процес, відповіді прийдуть природно. Якщо кейс порожній — це випливе за другим питанням.

Тому готуйтеся не переказувати кейс, а захищати рішення. Прогоніть кожен кейс уголос: чому проблема, чому цей шлях, від чого відмовились і чому. Хороший прийом — заздалегідь виписати три найнезручніші питання до себе й чесно на них відповісти. Той, хто вміє пояснити «чому», а не лише показати «що», виграє співбесіду навіть із скромнішим портфоліо. Дизайн, який ви не можете захистити словами, на співбесіді не існує.

Типові помилки, що відлякують роботодавця

  • Галерея без історії. Красиві екрани без проблеми, процесу й результату.
  • Забагато кейсів. Десять слабких замість трьох сильних розмивають враження.
  • Роздуті метрики. «+300%» без контексту читається як брехня, а не як досягнення.
  • Схований процес. Лише фінал, без того, як ви до нього дійшли.
  • Стіна тексту. Кейс, який треба продиратися. Рев'ювер здасться раніше, ніж дочитає.

Портфоліо — не альбом ваших робіт, а доказ вашого мислення. Три сильні кейси зі структурою «проблема → процес → рішення → результат», чесні метрики й показаний хід думки переконують більше за двадцять красивих екранів. Зберіть менше, але глибше — і поставте найсильніше першим. І пам'ятайте головне: портфоліо не має бути ідеальним, щоб працювати, — воно має бути чесним і зрозумілим. Живе портфоліо з трьома добрими кейсами перемагає «ідеальне», яке ви складаєте вже пів року й нікому не показуєте. Розбори того, як я оцінюю кейси й на що дивлюсь першим, є на моєму YouTube-каналі.