Иван Сербинов

Контекст

600+ общих блоков для 74 продуктовых команд. Blocks: функциональный слой между компонентами TUI и готовыми страницами. Работает на 4 веб-поверхностях Т-Банка

Что сделал

• Отвечал за дизайн-направление Blocks с фокусом на личный кабинет
• Проектировал и развивал UI-блоки, следил за их консистентностью с TUI
• Выстраивал правила и процессы создания, редизайна и поддержки блоков
• Вёл дизайнера и стажёра, координировал разработчиков и продуктовые команды
• Вёл миграции и адаптацию блоков под iPhone Duo

Результат

Работал с каждым из 600+ блоков: новые блоки, обновления спецификаций, доработки. Дизайнер стал полноправным участником процесса: с шаблонами и гайдами для создания и поддержки блоков

Контекст

Бэк-офис Самоката и Мегамаркета, 70+ продуктов на 3 дизайн-системах: Funbox, Rampa и Spine. Бэк-офис не только внутренний: приложения для разных пользователей, от курьеров и кладовщиков до интерфейсов управления дронами

Что сделал

• Единая система токенов для 3 дизайн-систем
• Темы, шрифты и токены анимации
• Общие процессы для дизайна и разработки
• Доступность (a11y): аудит компонентов, гайдлайны, контрастность

Результат

Фичи выходят на 40% быстрее. NPS всех 3 дизайн-систем за год вырос, у Rampa до 8,6

Контекст

Дизайн-система 1.0 была перекрашенным Material UI. Задача: собственная дизайн-система 2.0 для производственных интерфейсов, MES-систем

Что сделал

• Исследование: поездки на заводы, запросы дизайнеров
• Токены в 4 уровня на Tokens Studio, потому что нативных токенов в Figma тогда ещё не было
• Кит компонентов параллельно с разработкой
• Нейминг, версионирование и документация вместе с разработчиками
• Открытая часть: Figma, Storybook, npm

Результат

2 дизайн-системы: внутренняя и открытая, ds.nlmk.com. Свидетельство о регистрации программы для ЭВМ

Контекст

Платформа для школы: ученики, учителя и все, кто участвует в учебном процессе. Работал над четвёртой версией

Что сделал

• Отвечал за направление учебного процесса
• Вёл задачи от концепта до кликабельного прототипа и передачи в разработку
• Проработал все user flow учебного процесса
• CJM, полевые исследования и аналитика
• Развивал UI-кит и дизайн-систему

Результат

Флоу учебного процесса в двух версиях, Lite и Pro, для трёх ролей. Проект сменил масштаб, и до школ почти ничего не дошло

Контекст

Онлайн-школа делала собственную платформу для онлайн-обучения, чистый B2C. Компания выросла на 900% за год, и дизайн-команду нужно было масштабировать вместе с продуктом

Что сделал

• Собственная платформа для онлайн-обучения: проектирование продукта, информационная архитектура, прототипы
• Ребрендинг и брендбук: принимал работу подрядчиков со стороны заказчика
• Дизайн-система: делал и вёл. UI-кит личного кабинета, наработки для кодовой базы, гайды
• Исследования, CJM, A/B-тесты: сам ставил тесты и принимал решения
• Приоритизация задач по данным
• С CEO и CTO: дизайн-стратегия, роадмап, найм, процесс от дизайна до разработки
• Продуктовые посадочные страницы, около 40 в год, силами команды

Результат

Своя платформа для онлайн-обучения, дизайн-система, которой пользовались все команды. Почти все джуны за год выросли до мидлов, а затем получили повышение в других компаниях

OWEN Education · 2018–19

Старший продуктовый дизайнер. Сеть из 45 школ английского языка на юго-западе Китая выходила в онлайн: процессы внутри WeChat, лендинги, собственный учебник школы

Element Group · 2017–18

Тимлид отдела дизайна, 5+ подрядчиков. Визуал маркетинга и продукта четырёх блокчейн-проектов: white paper, сайты, интерфейсы. Проекты продали токенов на $250 млн, по открытым данным

Между­народное СМИ · 2014–17

Тимлид отдела графического дизайна, 4 дизайнера и моушн-дизайнер. Редизайн сайта, приложения и соцсетей испаноязычного канала: посещаемость сайта выросла с 400 тыс. до 1 млн в день, подписчиков в Facebook стало 4,3 млн вместо 600 тыс.