Редизайн в портфолио продуктового дизайнера: как показать улучшение чужого продукта без NDA и реальных метрик

Редизайн в портфолио продуктового дизайнера: как показать улучшение чужого продукта без NDA и реальных метрик

В 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 ₽
Junior40 000–70 000 ₽
Middle100 000–150 000 ₽
Senior180 000–300 000 ₽
Lead300 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-проблемы минимален. Рекрутеры это понимают и скептически относятся к таким кейсам.

КомпанияРазмер дизайн-командыПочему редизайн рискован
Apple1000+ дизайнеровКаждый пиксель обоснован
Google2000+ дизайнеровA/B тестируют всё
Meta1500+ дизайнеровМиллиарды пользователей = данные
Spotify500+ дизайнеровСильный бренд и 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 demo2–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

Название, роль, сроки, disclaimer1 экран

2. Problem

Проблема, контекст, почему важно1–2 экрана

3. Research

Методы, инсайты, персоны3–5 экранов

4. Goals

Что хотим достичь, гипотезы1 экран

5. Process

Итерации, wireframes, решения5–10 экранов

6. Solution

Финальный дизайн, UI5–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, heatmapsFree tier

UXtweak

Task analysis, tree testingFree tier

Useberry

Click testing, surveysFree tier

Optimal Workshop

Card sorting, tree testingFree trial

Hotjar

Heatmaps, recordingsFree tier

Как формулировать гипотетические метрики

ПлохоХорошо
«Конверсия вырастет»«Основываясь на результатах usability-тестирования, можно предположить рост конверсии на 10–15%»
«Пользователи довольны»«SUS score вырос с 52 до 78, что соответствует оценке "хорошо" по шкале»
«Стало быстрее»«Среднее время выполнения задачи сократилось с 127 до 43 секунд (–66%)»

Какие метрики отслеживать

КатегорияМетрикиКак измерить

Эффективность

Task completion rate, Error rateMaze, наблюдение

Efficiency

Time on task, Clicks to completeMaze, секундомер

Удовлетворённость

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, mappingFree tier

Miro

Research synthesis, workshopsFree tier

Whimsical

Flowcharts, wireframesFree tier

Исследования

ИнструментДля чегоЦена

Maze

Usability testing, metricsFree tier

UXtweak

Task analysis, tree testingFree tier

Typeform

ОпросыFree tier

Loom

Запись экрана для тестовFree tier

Notion

Организация researchFree

Публикация

ИнструментДля чегоЦена

Behance

Публикация кейсовFree

Dribbble

Shots + case studiesFree / 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