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

Контекст

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

Что сделал

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

Результат

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

Контекст

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

Что сделал

• Единая система токенов для 3 дизайн-систем
• Темы, шрифты и токены анимации
• Общие процессы для дизайна и разработки

Результат

Фичи выходят на 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-кит и дизайн-систему

Результат

Макеты четвёртой версии открыты в Figma ↗

Контекст

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

Что сделал

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

Результат

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

Контекст

Сеть офлайн-школ английского языка в Китае, которая выходила в онлайн

Что сделал

Руководил процессами внутри WeChat, делал лендинги и собственный учебник школы

Результат

Весь контракт жил и работал в Китае без знания мандарина, большая часть работы под NDA

Контекст

Испаноязычный телеканал сети RT. Единого визуального стиля и UX не было, а решения для англоязычной аудитории плохо работали с испаноязычной

Что сделал

• Руководил отделом: 4 дизайнера и моушн-дизайнер
• Редизайн сайта, приложения и страниц в соцсетях
• Концепции лонгридов, спецпроектов и телепрограмм
• Короткие видео в дополнение к фото и шаблоны, по которым редакторы делали их сами
• Фирменный стиль для Twitter, запуск Instagram до 50 тыс. подписчиков

Результат

Посещаемость сайта выросла с 400 тыс. до 1 млн в день, а подписчиков в Facebook стало 4,3 млн вместо 600 тыс. Статья с видео собирала до 32 тыс. просмотров на сайте и 93 тыс. на YouTube