Максим Мурачев @max_eleo

2026-07-09 1238 (MSK) 4674779073.txt

Саммари ревью

💡 Одной строкой: единственный дизайнер, который прямо возразил против «точек входа картинками», плюс три технических долга — карусель в интернет-банке, bounce-эффект и шейдеры на статусном экране.

09.07.2026 · Максим Мурачев, оформление дебетовых карт · 74 мин · ревьюер Жасур Эшмирзаев Темы: old-libraries, neighbor-refs, page-components, slots, internet-bank, dev-handoff, animation

1. Контекст

У Максима дебетовые карты и цифровой рубль, много кастома. Продукты сильно завязаны друг на друга: «мы тащим у соседей сильно больше, чем рисуем сами». Он подготовился и пришёл с тремя техническими вопросами, поэтому вторая половина встречи — разбор поведения компонентов.

2. Темы

  • old-libraries, neighbor-refs — стандартный блок, но с содержательным возражением.

  • page-components, slots — страницы-компоненты, Layer и ленивые скелетоны.

  • internet-bank — карусель Union Pay / МИР переключается только свайпом.

  • dev-handoff — bounce-эффект, хук, содержимое карусели в Storybook.

  • animation — шейдеры и процедурная генерация для статусного экрана.

3. Решения и установки

  • Позиция по картинкам осталась прежней, но признана неполной: Максим возразил, что консистентность важнее «идеального флоу», и предложил хранить мастер-экран с легальным детачем. Решения на встрече не нашли.

  • Ленивый скелетон-контейнер в Layer — штатная замена детализированным скелетонам, плюс отдельный экран-прелоадер веб-модуля вместо «яблочка-монетки».

  • Bounce-эффект в приложении отключён глобально и включается хуком внутри каждого веб-модуля — это к продуктовому фронту, а не к DS.

  • Тяжёлые библиотеки анимации (Lottie и подобные) в веб-модули не затащить: бьются за килобайты, поэтому только нативный CSS и, возможно, canvas с процедурной генерацией.

  • Кнопки на статусном экране трогать нельзя: Action Button используется в 56 местах, замена на Toolbar AF ломает процессы.

4. Договорённости и действия

МаксимСходить к своему фронту по bounce-эффекту и содержимому карусели в Storybook—
МаксимПринести идею анимации статусного экрана, чтобы решить — видео это или canvas—
ЖасурУточнить у разработки судьбу кнопок переключения карусели в интернет-банке—
ЖасурПроверить, действительно ли в карусели контейнеры, а не картинки—
ЖасурПрислать ссылку на пример сборки экосистемы—

5. Вопросы дизайнера

  • «Настолько ли критична нагрузка на файл, чтобы менять всё на картинки?» → ответ неполный: ценность объяснена, но контраргумент про консистентность не снят.

  • «Можно ли добавить в карусель переключение кликом для интернет-банка?» → по идее это уже делали в концепте интернет-банка; требует уточнения.

  • «Почему переключение между картами топорное, без отскока?» → это bounce-эффект, включается хуком в веб-модуле; отвечено.

  • «Шейдеры, которые появились в Figma, можно отдать в разработку?» → во Flutter можно, в React вряд ли; нужно проверять, а не верить описанию Figma.

6. Для базы знаний

  • Повторы: old-libraries, neighbor-refs, page-components.

  • Новое: bounce-эффект и хук — кандидат в FAQ, решается не в дизайне; «мастер-экран с легальным детачем» как альтернатива картинкам; ограничение на сторонние библиотеки анимации из-за веса веб-модуля.

  • Прислать до созвона стоило: статус карусели в интернет-банке — Жасур был уверен, что вопрос закрыт, оказалось, что нет.

7. Риски

  • Три вопроса из четырёх ушли в «уточню у разработки» — обратной связи по ним в круге не видно.

  • Интернет-банк назван минорным проектом, при этом его проблемы приходят в продуктовые макеты.

Полная версия: ds-internal/design-reviews/2026-07-09-maxim-debit-cards.md