UX/UI designer
Развиваю дизайн-системы и проектирую интерфейсы в команде из 5 человек. Мой подход базируется на принципах human centered design, чтобы сделать ценный продукт с пользой для бизнеса.
👩🏼💻 Моя роль
- Визуальный дизайнер проекта IQOS. Создала с нуля под руководством ведущего дизайнера библиотеку стилей и компонентов (Ui-kit). Для спец. проектов прорабатывала новые компоненты и отрисовывала иконки с нуля.
- В рамках повышения квалификации работала над дизайн-системой для Высшей Школы Экономики. Отрисовала более 150 сетов иконок. Создала и описала более 10 компонентов для проекта.
IQOS Ui-Kit
Во время работы над проектом IQOS был создан UI kit, чтобы помогать команде дизайнеров и разработчиков придерживаться единого стиля во время реализации веб-сайтов и e-mail писем.
Проработаны:
Проработаны:
- Визуальный стиль: логотипы бренда, цвета, имиджи, иконки и иллюстрации
- Компоненты: кнопки, навигация, пагинации, слайдеры, чекбоксы, радиобатоны, инпуты, карточки товаров, футеры, хедеры
- А также сетки и типографика
Отрисовка Ui-элементов и иконок с нуля для спец.проектов IQOS
HSE Design System
Это мультибрендовая система дизайна, обслуживающая 15 брендов (Digital, SmartBoss, SmartData, SmartLms, SmartOffice, SmartPoint, SmartSecurity и другие)
В Вышке происходил быстрый рост цифровых продуктов, поэтому количество разработки увеличивалось, что привело к проблемам с согласованностью дизайна и скоростью выпуска новых функций. Устаревшие паттерны дизайна замедляли разработку и подрывали репутацию прогрессивного университета.
Зачем мы делали дизайн-систему
🟥 Проблемы бизнеса и пользователей
- Разные команды использовали свои собственные UI-kits, что вызвало путаницу у пользователей при навигации между разделами платформы
- Проблемы при масштабировании продукта, увеличение времени разработки, неэффективные процессы обновления
- Непоследовательный пользовательский опыт на цифровых платформах
- Отсутствие согласованности с мобильными приложениями, сложная и неинтуитивная навигация
- Низкая доступность для студентов с особенностями
- Устаревший визуальный вид продукта
👩🏼💻 Моя роль:
UI-UX дизайнер
Во время работы над мультибрендовой дизайн-системой я создавала иконки и компоненты на основе руководств и требований ведущего дизайнера, чтобы придерживаться согласованности и качества всей системы проектирования.
Мною проработаны:
UI-UX дизайнер
Во время работы над мультибрендовой дизайн-системой я создавала иконки и компоненты на основе руководств и требований ведущего дизайнера, чтобы придерживаться согласованности и качества всей системы проектирования.
Мною проработаны:
- Сеты иконок в 3-х размерностях (Large 32px, Medium 24px, Small 16px)
- Созданы компоненты, описана анатомия, документация и правила использования: Checkbox, Clickableicon, Collapse, Divider, Fileinput, IconButton, Pagination, ProgressBar, RadioButton, Switcher, Toast
Отрисовка сета иконок
Создание и описание компонентов
🔎 Каждый компонент дизайн-системы проходил этап:
- Функционального тестирования. Это помогло убедиться в том, что каждый компонент функционирует так, как задумано, в различных сценариях использования.
- Тестирования доступности. Чтобы обеспечить соответствие всех компонентов стандартам доступности (например, WCAG)
- Тестирования удобства использования. Чтобы убедиться в простоте использования компонента.
- Непрерывный цикл обратной связи. Мы установили механизм сбора обратной связи для сбора информации от пользователей.
До: 200 часов в месяц.
После: 100 часов в месяц.
После: 100 часов в месяц.
До: Среднее время разработки функций = 6 недель.
После: Среднее время разработки функций = 2 недели.
После: Среднее время разработки функций = 2 недели.
🌟 Достигнуты KPI
Сокращение времени обслуживания
-50%
+200%
Скорость разработки