Портфолио UX/UI дизайнера — это не просто галерея работ. Это ваш профессиональный паспорт, который рассказывает историю вашего мышления, навыков и умения решать реальные проблемы. По данным исследований, 75% работодателей отсеивают кандидатов уже на этапе просмотра портфолио. Как сделать так, чтобы ваше портфолио попало в топ-25%? Разбираемся в деталях.
1. Определите цель: для кого и зачем вы создаете портфолио?
Прежде чем браться за Figma, ответьте на три вопроса:
Кто ваша аудитория?
Для работодателей: акцент на процессы, аналитику, командную работу.
Для заказчиков: примеры коммерческих проектов, скорость, понимание бизнес-метрик.
Для стартапов: креативность, адаптивность, опыт в MVP.
Какие эмоции вы хотите вызвать? Доверие? Вдохновение? Желание сотрудничать?
Что вы предлагаете? Укажите свою специализацию: мобильные приложения, веб-платформы, геймификация.
Пример: Если вы хотите работать в продукте, добавьте кейсы с метриками: «Повысил конверсию на 30% через оптимизацию onboarding».
2. Структура: какие разделы должны быть в портфолио?
Идеальное портфолио — это история с началом, серединой и концом. Базовая структура:
Главная страница
Кратко о себе: 2–3 предложения + ключевые компетенции.
Лучшие проекты: 3–5 «витринных» работ с превью.
Призыв к действию (CTA): «Связаться», «Посмотреть резюме».
Детализация проектов
Каждый кейс оформляйте по схеме CASE:
Context (Контекст):
Проблема: «У клиента падала конверсия из-за сложной навигации».
Цель: «Упростить путь пользователя до 3 шагов».
Action (Действия):
Исследования: юзабилити-тесты, CJM, интервью.
Решения: скетчи, мудборды, прототипы.
Solution (Решение): Финал — скрины интерфейсов, анимации, интерактивные прототипы (можно встроить Figma или After Effects).
Effect (Результат): «Конверсия выросла на 25% за 2 месяца».
Дополнительные разделы
Резюме: Опыт, навыки (Soft и Hard), инструменты (Figma, Adobe XD, Miro).
Блог/статьи: Покажите экспертность. Даже 2–3 поста о трендах в UX.
Контакты: Email, LinkedIn, Behance, Telegram.
3. Выбор проектов: что включать, а что — нет?
Включайте:
Проекты с контекстом: Не просто «сделал лендинг», а «лендинг для EdTech-стартапа с TA — подростки 13–17 лет».
Незавершенные работы, если они показывают процесс: скетчи, варианты, которые отклонили.
Пет-проекты: Например, редизайн приложения для доставки еды — это демонстрация инициативности.
Исключайте:
Работы «для галочки»: 10 одинаковых логотипов.
Проекты без метрик: «Красиво» — не аргумент.
Совет: Добавьте 1–2 кейса из другой области (например, графический дизайн), чтобы показать многопрофильность.
4. Визуальная подача: как не утонуть в креативе?
Минимализм: Чистые линии, много воздуха, акцент на контент. Посмотрите портфолио Lyss Weiss — никакого визуального шума.
Консистентность: Единые шрифты, цвета, отступы. Используйте стиль, который отражает ваш личный бренд.
Интерактивность:
Добавьте микроанимации (например, hover-эффекты на кнопках).
Встройте кликабельные прототипы (InVision, Framer).
Адаптивность: 60% работодателей смотрят портфолио с телефона — проверьте, как ваш сайт выглядит на мобильных.
Инструменты:
Платформы: Webflow, Readymag, Tilda.
Шаблоны: UI8, TemplateMonster.
5. Storytelling: превратите кейсы в истории
Люди запоминают истории, а не скрины. Используйте приемы:
Драматургия:
Завязка: «Клиент терял 1000$ ежемесячно из-за плохого UX».
Кульминация: «Мы провели 20 интервью и обнаружили…».
Развязка: «Новый дизайн увеличил LTV на 40%».
Персонажи: Введите героя — пользователя, для которого вы проектировали. Пример:
«Анна, 28 лет, менеджер. Ей нужно быстро находить документы в CRM, но интерфейс её запутал. Мы упростили поиск до 2 кликов».
6. Ошибки, которые убивают портфолио
«Портфолио-мусорка»: 20 проектов без фильтров. Оптимально — 6–8 кейсов.
Нет контактов: Спрятали email в раздел «О себе»? Добавьте CTA на каждой странице.
Игнорирование SEO: Если портфолио на личном сайте, прописывайте alt-теги для изображений («UX-дизайн мобильного приложения») и метаописания.
Шаблонные фразы: «Создаю удобные интерфейсы» → «Проектирую интерфейсы, которые повышают конверсию на 20–50%».
7. Дополнительные фишки
Видеопрезентации: Запишите 2-минутный ролик, где расскажете о любимом проекте.
Тест-драйв: Добавьте раздел «Попробуйте сами» — например, интерактивный чек-лист для оценки UX.
Отзывы: Если клиенты хвалили вашу работу, включите цитаты.
Пример: Дизайнер Майкл Вонг добавляет в кейсы комментарии от разработчиков: «Благодаря детальным мокапам мы сократили время на верстку на 30%».
Итог: чек-лист для идеального портфолио
Покажите процесс, а не только результат.
Добавьте метрики — цифры убеждают лучше слов.
Сделайте навигацию интуитивной — теряясь в разделах, работодатель уйдет.
Обновляйте портфолио раз в 3 месяца — даже если просто дописали новый кейс.
Куда заливать?
Behance/Dribbble — для быстрого доступа.
Персональный сайт — для полного контроля над дизайном и SEO.
PDF-версия — для отправки в компании, которые требуют файл.
Помните: портфолио — это живой документ. Начните с малого: выберите 3 лучших проекта, оформите их по схеме CASE и постепенно дополняйте. Ваша цель — чтобы после просмотра работ у человека возникло желание сказать: «Хочу такого же дизайнера в свою команду!».
Отправляя данные вы подтверждаете пользовательское соглашение