В 2025 году рынок UX/UI дизайна перенасыщен: только 49.5% дизайнеров находят работу за три месяца против 67.9% в 2019. При этом на hh.ru открыто более 15 000 вакансий, а зарплаты Senior-специалистов достигают 450 000 ₽. Разница между успешными и неуспешными кандидатами — в портфолио. Проблема в том, что большинство коммерческих проектов под NDA, а показывать нечего. Решение — unsolicited redesign (редизайн без заказа). Эта статья — практическое руководство: как сделать редизайн чужого продукта, оформить его в кейс и показать impact без реальных метрик.
1. Зачем редизайн в портфолио
Реальность рынка труда
| Показатель | Значение (2025) |
|---|---|
| Вакансий UX/UI дизайнера на hh.ru | ~15 000 |
| Средняя зарплата | 195 593 ₽ |
| Медианная зарплата | 140 000 ₽ |
| Junior | 40 000–70 000 ₽ |
| Middle | 100 000–150 000 ₽ |
| Senior | 180 000–300 000 ₽ |
| Lead | 300 000–450 000 ₽ |
| Рост зарплат год к году | +17% |
Что хотят видеть работодатели
| Требование | Частота в вакансиях | Что за этим стоит |
|---|---|---|
Портфолио с кейсами | 95% | Не просто картинки, а процесс и результат |
Описание процесса | 78% | Как пришли к решению |
Figma | 92% | Основной инструмент индустрии |
Понимание UX-принципов | 85% | Не только визуал, но и логика |
Метрики и результаты | 62% | Доказательство эффективности |
Проблема NDA
Большинство коммерческих проектов закрыты соглашением о неразглашении. Показывать их нельзя. Варианты решения:
| Вариант | Плюсы | Минусы |
|---|---|---|
| Запросить разрешение | Легальный способ | Часто отказывают |
| Показать частично | Можно оставить в портфолио | Неполная картина |
| Закрытый кейс с паролем | Контролируемый доступ | Сложнее привлечь внимание |
Unsolicited redesign | Полная свобода, показывает инициативу | Нет реальных метрик |
Pet-проект | Полный контроль | Нет реальных пользователей |
Почему редизайн — хороший выбор
Показывает инициативность и страсть к дизайну
Демонстрирует аналитическое мышление
Можно показать полный процесс без ограничений
Работаете с реальным продуктом, а не абстракцией
Рекрутеры ценят это выше пустого портфолио
2. Виды проектов для портфолио без NDA
Сравнение типов проектов
| Тип проекта | Описание | Сложность | Ценность для работодателя |
|---|---|---|---|
Unsolicited Redesign | Улучшение существующего продукта | Средняя | Высокая |
Pet-проект | Свой продукт с нуля | Высокая | Высокая |
Концепт | Гипотетический продукт для бренда | Средняя | Средняя |
Конкурс/хакатон | Решение по заданному брифу | Зависит от конкурса | Средняя-Высокая |
Pro bono | Бесплатная работа для НКО | Средняя | Высокая |
Unsolicited Redesign: что это
Unsolicited redesign — это редизайн существующего продукта без запроса от компании-владельца. Вы берёте приложение или сайт, находите проблемы и предлагаете улучшения.
| Что можно редизайнить | Примеры | На что обратить внимание |
|---|---|---|
| Мобильные приложения | Банковские приложения, доставка еды | Онбординг, checkout, навигация |
| Веб-сервисы | Госуслуги, booking, e-commerce | Формы, поиск, фильтры |
| SaaS продукты | CRM, таск-менеджеры | Dashboard, настройки, отчёты |
| Лендинги | Стартапы, услуги | Конверсия, CTA, структура |
Важные правила unsolicited redesign
| Правило | Почему важно |
|---|---|
Disclaimer в начале | Чётко указать, что это несогласованный проект |
Уважение к оригиналу | Не критиковать команду, а предлагать улучшения |
Признание ограничений | У вас нет данных о constraints реальной команды |
Фокус на UX, не эстетике | Редизайн ≠ «сделать красивее» |
Реальные исследования | Провести хотя бы минимальное UX-исследование |
3. Как выбрать продукт для редизайна
Критерии выбора
| Критерий | Хорошо | Плохо |
|---|---|---|
Ваш опыт | Продукт, которым пользуетесь | Незнакомый продукт |
Размер компании | Средние, стартапы, локальные | Apple, Google, Meta |
Наличие проблем | Очевидные UX-проблемы | Идеально отполированный продукт |
Доступность данных | Публичные отзывы, рейтинги | Закрытая B2B система |
Релевантность | Индустрия, где хотите работать | Случайный продукт |
Почему не стоит редизайнить Apple и Google
У крупных компаний огромные дизайн-команды и отточенные процессы. Шанс найти реальные UX-проблемы минимален. Рекрутеры это понимают и скептически относятся к таким кейсам.
| Компания | Размер дизайн-команды | Почему редизайн рискован |
|---|---|---|
| Apple | 1000+ дизайнеров | Каждый пиксель обоснован |
| 2000+ дизайнеров | A/B тестируют всё | |
| Meta | 1500+ дизайнеров | Миллиарды пользователей = данные |
| Spotify | 500+ дизайнеров | Сильный бренд и UX |
Где искать продукты с реальными проблемами
| Источник | Что искать | Пример |
|---|---|---|
App Store / Google Play | Приложения с рейтингом 3–4 звезды | «Неудобная навигация», «сложно найти» |
Отзывы | Конкретные жалобы пользователей | «Checkout занимает 10 шагов» |
Госсервисы | Устаревший UX | Госуслуги, налоговая, mos.ru |
Локальные сервисы | Региональные банки, доставки | Местные приложения без дизайн-команды |
Ваш опыт фрустрации | Продукты, которые бесят | Запишите, что именно бесит |
Идеальные кандидаты для редизайна
| Категория | Примеры продуктов | Типичные проблемы |
|---|---|---|
| Банковские приложения | Региональные банки | Сложные переводы, плохой онбординг |
| E-commerce | Локальные магазины | Длинный checkout, плохой поиск |
| Доставка еды | Не топ-3 сервисы | Неудобный выбор, отслеживание |
| Здоровье/Фитнес | Трекеры, клиники | Сложная запись, непонятные данные |
| Образование | Онлайн-курсы, LMS | Плохая навигация, прогресс |
| Транспорт | Билеты, парковки | Сложная покупка, непонятный UX |
4. Процесс создания редизайн-кейса
Полный процесс по шагам
| Этап | Что делаем | Результат | Время |
|---|---|---|---|
1. Выбор продукта | Анализ рынка, личный опыт | Продукт + обоснование выбора | 1–2 дня |
2. Аудит текущего UX | Heuristic evaluation, user flows | Список проблем | 2–3 дня |
3. Исследование | Интервью, опросы, тесты | Инсайты от пользователей | 3–5 дней |
4. Определение проблемы | Problem statement, гипотезы | Чёткая формулировка | 1 день |
5. Идеация | Brainstorm, sketches | Варианты решений | 2–3 дня |
6. Wireframes | Low-fidelity прототипы | Структура решения | 2–3 дня |
7. UI дизайн | High-fidelity макеты | Финальный визуал | 5–7 дней |
8. Прототип | Интерактивный прототип | Clickable demo | 2–3 дня |
9. Тестирование | Usability testing | Валидация решения | 3–5 дней |
10. Оформление | Case study | Готовый кейс | 3–5 дней |
Этап 1: Аудит текущего UX
Используйте эвристики Нильсена для системной оценки:
| Эвристика | Что проверять | Типичные проблемы |
|---|---|---|
Visibility of system status | Понимает ли пользователь, что происходит | Нет лоадеров, непонятный прогресс |
Match with real world | Знакомые термины и концепты | Технический жаргон, непонятные иконки |
User control | Возможность отменить действие | Нет кнопки «Назад», необратимые действия |
Consistency | Одинаковое поведение элементов | Разные кнопки для одной функции |
Error prevention | Защита от ошибок | Нет валидации форм, легко ошибиться |
Recognition over recall | Информация на виду | Нужно помнить, где что находится |
Flexibility | Шорткаты для опытных | Только один способ выполнить задачу |
Aesthetic design | Минимум лишнего | Перегруженный интерфейс |
Error recovery | Понятные сообщения об ошибках | «Error 500», непонятно что делать |
Help | Доступ к помощи | Нет FAQ, недоступная поддержка |
Этап 2: Исследование пользователей
Даже без доступа к реальным пользователям продукта можно провести исследование:
| Метод | Как провести | Минимум участников |
|---|---|---|
Guerrilla testing | Попросить друзей выполнить задачу | 5–7 человек |
Опрос | Google Forms в соцсетях | 20–30 ответов |
Анализ отзывов | App Store, Google Play, отзовики | 50+ отзывов |
Конкурентный анализ | Сравнение с аналогами | 3–5 конкурентов |
Think-aloud protocol | Записать, как человек пользуется | 3–5 человек |
Что спрашивать на интервью
| Тип вопроса | Примеры |
|---|---|
Контекст использования | «Как часто вы используете [продукт]?», «В каких ситуациях?» |
Проблемы | «Что раздражает?», «Где застревали?» |
Цели | «Что пытались сделать?», «Получилось ли?» |
Альтернативы | «Пробовали другие продукты?», «Почему?» |
Идеальный сценарий | «Как бы выглядел идеальный продукт?» |
5. Структура кейса: что показывать
8 обязательных разделов
| Раздел | Что включить | Объём |
|---|---|---|
1. Overview | Название, роль, сроки, disclaimer | 1 экран |
2. Problem | Проблема, контекст, почему важно | 1–2 экрана |
3. Research | Методы, инсайты, персоны | 3–5 экранов |
4. Goals | Что хотим достичь, гипотезы | 1 экран |
5. Process | Итерации, wireframes, решения | 5–10 экранов |
6. Solution | Финальный дизайн, UI | 5–10 экранов |
7. Results | Тестирование, метрики, выводы | 2–3 экрана |
8. Learnings | Чему научились, что бы изменили | 1 экран |
Раздел 1: Overview
Рекрутер тратит менее 60 секунд на первичный просмотр. Первый экран должен зацепить.
| Элемент | Пример |
|---|---|
Заголовок | «Редизайн мобильного приложения банка X» |
Подзаголовок | «Упрощение процесса перевода денег» |
Hero image | Мокап финального дизайна |
Роль | UX/UI дизайнер |
Сроки | 4 недели |
Disclaimer | «Это unsolicited redesign. Я не связан с компанией X» |
Раздел 2: Problem
| Компонент | Что писать | Пример |
|---|---|---|
Контекст | Фон проблемы | «Я пользуюсь приложением банка X 2 года» |
Проблема | Конкретная боль | «Перевод денег занимает 7 шагов и 2 минуты» |
Impact | Почему это плохо | «43% пользователей жалуются в отзывах» |
Opportunity | Что можно улучшить | «Сократить до 3 шагов и 30 секунд» |
Раздел 3: Research
Покажите, что решение основано на данных, а не на вкусе:
| Артефакт | Что показать |
|---|---|
User Persona | 1–2 персоны с целями, болями, контекстом |
User Journey Map | Текущий путь пользователя с pain points |
Competitive Analysis | Таблица сравнения с конкурентами |
Key Insights | 3–5 главных инсайтов из исследования |
Affinity Map | Группировка инсайтов по темам |
Раздел 5: Process
Самый важный раздел. Показывает мышление, а не только результат.
| Что показать | Формат | Зачем |
|---|---|---|
Sketches | Фото скетчей от руки | Показать начало процесса |
Information Architecture | Sitemap, структура | Логика организации |
User Flows | Диаграмма шагов | Оптимизация пути |
Wireframes | Lo-fi макеты | Структура без визуала |
Iterations | Версии 1, 2, 3... | Эволюция решения |
Design Decisions | Текст + скриншоты | Почему именно так |
Как показать design decision
| Плохо | Хорошо |
|---|---|
| «Я сделал кнопку зелёной» | «Кнопка CTA зелёная, т.к. это цвет бренда и она контрастирует с фоном (AA по WCAG)» |
| «Добавил поиск» | «70% респондентов не могли найти нужный раздел → добавил глобальный поиск в header» |
| «Упростил форму» | «Сократил форму с 12 до 5 полей, убрав необязательные. Completion rate в тесте вырос на 40%» |
6. Как показать impact без реальных метрик
Проблема
У вас нет доступа к реальным данным продукта: конверсиям, retention, revenue. Но работодатели хотят видеть результат. Что делать?
7 способов показать impact
| Способ | Описание | Пример |
|---|---|---|
Usability testing results | Результаты ваших тестов | «8 из 10 пользователей выполнили задачу за 30 сек vs 2 мин ранее» |
Task completion rate | % успешных выполнений | «Task completion вырос с 60% до 95%» |
Time on task | Время выполнения задачи | «Среднее время сократилось на 65%» |
Error rate | Количество ошибок | «Количество ошибок снизилось с 4 до 0.5 на сессию» |
SUS score | System Usability Scale | «SUS score вырос с 52 до 78 (выше среднего)» |
Qualitative feedback | Цитаты пользователей | «"Наконец-то понятно!" — респондент #3» |
Hypothetical metrics | Прогнозные показатели | «При таком улучшении конверсия может вырасти на ~15%» |
Usability testing: как провести
| Шаг | Что делать | Инструменты |
|---|---|---|
1. Подготовка | Написать сценарий, задачи | Google Docs |
2. Рекрутинг | Найти 5–7 участников | Друзья, соцсети, UserTesting |
3. Тест оригинала | Записать прохождение | Zoom, Loom, Maze |
4. Тест редизайна | Те же задачи, новый дизайн | Figma prototype + Maze |
5. Анализ | Сравнить метрики | Excel, Notion |
Инструменты для количественного тестирования
| Инструмент | Что измеряет | Цена |
|---|---|---|
Maze | Task completion, time, heatmaps | Free tier |
UXtweak | Task analysis, tree testing | Free tier |
Useberry | Click testing, surveys | Free tier |
Optimal Workshop | Card sorting, tree testing | Free trial |
Hotjar | Heatmaps, recordings | Free tier |
Как формулировать гипотетические метрики
| Плохо | Хорошо |
|---|---|
| «Конверсия вырастет» | «Основываясь на результатах usability-тестирования, можно предположить рост конверсии на 10–15%» |
| «Пользователи довольны» | «SUS score вырос с 52 до 78, что соответствует оценке "хорошо" по шкале» |
| «Стало быстрее» | «Среднее время выполнения задачи сократилось с 127 до 43 секунд (–66%)» |
Какие метрики отслеживать
| Категория | Метрики | Как измерить |
|---|---|---|
Эффективность | Task completion rate, Error rate | Maze, наблюдение |
Efficiency | Time on task, Clicks to complete | Maze, секундомер |
Удовлетворённость | SUS, CSAT, NPS | Опросы после теста |
Learnability | Время на 1-й vs 2-й попытке | Сравнение сессий |
7. Как писать о процессе
Формула описания решения
Инсайт → Решение → Обоснование → Результат
| Компонент | Пример |
|---|---|
Инсайт | «5 из 7 респондентов не могли найти кнопку "Перевести"» |
Решение | «Переместил CTA на первый экран и увеличил размер» |
Обоснование | «По закону Фиттса, крупные близкие элементы легче нажать» |
Результат | «При повторном тесте 7 из 7 нашли кнопку за 3 секунды» |
Что показывать vs что не показывать
| Показывать | Не показывать |
|---|---|
| Проблемы, которые решали | Каждый пиксель и микро-решение |
| Ключевые итерации | Все 50 версий |
| Неудачные варианты и почему отказались | Только финальный результат |
| Цитаты пользователей | Абстрактные утверждения |
| Конкретные числа | «Улучшилось» без деталей |
| Ограничения и допущения | Идеальную картину без проблем |
Типичные фразы для кейса
| Раздел | Полезные фразы |
|---|---|
Problem | «Пользователи сталкивались с...», «Главная боль — ...» |
Research | «Исследование показало...», «Ключевой инсайт — ...» |
Process | «Я выбрал этот подход, потому что...», «Альтернативой было...» |
Solution | «Решение включает...», «Ключевые изменения — ...» |
Results | «Тестирование показало...», «По сравнению с оригиналом...» |
Learnings | «Если бы начал заново, я бы...», «Главный вывод — ...» |
8. Визуальное оформление кейса
Где публиковать
| Платформа | Плюсы | Минусы | Для кого |
|---|---|---|---|
Behance | Большая аудитория, SEO | Много визуала, мало текста | Все уровни |
Dribbble | Премиум аудитория | Фокус на визуале | Middle+ |
Собственный сайт | Полный контроль | Нужно создать и поддерживать | Senior+ |
Notion | Быстро, структурировано | Шаблонный вид | Junior/Middle |
Figma (презентация) | Интерактивно | Нужна ссылка | Все уровни |
Medium/VC.ru | Текстовый контент, SEO | Меньше визуала | Для историй |
Принципы оформления
| Принцип | Что это значит |
|---|---|
Consistency | Одни шрифты, цвета, отступы во всём кейсе |
Hierarchy | Чёткая визуальная иерархия: заголовки > подзаголовки > текст |
White space | Много воздуха, не перегружать |
Real content | Реальный текст, не Lorem ipsum |
Mockups | Показать дизайн в контексте (устройства) |
Before/After | Сравнение оригинала и редизайна |
Что включить визуально
| Тип контента | Примеры |
|---|---|
Hero image | Мокап финального дизайна |
Screenshots | До и после |
User flows | Диаграммы путей |
Wireframes | Lo-fi скетчи |
Personas | Карточки персон |
Journey maps | Визуализация пути |
Prototypes | GIF или видео интерактива |
Metrics | Графики, таблицы результатов |
9. Типичные ошибки
Ошибки в выборе проекта
| Ошибка | Почему плохо | Как исправить |
|---|---|---|
| Редизайн Apple/Google | Нереалистично, скептицизм | Выбрать продукт с реальными проблемами |
| Продукт, которым не пользовались | Поверхностное понимание | Редизайнить то, что знаете |
| Слишком простой продукт | Не показывает навыки | Выбрать комплексный flow |
| Слишком сложный продукт | Невозможно сделать качественно | Сфокусироваться на одном flow |
Ошибки в процессе
| Ошибка | Почему плохо | Как исправить |
|---|---|---|
| Только визуальные изменения | Редизайн ≠ «сделать красивее» | Начать с UX-проблем |
| Нет исследования | Решения не обоснованы | Провести хотя бы 5 интервью |
| Нет тестирования | Не доказана эффективность | Протестировать прототип |
| Игнорирование constraints | Нереалистичные решения | Признать ограничения в кейсе |
| Критика оригинала | Непрофессионально | Фокус на улучшениях, не критике |
Ошибки в оформлении
| Ошибка | Почему плохо | Как исправить |
|---|---|---|
| Только финальный дизайн | Не видно процесс | Показать итерации |
| Нет disclaimer | Могут принять за реальный проект | Чётко указать «unsolicited» |
| Слишком длинный кейс | Никто не дочитает | 5–10 минут на чтение максимум |
| Нет структуры | Сложно следить за логикой | Чёткие разделы с заголовками |
| Lorem ipsum | Выглядит незавершённо | Реальный контент везде |
Красные флаги для рекрутеров
| Что видит рекрутер | Что думает |
|---|---|
| «Редизайн Instagram» | «Опять один из тысячи» |
| Только красивые картинки | «Где процесс? Это дизайнер или художник?» |
| «Я сделал лучше» | «Высокомерно, не понимает constraints» |
| Нет данных вообще | «Решения из головы, не data-driven» |
| Один кейс на 50 экранов | «Не умеет фокусироваться» |
10. Примеры структуры кейсов
Пример 1: Редизайн checkout в e-commerce
| Раздел | Содержание |
|---|---|
Overview | «Редизайн checkout магазина X: сокращение шагов с 5 до 2» |
Problem | «67% корзин бросаются. Анализ отзывов: "слишком долго", "много полей"» |
Research | Опрос 30 человек, анализ 100 отзывов, 5 usability-тестов |
Solution | Одностраничный checkout, автозаполнение, guest checkout |
Results | «Время выполнения: 4 мин → 1.5 мин. Task completion: 60% → 92%» |
Пример 2: Редизайн мобильного банка
| Раздел | Содержание |
|---|---|
Overview | «Упрощение перевода денег в приложении банка Y» |
Problem | «7 шагов на перевод. 3.2 звезды в App Store. Жалобы на UX» |
Research | 7 интервью, анализ конкурентов (Тинькофф, Сбер, Альфа) |
Solution | 3 шага на перевод, шаблоны, умный поиск контактов |
Results | «Время: 2 мин → 30 сек. Ошибки: 2.3 → 0.4 на сессию» |
Пример 3: Редизайн онбординга SaaS
| Раздел | Содержание |
|---|---|
Overview | «Увеличение активации в таск-менеджере Z» |
Problem | «50% пользователей не завершают онбординг. Продукт сложный» |
Research | Анализ воронки (публичные данные), 5 think-aloud сессий |
Solution | Progressive disclosure, интерактивный туториал, шаблоны |
Results | «Completion rate в тесте: 50% → 85%. Time to first task: 5 мин → 2 мин» |
11. Инструменты
Дизайн
| Инструмент | Для чего | Цена |
|---|---|---|
Figma | UI дизайн, прототипы, презентации | Free tier |
Figjam | Brainstorm, user flows, mapping | Free tier |
Miro | Research synthesis, workshops | Free tier |
Whimsical | Flowcharts, wireframes | Free tier |
Исследования
| Инструмент | Для чего | Цена |
|---|---|---|
Maze | Usability testing, metrics | Free tier |
UXtweak | Task analysis, tree testing | Free tier |
Typeform | Опросы | Free tier |
Loom | Запись экрана для тестов | Free tier |
Notion | Организация research | Free |
Публикация
| Инструмент | Для чего | Цена |
|---|---|---|
Behance | Публикация кейсов | Free |
Dribbble | Shots + case studies | Free / Pro |
Readymag | Красивые лонгриды | Free tier |
Webflow | Собственный сайт | Free tier |
Framer | Портфолио-сайт | Free tier |
Мокапы
| Ресурс | Что есть | Цена |
|---|---|---|
Mockup World | Бесплатные мокапы устройств | Free |
Artboard Studio | Онлайн-генератор мокапов | Free tier |
Screely | Быстрые мокапы браузера | Free |
Shots.so | Мокапы для презентаций | Free tier |
12. Чек-лист редизайн-кейса
Перед началом
Выбран продукт с реальными UX-проблемами
Это не Apple/Google/Meta
Вы пользовались этим продуктом
Есть доступ к отзывам/данным
Определён scope (один flow, не весь продукт)
Исследование
Проведён heuristic evaluation
Собраны отзывы (минимум 50)
Проведены интервью/тесты (минимум 5)
Сделан конкурентный анализ
Созданы персоны
Составлен user journey текущего состояния
Дизайн
Есть sketches / lo-fi wireframes
Показаны итерации (минимум 2–3 версии)
Обоснованы ключевые решения
Создан интерактивный прототип
Дизайн протестирован на пользователях
Результаты
Есть количественные данные (время, completion rate)
Есть качественный фидбек (цитаты)
Сравнение «до» и «после»
Гипотетические метрики обоснованы
Оформление
Есть disclaimer об unsolicited redesign
Чёткая структура с разделами
Hero image привлекает внимание
Показан процесс, не только результат
Время чтения — 5–10 минут
Нет Lorem ipsum
Мокапы в контексте устройств
Итоги
Unsolicited redesign — мощный инструмент для портфолио, если делать его правильно. Ключевые выводы:
Выбирайте продукты с реальными проблемами — не Apple, не Google, а локальные сервисы с 3-4 звёздами
Проводите реальные исследования — 5–7 интервью, анализ отзывов, usability-тесты
Фокус на UX, не эстетике — редизайн ≠ «сделать красивее»
Показывайте процесс — итерации, решения, обоснования важнее финального дизайна
Измеряйте результат — task completion, time on task, SUS score
Будьте честны — disclaimer, признание ограничений, уважение к оригиналу
Портфолио с качественными редизайн-кейсами выделит вас среди тысяч кандидатов с пустыми Behance-профилями. А навыки, которые вы получите в процессе — исследование, тестирование, обоснование решений — пригодятся в любой работе.
А лучшие вакансии для дизайнеров ищите на hirehi.ru