SlideShare a Scribd company logo
Створення дизайн-
системи для white label
Case study
Jurij Ternicki
✅ У дизайні 10+ років
✅ Починав із графічного дизайну
✅ Head of Design @ Fintech Lab
✅ Я є на Facebook, Twitter, Instagram та Medium
Що таке White Label
Це продукт чи сервіс, який випускається
однією компанією для використання під
брендом іншої компанії.
Все почалося 3 роки тому
Я приєднався до команди, щоб проектувати
електронний гаманець.
KyivUX Meetup 2 - Design Systems for White Label products Ignite.pdf
KyivUX Meetup 2 - Design Systems for White Label products Ignite.pdf
Проблеми
😞 Клієнти вимагали кастомізацію під їх бренд
😞 Фронт, бек офіс та мобільні платформи мали
окремі бібліотеки компонентів
😞 Інтерфейс був не готовий до клонування, як
white label продукт
KyivUX Meetup 2 - Design Systems for White Label products Ignite.pdf
Рішення
✅ Мінімалізація використання елементів
бренду у компонентах.
✅ Стандартизація палітри.
✅ Єдина типографія.
✅ Стандартизація компонентів.
✅ Єдиний сет іконок для всіх платформ.
KyivUX Meetup 2 - Design Systems for White Label products Ignite.pdf
KyivUX Meetup 2 - Design Systems for White Label products Ignite.pdf
KyivUX Meetup 2 - Design Systems for White Label products Ignite.pdf
KyivUX Meetup 2 - Design Systems for White Label products Ignite.pdf
KyivUX Meetup 2 - Design Systems for White Label products Ignite.pdf
Fuck
WCAG 2.0
😉
Дизайн система —
не тільки бібліотека
компонентів в Sketch,
а ще й код
Своя пропріоритарна
дизайн-система це дорого
🤔 Як підтримувати бібліотеки компонентів?
🤔 Як розвивати бібліотеки компонентів?
🤔 Як доставляти оновлення бібліотек
компонентів?
adele.uxpin.com
Критерії вибору
✅ Open source
✅ Підтримка найбільш популярних
фреймворків
✅ Довготривалість
Дякую :)

More Related Content

PDF
Storytelling For The Web: Integrate Storytelling in your Design Process
PDF
2024 Trend Updates: What Really Works In SEO & Content Marketing
PDF
Designing Solutions in a Product World @ DevChallenge
PDF
Ключові компетенції дизайнера
PDF
Основи Lean UX
PDF
Як комунікувати цінність користувацького досвіду
PDF
Design QA або чому дизайнерам слід вийти «за рамки Figma».
PDF
Основні метрики юзабіліті тестування
Storytelling For The Web: Integrate Storytelling in your Design Process
2024 Trend Updates: What Really Works In SEO & Content Marketing
Designing Solutions in a Product World @ DevChallenge
Ключові компетенції дизайнера
Основи Lean UX
Як комунікувати цінність користувацького досвіду
Design QA або чому дизайнерам слід вийти «за рамки Figma».
Основні метрики юзабіліті тестування
Ad

KyivUX Meetup 2 - Design Systems for White Label products Ignite.pdf