ПОЧТОВЫЙ КЛИЕНТ • B2C / FINTECH MAIL CLIENT • B2C / FINTECH

Почтовый клиент: 7+ сценариев на новую дизайн-систему за квартал Mail Client: 7+ Scenarios for a New Design System in a Quarter

Редизайн Android-клиента крупного финтех-игрока под Material Design 3 — от списка писем до календаря. Redesign of a major fintech player's Android client under Material Design 3 — from the mail list to the calendar.

Роль Role
Product Designer (Android team): почта, календарь, AI-инициативы для iOS Product Designer (Android team): Mail, Calendar, AI initiatives for iOS
Платформа Platform
Android
Планшет
iOS
Android
Tablet
iOS
Теги Tags
UX Research, Design Systems, Interaction Design, Design QA, Cross-functional Collaboration, AI-Assisted Design
Время Timeline
4 месяца 4 months
Mail Client Redesign

КОРОТКО IN SHORT

За квартал перенёс и переосмыслил 7+ сценариев, встроил почту в суперапп (2 → 4 вкладки) и добавил календарный модуль с нуля. Ниже — как к этому пришли. In one quarter, migrated and reimagined 7+ scenarios, folded mail into the superapp (2 → 4 tabs), and added a calendar module from scratch. Here's how we got there.

Контекст Context

Компания строит внутренний суперапп: почта, чат, звонки и календарь в одном пространстве. Почта — один из ключевых модулей. Её нужно было перенести с legacy-клиента на новую дизайн-систему, не потеряв функционал и догнав планку современных почтовых продуктов. The company is building an internal superapp: mail, chat, calls, and calendar in one space. Mail is one of the key modules. It needed to be migrated from a legacy client to a new design system without losing functionality, catching up to the standard of modern mail products.

Я пришёл в Android-команду на старте — единственным дизайнером в команде из 9 человек. Зона ответственности: почта, календарь, AI-инициативы для iOS. Дедлайн — квартал. I joined the Android team at kickoff — the only designer on a team of 9. Areas of responsibility: mail, calendar, AI initiatives for iOS. Deadline: one quarter.

Comparison of old and new mail interface

Исследование и анализ Research & Analysis

  • Разобрал лучшие почтовые продукты — Gmail, Outlook, Яндекс — чтобы целиться в планку рынка, а не в прошлую версию. Studied the best mail products — Gmail, Outlook, Yandex — to aim for the market bar, not the previous version.
  • Вместе с разработкой прошёл технические ограничения и крайние сценарии: офлайн, ошибки, пустые состояния. Worked through technical constraints and edge cases with development: offline, errors, empty states.

Решение Solution

Навигация: 2 → 4 вкладки Navigation: 2 → 4 Tabs

Почта перестала быть отдельным приложением и стала частью единого пространства: почта, календарь, звонки, встречи. Mail stopped being a standalone app and became part of a unified space: mail, calendar, calls, meetings.

Comparison of old and new bottom navigation

Чтение письма Reading a Mail

Частые действия — в нижней панели, до них не нужно тянуться. Вложения — превью-миниатюрами вместо списка файлов: видно содержимое без лишнего клика. Frequent actions are in the bottom panel — no need to reach for them. Attachments are preview thumbnails instead of a file list: content is visible without an extra click.

Screen of the new email composition interface

Календарь и планшет Calendar and Tablet

Виды «День» и «Неделя», карточки событий, планшетная раскладка. В синхронизации с Android- и web-командами. Day and Week views, event cards, tablet layout. In sync with the Android and web teams.

Screen of the new email interface

Ещё в проекте Also in the Project

  • Перенёс под новую ДС список писем, папки, написание письма, настройки. Migrated the mail list, folders, mail composer, and settings to the new DS.
  • Предложил iOS-команде AI-фичи: поиск, суммаризация писем, быстрые ответы. Proposed AI features to the iOS team: search, mail summarization, quick replies.
  • Вёл дизайн-QA сборок перед демо руководству. Ran design QA on builds before demos to leadership.
  • 6 циклов AI-аудита интерфейсов за проект. 6 cycles of AI interface audits over the project.
Screen of the AI search feature on iOS

Итоги Results

7+

сценариев на новой ДС за квартал scenarios on the new DS in one quarter

24

вкладки — почта в супераппе tabs — mail inside the superapp

01

календарный модуль с нуля calendar module from scratch

10+

компонентов в дизайн-систему components added to the design system

PIN Case

Следующий проект Next Project

Редизайн PIN-кода PIN Code Redesign