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

Якщо резюме показує досвід у роках і компаніях, в яких ви працювали, то роботи — відображають ваші навички в UI/UX, з якими проблемами стикались і як їх розв'язували. 

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

А як саме це «правильно» виглядає, як і де збирати портфоліо UX/UI дизайнера на початку кар’єри, навіть коли немає кейсів — поділюся далі.

Навіщо UX/UI дизайнеру портфоліо?

Найочевидніше, для чого потрібне портфоліо UX/UI дизайнеру — воно допомагає знайти роботу. Реальність така, що ринок зараз безжально ігнорує фахівців без портфеля.

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

Якщо відкладання 10% з кожної зарплати називається фінансовою грамотністю, то портфель для UX/UI дизайнера — це кар’єрна подушка безпеки, яка допоможе знайти роботу у випадку скорочень чи закриття проєкту. 

Помилки у портфоліо UX/UI дизайнерів

Одразу закриємо питання по двох базових заповідях дизайн-портфелю:

• пам’ятайте, професійне портфоліо — це не макети, розкидані по папках на диску Google;
• вичитуйте кейс-стаді на помилки та обходьте десятою дорогою «тексти-заглушки» на кшталт lorem ipsum — вони не дають жодного контексту роботі. 

Серед поширених помилок також є наступні.

1. Портфоліо, що не відповідає вакансії. 

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

Тому уважно читайте опис вакансії, передивляйтеся інформацію про компанію, її проєкти та визначте, чи збігаються вимоги та робота компанії з вашим досвідом і прагненнями.

2. Портфоліо, оформлене за підходом «і так підійде». 

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

3. Портфоліо, напхане по вінця кейсами — релевантними і не дуже. 

Менше — це краще. Оминайте полотен із застарілими мокапами, не логічним флоу або дослідженнями заради досліджень, які не вплинули на рішення. 

Цілком достатньо додати у портфоліо 2-3 кейси, 5 — максимум, щоб показати свої навички.

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

Де створювати портфоліо UX/UI дизайнера: Dribbble, Behance чи власний сайт?

Серед ключових варіантів, де саме створювати портфоліо UX/UI дизайнера пропоную три. Пройдемося цими платформами та їхніми особливостями.

Dribbble

У портфоліо, зібраному на Dribbble є одна головна перевага — це швидкість наповнення. Через формат так званих шотів, раніше можна було залити тільки картинку і додати короткий текст. 

Зараз же платформа підтримує відео та GIF формати, слайдери на декілька зображень і публікацію повноцінних кейсів з текстом.

Можливо, ви навіть чули, що Dribbble не підходить для UX дизайнерів, а більше під UI кейси. Та насправді тут так само можна викладати великі проєкти, як і на іншій відомій платформі — Behance.

Та все ж я б сприймав Dribbble як допоміжний майданчик і не радив фокусуватись лише на ньому. Чому? Тут є велика аудиторія, яку, показавши шматочок вашого проєкту, можна далі скеровувати на розгорнутий опис, хоч на особистий сайт, хоч на Behance або статтю на Medium. 

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

Як виглядають класні UI/UX портфоліо? Мої фаворити серед дизайн-агенцій, за якими варто стежити та підглядати формати:

• Outcrowd;
• Phenomenon Studio;
• tubik.

Behance

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

Behance також приймає короткі шоти, але для дизайнерів інтерфейсів все ж краще викладати кейси, в яких показуєте і проєкт, і розповідаєте про нього у тексті. Так ви зможете повноцінно донести суть кейсу й вашої ролі в ньому, а не просто показати красиві картинки.

Серед корисних посилань, раджу заглядати на ці Behance портфоліо:

• Gapsy Studio;
• Vadym S;
• Bogdan Nikitin.

Ще такий лайфхак: якщо у вас є підписка від Adobe, ви можете швидко створити власний сайт на основі робіт з Behance через платформу Adobe Portfolio.

Власний сайт-портфоліо

Раджу на кар'єрному шляху в UI/UX дизайні рухатися до цього рішення. Це може бути навіть односторінковий сайт з інтро про вас та прикладами робіт. 

Створити й запустити сайт можна швидко через сервіси, які не вимагають розробки — no-code платформи. Наприклад, Framer або Webflow чудово для цього підходять. З приємного — вони також мають безплатні тарифи, тому можете спробувати обидві та обрати, яка більше подобається. 

Ще один варіант, де можете розмістити портфоліо UX/UI дизайнера — Notion. Для мене він дорівнює власному сайту. Тому тут обирайте на колір і смак =)

А серед сайтів-портфоліо, якими можете надихнутися, раджу ці приклади:

• Hexagon Agency;
• TWID Marketing & Tech Agency;
• Ілля Кульбачний.

Яку платформу для дизайн-портфоліо вибрати?

В Україні Behance часто сприймають головним місцем, де UX/UI дизайнер показує свої роботи. Куратори на курсах також радять саме цей майданчик, щоб зробити перше портфоліо. Тому можна почати з нього.

Але якщо плануєте працювати на західному ринку або ви вже маєте досвід в дизайні й хочете перейти з джуніор UX/UI дизайнера на посаду рівня мідл+, власний сайт — це мастхев. 

Така добірка робіт виглядає професійніше і дає більше свободи в тому, як ви показуєте кейси. У міру зростання вашого досвіду в UI/UX дизайні та кількості кейсів, я б радив створити саме сайт. А Behance чи Dribbble використовувати як «сателіти», які ведуть користувача назад на ваш ресурс. 

Так-так, портфоліо може бути одразу декілька, щоб покрити різні платформи й показувати наші навички відповідно до їхніх особливостей.

Але якщо ви лише хочете почати кар’єру в UI/UX дизайні або робите перші кроки у цьому векторі, у вас може виникнути наступне запитання.

Як зібрати портфоліо UX/UI дизайнера без реальних кейсів?

Дуже часто мої студенти хвилюются і питають: «А що робити, якщо я не маю реальних проєктів?». Та почати треба з іншого запитання: де ви хочете працювати? 

• Якщо мрієте про продуктові компанії, варто зробити навчальний кейс у форматі мобільного застосунку чи вебсервісу. 
• А якщо тягне в дизайн-агенцію — можна створити яскравий лендинг. 

Головне — мати в портфоліо ті проєкти, над якими ви хочете працювати надалі. 

Та є проблема. Багато UX/UI дизайнерів-початківців проходять через це замкнуте коло — потрібен досвід і кейси, а можливості їх отримати немає, тому що треба мати досвід і кейси. 

Що тоді робити? Коли ви джуніор UX/UI дизайнер, який шукає роботу, можна наповнити перше портфоліо наступними кейсами.

1. Проєкти з курсів або дизайни для вигаданих замовників.

Головне братися за реалістичні дизайн-завдання. Якщо ви спроєктуєте інтерфейс для управління космічним шатлом, є шанс, що цей проєкт буде максимально неактуальним для роботодавців з менш позаземних сфер =)

Тому раджу завжди створювати проєкти, які дійсно можуть існувати й ви розумієте рівень проблем, які збираєтесь розв'язувати дизайном. 

Наприклад, на базовому курсі з UI/UX дизайну в Projector ми працюємо з реальним замовником, тому цей досвід буде максимально наближений до справжнього. 

2. Редизайн наявного сайту.

Оновіть дизайн для улюбленого бренду за власним баченням. Ви можете повністю переробити інтерфейс сторінки або додати функцію, якої вам особисто бракує в продукті.

3. Дизайн для близького кола.

Роззирніться навколо — можливо у вас є друзі або знайомі, яким ви могли б допомогти з UI/UX дизайном. Такий варіант також класний, щоб отримати реальний досвід роботи дизайнера.

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

Який з цих варіантів вам обрати, щоб почати збирати перше дизайн-портфоліо? Комбінуйте всі за можливості. Що більше у вас різних кейсів, то різноманітнішим є ваш портфель та прокачанішими стають навички.

Кейс-стаді: як UX/UI дизайнеру оформити проєкт у портфоліо 

Навряд ви знатимете наперед очікування конкретного роботодавця, який буде переглядати ваше портфоліо. Хтось хоче бачити сторітелінг, а для когось можуть бути важливі уроки, які ви винесли з проєкту або факапи через, які пройшли до результату. 

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

Як ми визначили вище, важливо адаптувати ваше портфоліо під кожну вакансію і підбирати кейси відповідно до її опису. І ні, для цього не треба створювати кілька акаунтів Behance чи Dribbble. 

Наприклад, ви можете зібрати релевантні кейси у тематичну папку на одному з цих сервісів і додати посилання на нього при відгуку на вакансію. Ще один варіант — прикріпити лінки на актуальні проєкти до супровідного листа чи резюме.

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

Структура кейс-стаді для UI/UX проєкту

1. Вкажіть назву компанії або проєкту, сферу, тип дизайну.

Головне завдання цього блоку, звернути увагу потенційного роботодавця та показати, для кого і для чого ви зробили проєкт. 

Таку інформацію можна подати за допомогою:

• тегів на першому екрані самого кейсу, як на Behance. Наприклад, web design, UX, UI, mobile app; назва компанії або сфера проєкту — e-commerce, fitness app, FinTech platform;
• заголовку. Наприклад, «Дизайн сайту для креативної агенції Superfly Bureau».

Кейс на Behance.

Навіть якщо цей кейс ви створили, скажімо, у межах навчального проєкту на курсі, це все одно підсилює ваш профіль. Адже ви розв’язали завдання і ще й повзаємодіяли з замовником.

2. Додайте хронологію проєкту.

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

Так ви покажете потенційному роботодавцю, наскільки оперативно працюєте та додатково підсвітите, що кейс — актуальний.

3. Розкажіть про вашу зону відповідальності у проєкті.

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

4. Розпишіть завдання та процес роботи.

Розкажіть, яку саме проблему ви розв'язували за допомогою дизайну. 

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

5. Підсвітіть виклики та обмеження.

Викликом може бути ціль — підвищити конверсію в реєстрацію на 15%. Якщо у вашого проєкту є цифри, сміливо ними діліться, щоб додати кейсу конкретики. 

Обмеженнями можуть бути технічні перепони, заборона використовувати певні кольори або змінювати елементи тощо. 

Роботодавці оцінять таку інформацію, бо можуть бачити, як ви працюєте з труднощами та знаходите рішення.

6. Опишіть методи дослідження. 

Це може бути інтерв'ю із замовником, користувачами чи аналіз конкурентів. Про них важливо розповідати в UI/UX кейсі, адже так ви показуєте, що професійно підходите до дизайну — перш ніж видавати рішення, занурютеся у суть та проблему проєкту. 

8. Покажіть результат.

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

9. Поділіться висновками.

Додатковий крок — поділитися враженнями, інсайтами, які ви отримали, працюючи над проєктом. Незалежно чи це реальний кейс, чи навчальний — так ви покажете, що окрім виконувати завдання, вмієте рефлексувати та аналізувати свою роботу. 

Структура кейсу є, а бонусом ділюся шаблоном для створення кейс-стаді.

Як показати UI/UX проєкт, якщо працювали над ним у команді? 

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

Та командний кейс у портфоліо UX/UI дизайнера  — це перевага, бо він показує, що ви вмієте працювати з іншими дизайнерами, домовлятися та спільно прийти до результату. А це якраз те, що вас чекає в реальній роботі. 

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

Чи можна додавати у портфоліо кейси під NDA?

Можна, але є нюанси.

З власного досвіду добре знаю, як це, не мати можливості показати свою роботу через договір про нерозголошення. Є декілька підходів у такому випадку:

• розповісти про досвід та процес роботи над продуктом без назви компанії та логотипу. Такий підхід буде гарно працювати для мідл та синьйор дизайнерів.
• Якщо договір дозволяє додати дизайни й оформити кейс без чутливої інформації — можна змінити логотип, дані, можливо, навіть додати інші кольори й шрифти.
• Викладати кейс на сайті-портфоліо із обмеженим доступом. Часто NDA забороняє саме публічну публікацію проєкту. Тому дизайнери можуть розміщувати кейс на своєму сайті, закривати доступ паролем і точково видавати його потенційним роботодавцям. 
• Брати додаткові проєкти на фрілансі, якими можна поділитись.

Як часто UX/UI дизайнеру оновлювати портфоліо?

Про кейс треба думати, ще коли працюєте над проєктом. Збирайте матеріали одразу: скріни, нотатки, етапи дизайн-процесу. 

Коли завершите проєкт, вам буде простіше скласти його в історію. 

І пам’ятайте: кожен новий рівень у вашій кар’єрі має відображатися у портфоліо. 

Якщо ви виросли, а дизайнерський портфель залишився старим — ринок бачить вас на рівні наявних кейсів. Якщо в резюме вказуєте, що вмієте працювати з анімацією, гіпотезами або Customer Journey Map, все це мають підтверджувати й ваші приклади робіт.

Портфоліо у 2025 році — це живий інструмент, який не буває ідеальним. Воно повинно змінюватися разом із вами. Тому головне — брати і робити.