Портфоліо дизайнера: як написати кейс, який дочитають

Гайд · · 6 хв читання

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

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

Скільки робіт потрібно і які обрати

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

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

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

Структура кейсу: шість блоків

Найзручніше тримати однакову структуру в усіх кейсах — так читачеві легше орієнтуватися. Ось базова схема:

  1. Короткий підсумок. Два-три речення на самому початку: що за продукт, яка була задача, що ви зробили. Людина, яка прочитає лише це, вже має зрозуміти суть.
  2. Проблема. Кому і чому було незручно. Конкретно: не «покращити UX», а «люди не могли знайти, де змінити адресу доставки, і писали в підтримку».
  3. Ваша роль і обмеження. Що робили саме ви, з ким працювали, скільки було часу, які були технічні чи бізнесові обмеження.
  4. Процес. Як ви досліджували проблему, які варіанти розглядали, що перевіряли. Не переказуйте весь процес — покажіть ключові моменти.
  5. Рішення. Фінальні екрани з поясненням: чому саме так. Це серце кейсу.
  6. Результат і висновки. Що змінилося, що ви перевірили, що зробили б інакше.

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

Як писати, щоб дочитали

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

  • Пишіть заголовками-висновками. Не «Дослідження», а «Люди шукали знижки, а не категорії». Навіть той, хто лише гортає, зрозуміє логіку.
  • Одна думка — один абзац. Довгі суцільні тексти пропускають.
  • Кожне зображення з підписом. Підпис пояснює, що саме тут варто помітити.
  • Показуйте «до» і «після». Порівняння одразу показує цінність змін.
  • Пишіть «я», коли робили самі, і «ми», коли командою. Це чесно й допомагає зрозуміти вашу роль.
  • Прибирайте жаргон. Кейс можуть читати не лише дизайнери, а й люди з HR чи продукту.

Приклад: як переписати слабкий фрагмент

Слабко: «Я провела дослідження, зробила персони, CJM і вайрфрейми, після чого створила UI-кіт і фінальний дизайн». Це перелік артефактів, з якого незрозуміло, що ви дізналися й навіщо.

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

Типові помилки

  • Десятки однакових мокапів телефонів без пояснень.
  • Процес, описаний шаблонно, наче з підручника, без жодного вашого рішення.
  • Відсутність ролі: незрозуміло, що зробили ви, а що команда.
  • Чужі роботи або перемальовування без чіткої позначки.
  • Конфіденційні матеріали без дозволу. Якщо проєкт під NDA, приберіть назви й дані або опишіть процес без фінальних екранів.
  • Посилання, що не відкриваються, і прототипи з закритим доступом.
  • Застарілі роботи на першому місці. Найсильніший кейс має йти першим.

Де розмістити портфоліо

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

Корисно мати дві версії: повну для тих, хто хоче заглибитися, і коротку на кілька сторінок — для першого знайомства.

Адаптуйте порядок кейсів під вакансію

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

Отримайте фідбек до того, як надсилати

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

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

Чекліст перед публікацією

  • Найсильніший кейс стоїть першим.
  • Кожен кейс починається з короткого підсумку на два-три речення.
  • Проблема сформульована конкретно, з тим, кому й чому незручно.
  • Зрозуміло, яка була моя роль і з ким я працював(-ла).
  • Показано хоча б одне рішення з поясненням «чому так».
  • Результат описано чесно, без вигаданих цифр.
  • Усі зображення мають підписи, є порівняння «до/після».
  • Навчальні й конкурсні проєкти позначені як такі.
  • Немає конфіденційних даних без дозволу.
  • Усі посилання й прототипи відкриваються без запиту доступу.
  • Портфоліо зручно переглядати з телефона.
  • Є контакт, за яким зі мною легко зв'язатися.

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

Хочу брати участь

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

Приєднатися до спільноти

Хочу допомогти

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