ВкусВилл: курьеры
Продуктовый дизайнер в B2E-мобильном приложении для курьеров. Работал над дизайн-системой, UI-китом, онбордингом и внедрением нейросетей в процесс разработки.
Кратко
Контекст и задача
Мобильное приложение для курьеров — ключевый B2E-продукт, через который курьеры получают заказы и выполняют обязанности. Приложение было создано как MVP, которое никто не хотел поддерживать из-за сложности. Планировалось переписать с нуля на SDUI по аналогии с коммерческим приложением ВкусВилла. Команда начала расти, но вскрылись проблемы: долгий онбординг, устаревший UI-кит без документации, ручные решения без автоматизации — всё это сдвигало метрики скорости и усилий.
Исследование
Исследование дизайн-систем
Изучил решения других компаний в области дизайн-систем и UI-китов. На основе исследований создал Notion-страницу с находиками и поделился с командой — что можно применить в Figma и с чего стоит начать.
Онбординг и база знаний
Вместе с тимлидом работали над внутренними статьями для новых дизайнеров. Составил личный чек-лист вопросов для ускорения адаптации — он повысил качество и скорость онбординга.
Конкретные решения
Перевёл стили в Variables для мгновенного переключения тем. Добавил UI-кит на компонентах с кастомизацией. Обновил обложки и архив. Перенёс иллюстрации из Illustrator в Figma, оптимизировав процесс.
Инициативы и автоматизация
Внедрил нейросети в процесс разработки, обучил команду. Проводил митап по моушен-дизайну для повышения качества работ. Тестировал сторис для обновлений. Упростил Variables до используемых цветов, совместив с основной дизайн-системой ВкусВилла. Добавил документацию и начал продвигать дизайн-токены.
Основные сценарии
UI-кит и Variables
Создал UI-кит на основе актуальных макетов. Перевёл стили в Variables для мгновенного переключения светлой и тёмной темы. Совместил палитру с основной дизайн-системой ВкусВилла.
Нейросети в процессе
Внедрил использование нейросетей для ускорения разработки. Обучил команду, собирал обратную связь и корректировал подход.
Моушен и сторис
Проводил митап по моушен-дизайну. Тестировал сторис обновлений для повышения качества коммуникации с пользователями.
Дизайн-токены
Начал внедрение дизайн-токенов для будущего масштабирования. Добавил документацию к компонентам и процессам.
Результаты и выводы
Внедрили нейросети в ежедневную работу. Сократили время онбординга новых дизайнеров. Создали UI-кит на основе актуальных макетов. Обновили структуру и внешний вид Figma. Архивировали устаревшие работы. Снизили Time-To-Market за счёт Variables и автоматизации.
Что пошло не так
Основному дизайнеру оказалось всё равно — несмотря на изменения местами, работать стало сложнее из-за того, что нужно было переучиваться под новый стандарт. Но при этом новый подход сокращал время на многих этапах работы. Также крупный UI-кит я создавал один, поэтому местами жертвовал качеством ради скорости — стоило выделять больше времени на каждый этап и привлекать коллег к ревью.