Очікування/реальність. Яким має бути портфоліо UI/UX-дизайнера, щоб отримати оффер
Будь-яку статтю можна зберегти в закладки на сайті, щоб прочитати її пізніше.
Режим читання збільшує текст, прибирає все зайве зі сторінки та дає можливість зосередитися на матеріалі. Тут ви можете вимкнути його в будь-який момент.
Ви здобули досвід, гарно описали його в CV, але на моменті створення портфоліо — ступор. Знайомо? Зі схожими труднощами зіштовхується багато дизайнерів. Хтось намагається бути креативним, інші — підглядають, як роблять колеги. Але є й простіший спосіб — запитати фахівців, як упаковувати кейси, щоб врешті отримати бажаний оффер.
На ці питання, спираючись на досвід перегляду сотень портфоліо, відповідає UI/UX-дизайнерка в EdTech-стартапі Mate academy Нана Максимовська.
У найкращих UI/UX-традиціях почнемо з емпатії
Уявімо Бориса. Він — дизайн-лід в продуктовому стартапі. Компанія розвивається, кожен квартал запускається нова функціональність, дедлайни горять, очі миляться, у команду потрібен ще один спеціаліст.
Після чотирьох мітингів, трьох флет-вайтів, двох громіздких дизайн-завдань та годинного «Борю, та там на п’ять хвилин» настає час відбирати кандидатів. Кількість вільного часу значно менша за кількість портфоліо. Тому Борис навчився ухвалювати рішення в перші секунди перегляду. А тепер погляньмо, як він дивитиметься на ваше портфоліо та що змусить його вам відмовити.
Red flags. Які портфоліо одразу зареджектять?
🔺 Роботи, старіші за iPhone X
Борис хоче побачити, як новий дизайнер може підсилити команду. Якими поточними UI-навичками володіє? Чи вміє адаптувати актуальні інтерфейсні патерни під потреби бізнесу? Старе портфоліо не дасть цього розуміння. Бажано мати хоча б пару свіжих проєктів, які можуть надати актуальну картину того, що і як вміє кандидат. І потім вже, якщо є старі добре описані кейси, вони теж не будуть зайвими.
🔺 Роботи, де є все: від постерів та мерчу до 3D
Дизайнер, який береться за все, найімовірніше має всюди посередню експертизу. Результат там, де фокус. Борис хоче бачити результати саме в UI/UX-дизайні. Допустимо мати невеликий % проєктів, що не прямо про продуктове мислення та UI, але більшість робіт все ж мають розкривати вас як UI/UX-спеціаліста.
🔺 Неохайно оформлене портфоліо
Диявол в деталях. Те, як кандидат презентує дизайн, — теж демонстрація навичок. Якщо на перших секундах Борису ріже око слабка композиція блоків, неохайне вирівнювання елементів, погана контрастність тексту, то, не доходячи до дизайну екранів, він переходить до наступного кандидата.
🔺 Портфоліо з дизайн-шотів
Збірна солянка з одиноких екранів не пояснює Борису, чи має дизайнер UX-компетенції, чи зможе будувати складні флоу, враховуючи потреби його користувачів та компанії. Це просто картинки, часто зроблені за принципом «щоб було гарно».
На цьому етапі відбраковується 80% робіт. Залишкові 20% Борис готовий переглянути уважніше.
Green flags. Що хочуть бачити в UI/UX-портфоліо?
Кейс, де ви презентуєте ідею проєкту та демонструєте дизайн-процес. Він має складатися з трьох частин:
- UX-частина — головні якісні та кількісні дослідницькі артефакти, проблеми, цікаві знахідки, продуктові гіпотези. Це демонструє Борису ваше дизайн-мислення, якість підходу до задач та наявність аналітичних навичок.
- UI-частина — пояснюєте, як гіпотези були реалізовані, чому прийшли саме до таких дизайн-рішень. Тут Борис може побачити, чи враховуєте ви евристики, інтерфейсні патерни, чи можете робити флоу інтуїтивним, чи вмієте працювати з UI-кітами.
- Результати — що було з дизайном потім? Чи досяг він поставлених цілей, метрик? Чи тестувався інтерфейс? Це показує Борису, чи маєте ви глобальне розуміння того, що робите й для чого.
Яку платформу обрати
Популярний формат — Behance
Про що слід памʼятати:
- Головне — якість, а не кількість
Одного-двох добре пропрацьованих кейсів достатньо, щоб зрозуміти компетенції. Не лишайте старі неактуальні роботи через сентименти. У Бориса декілька секунд сформувати перше враження — краще, щоб воно базувалось на якісних роботах.
- Кейси не читають, а сканують
Подбайте про чітку й логічну структуру, підписуйте різні етапи роботи заголовками, виділяйте ключові фрази жирним нарисом. Враховуйте патерни зчитування інформації, щоб Борис зміг за хвилину сканування зрозуміти ключові моменти.
- Демонструйте хід думок
Процесам в компанії та специфіці індустрії Борис зможе легко навчити нового дизайнера, критичному мисленню — ні. Не показуйте просто екрани, поясніть у кількох реченнях, що це за флоу та як прийшли до такого рішення.
Швидкий формат — Notion
Часто робиться, коли в досвіді є прикольні UX-кейси, які не потребували дизайну. Або коли немає можливості чи бажання витрачати час на Behance:
- Плюси: є готові шаблони для портфоліо, не потрібно нічого дизайнити, тільки зробити хорошу структуру та відформатувати текст. Тут не буде проблеми, що візуальне оформлення кейсу застаріє через декілька років, як це може статися з Behance.
- Мінуси: потрібно переходити за посиланням на Figma, щоб переглянути артефакти або дизайни екранів. Трохи збільшує Борису час перегляду портфоліо.
Креативний формат — свій сайт
Підходить, якщо хочете вау-ефект та мали досвід роботи з конструкторами сайтів, наприклад, Webflow або Wix. Беріться за це, коли точно вмієте працювати з подібним програмним забезпеченням.
Неважливо, наскільки талановитий ви дизайнер, якщо Борису після переходу на другу сторінку сайту вибʼє 404 на весь екран.
Додатковий формат — Dribbble
За умови, якщо у вас вже є кейси на Notion або Behance, але ви хочете додатково показати UI-навички на дизайн-шотах.
Памʼятка-висновки
Глобально портфоліо має:
- мати охайне оформлення;
- містити роботи, які легко скануються;
- демонструвати комплексний підхід як до UI, так і до UX;
- бути відповідним до позиції за сетом навичок;
- показувати ваше вміння мислити критично;
- містити чітко визначені проблему, завдання, результати й висновки в роботі.
Якщо врахуєте це все, то матимете вдосталь шансів потрапити в 5-10% кандидатів, яким надішлють тестове або запрошення на інтервʼю.
