Урок 8 из 8 · 20 мин · обновлено

Кейс в портфолио и вход в профессию

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

Что такое кейс

Кейс — история одного проекта: от проблемы до результата. Работодатель смотрит не на то, красиво ли нарисовано, а на то, как вы думаете. Структура кейса:

  1. Задача — какая проблема у кого и зачем её решать. «Утром у кассы кофейни очередь до 10 минут, часть гостей уходит».
  2. Исследование — что вы сделали, чтобы понять пользователей: интервью, персона, карта пути. Главные выводы, а не все заметки.
  3. Решения — user flow, вайрфреймы, ключевые экраны. Объясните, почему так: «Кнопку “Повторить заказ” вынесли на главный экран: 6 из 8 опрошенных берут один и тот же напиток».
  4. Проверка — юзабилити-тест, что нашли, что исправили. Покажите версии «до» и «после».
  5. Результат и выводы — что получилось и что бы вы сделали дальше.

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

Где разместить портфолио

  • Behance — главная площадка для кейсов: длинные истории с картинками;
  • Dribbble — отдельные красивые экраны, хорошо для визуальной части;
  • свой сайт на конструкторе вроде Tilda — выглядит профессионально, и его не нужно делить с другими работами на площадке.

Достаточно 2–3 сильных кейсов. Лучше разных: мобильное приложение, сайт, редизайн существующего продукта.

Что ждут от джуниора

В вакансиях начинающих UX/UI-дизайнеров обычно просят:

  • Figma уверенно: Auto Layout, компоненты, варианты, прототипы;
  • основы UX: исследования, user flow, юзабилити-тесты;
  • основы UI: сетка, типографика, цвет, гайдлайны Material Design и Apple;
  • адаптив и понимание, как макет превращается в вёрстку. Помогает курс «HTML и CSS с нуля»;
  • умение объяснять свои решения и спокойно принимать критику;
  • насмотренность — знание, как сделаны хорошие продукты.

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

Где искать работу

  • вакансии «UX/UI-дизайнер», «продуктовый дизайнер», «дизайнер интерфейсов» с пометкой «без опыта» или «junior»;
  • стажировки в крупных компаниях — отбор строгий, но это сильный старт;
  • студии и агентства — много разных проектов, быстро набирается опыт;
  • фриланс — небольшие заказы: лендинги, редизайн экранов. Хорош для первых реальных кейсов.

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

Попробуйте сами. Составьте план кейса «Зерно» по пяти блокам. В каждом блоке напишите 2–3 предложения и решите, какие картинки покажете.

Пример плана
  1. Задача. Утром у кассы кофейни «Зерно» очередь до 10 минут, часть гостей уходит. Цель — дать возможность заказать заранее и забрать без очереди. Картинка: фото очереди или схема проблемы.
  2. Исследование. 8 интервью с утренними гостями: главное — скорость и повтор привычного заказа. Картинки: персона Анны и карта пути с отмеченными проблемами.
  3. Решения. Кнопка «Повторить заказ» на главном экране, выбор времени получения, понятный статус. Картинки: user flow, вайрфреймы, финальные экраны.
  4. Проверка. Тест на 5 участниках: двое не нашли выбор молока — вынесли его в карточку напитка. Картинки: экран «до» и «после».
  5. Результат. Заказ привычного напитка — в 2 нажатия вместо 5. Дальше — программа лояльности. Картинка: финальный прототип на телефоне.

Мини-тест: проверьте себя

Закрепите урок: несколько вопросов, разбор ответов — в конце.

  1. Что делает кейс в портфолио сильным?

  2. Сколько кейсов достаточно для поиска первой работы?

  3. В тестовом задании непонятно, для кого приложение. Как поступить?