Дизайн-система
Overgear — ecommerce платформа для геймеров из США и Европы, где геймеры покупают и продают внутриигровые услуги и валюты. Продукт уже нашел свой Product-market fit на рынке, поэтому точками роста были расширение игр и типов услуг, улучшение операционных процессов.
Product Designer - Full-time
С ноября 2022
Проблема
Когда я пришла в продукт, не было единой дизайн-системы, использовались кастомные решения и было сразу 4 UI кита.
Цели:
• Сделать так, чтобы интерфейсы на всех страницах и платформах выглядели одинаково, избавиться от разношерстных элементов и кастомных решений
• Сократить время на создание новых страниц за счёт готовых компонентов
• Улучшение INP и других производственных метрик (CLS, FID, TTI) после внедрения оптимизированных компонентов.
• Сделать так, чтобы интерфейсы на всех страницах и платформах выглядели одинаково, избавиться от разношерстных элементов и кастомных решений
• Сократить время на создание новых страниц за счёт готовых компонентов
• Улучшение INP и других производственных метрик (CLS, FID, TTI) после внедрения оптимизированных компонентов.
Процесс
Дизайн-командой мы систематизировали и описали сначала стили и часто встречающиеся кнопки и контролы.
Мы выстроили процесс работы над библиотекой в Фигме и Сторибуке параллельно, небольшими итерациями.
Результаты
После создания масштабируемой дизайн-системы мы повысили INP и оптимизировали дизайн-процессы.
неоценимо
Лучше стали дизайн-процессы и поиск решений, выросла скорость создания макетов и сократилось количество кастомных решений. Если честно, замерить количественно насколько быстрее мы стали работать и как именно библиотека компонентов повлияла на фронтовые метрики сложно, но мы знаем что в начале 2024 года INP метрика на основных страницах была меньше 40%, в конце 2024 приближалась в среднем к 80%.
