Почта Банк — дизайн-система и редизайн мобильного приложения
Проект под NDA, ссылку на фигму дать не могу. Весь флоу могу пошарить на интервью
Роль: Senior Product Designer (Systems & UI)
Формат: дизайн-аудит → системный рефакторинг → визуальный редизайн (iOS/Android)
Зона ответственности: навигация, карточки продуктов, экраны действий по карте, платежи/переводы, состояния и набор паттернов
Формат: дизайн-аудит → системный рефакторинг → визуальный редизайн (iOS/Android)
Зона ответственности: навигация, карточки продуктов, экраны действий по карте, платежи/переводы, состояния и набор паттернов
Контекст
Приложение исторически развивалось несколькими командами, из-за чего визуальный язык и поведенческие паттерны расходились: разные сетки, отступы, стили карточек, кнопок и пустых состояний. Это тормозило разработку и усложняло масштабирование.
Цель: собрать единый, предсказуемый интерфейс и заложить основу для быстрого развития фичей без “ручной верстки” на каждом экране
Диагностика (до редизайна)
Приложение исторически развивалось несколькими командами, из-за чего визуальный язык и поведенческие паттерны расходились: разные сетки, отступы, стили карточек, кнопок и пустых состояний. Это тормозило разработку и усложняло масштабирование.
Цель: собрать единый, предсказуемый интерфейс и заложить основу для быстрого развития фичей без “ручной верстки” на каждом экране
Диагностика (до редизайна)
- Разнородные карточки и заголовки, нестабильная иерархия в списках
- Смешение типографики и шрифтовых размеров, из-за чего терялись приоритеты
- Неединообразные CTA и вторичные действия (кнопки, ссылки, иконки-кнопки)
- Неполные/несогласованные состояния: загрузка, пусто, ошибки, «нет сети»
- Навигация «россыпью»: часть сценариев уводила в глубокие экраны без ясного пути назад
Редизайн
Что улучшилось (качественно)
- Интерфейс стал предсказуемым: пользователи быстро ориентируются между «Инфо/Действия/История»
- Сценарии «оплатить/перевести» и операции по карте стали быстрее и чище за счёт повторно используемых блоков
- Команды разработки получили повторяемые паттерны — меньше ручной разметки, проще поддержка
- Готовность к масштабированию: новые экраны собираются из библиотеки, не «рисуются с нуля»