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

More Related Content

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

Mockup builder final
Mockup builder   finalMockup builder   final
Mockup builder final
Lviv Startup Club
 
Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...
Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...
Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...
Dakiry
 
Як я запускаю проекти без програмування на WordPress і скільки це коштує
Як я запускаю проекти без програмування на WordPress і скільки це коштуєЯк я запускаю проекти без програмування на WordPress і скільки це коштує
Як я запускаю проекти без програмування на WordPress і скільки це коштує
Oleksandr Strikha
 
Mariya Yeremenko: Вплив Генеративного ШІ на сучасний світ та на особисту ефек...
Mariya Yeremenko: Вплив Генеративного ШІ на сучасний світ та на особисту ефек...Mariya Yeremenko: Вплив Генеративного ШІ на сучасний світ та на особисту ефек...
Mariya Yeremenko: Вплив Генеративного ШІ на сучасний світ та на особисту ефек...
Lviv Startup Club
 
Shaping future of internal audit with IT
Shaping future of internal audit with ITShaping future of internal audit with IT
Shaping future of internal audit with IT
Anastasiia Konoplova
 
Програми графічного дизайну
Програми графічного дизайнуПрограми графічного дизайну
Програми графічного дизайну
DOMDepartmentofMarke
 
UX Дезайнер: Інструкція з користування
UX Дезайнер: Інструкція з користуванняUX Дезайнер: Інструкція з користування
UX Дезайнер: Інструкція з користування
Tanya Zavialova
 
Practical Cyber Security days
Practical Cyber Security daysPractical Cyber Security days
Practical Cyber Security days
Scientific Social Community
 
ТОП 8 Програм графічного дизайну
ТОП 8 Програм графічного дизайнуТОП 8 Програм графічного дизайну
ТОП 8 Програм графічного дизайну
DOMDepartmentofMarke
 
Lesson # 46. the main components of the application for the operating system ...
Lesson # 46. the main components of the application for the operating system ...Lesson # 46. the main components of the application for the operating system ...
Lesson # 46. the main components of the application for the operating system ...
Nikolay Shaygorodskiy
 
Rules for ergonomically placing information on a web page.
Rules for ergonomically placing information on a web page.Rules for ergonomically placing information on a web page.
Rules for ergonomically placing information on a web page.
Nikolay Shaygorodskiy
 
Docsvision Кирильчук Сергій
Docsvision Кирильчук СергійDocsvision Кирильчук Сергій
Docsvision Кирильчук Сергій
Dokymentoznavstvo111
 
GitHub pages
GitHub pagesGitHub pages
GitHub pages
Alexander Babich
 
Корнілов Андрій
Корнілов АндрійКорнілов Андрій
Корнілов Андрій
Oleg Nazarevych
 
природна і економна дорожня карта для переходу команди розробки на тест центр...
природна і економна дорожня карта для переходу команди розробки на тест центр...природна і економна дорожня карта для переходу команди розробки на тест центр...
природна і економна дорожня карта для переходу команди розробки на тест центр...
Andrii Podanenko
 
Ключові компетенції дизайнера
Ключові компетенції дизайнераКлючові компетенції дизайнера
Ключові компетенції дизайнера
Yuri Ternytsky
 

Similar to KyivUX Meetup 2 - Design Systems for White Label products Ignite.pdf (20)

Mockup builder
Mockup builderMockup builder
Mockup builder
 
Mockup builder final
Mockup builder   finalMockup builder   final
Mockup builder final
 
Mockup builder
Mockup builderMockup builder
Mockup builder
 
Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...
Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...
Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...
 
Як я запускаю проекти без програмування на WordPress і скільки це коштує
Як я запускаю проекти без програмування на WordPress і скільки це коштуєЯк я запускаю проекти без програмування на WordPress і скільки це коштує
Як я запускаю проекти без програмування на WordPress і скільки це коштує
 
Fps Components
Fps ComponentsFps Components
Fps Components
 
Mariya Yeremenko: Вплив Генеративного ШІ на сучасний світ та на особисту ефек...
Mariya Yeremenko: Вплив Генеративного ШІ на сучасний світ та на особисту ефек...Mariya Yeremenko: Вплив Генеративного ШІ на сучасний світ та на особисту ефек...
Mariya Yeremenko: Вплив Генеративного ШІ на сучасний світ та на особисту ефек...
 
Shaping future of internal audit with IT
Shaping future of internal audit with ITShaping future of internal audit with IT
Shaping future of internal audit with IT
 
Програми графічного дизайну
Програми графічного дизайнуПрограми графічного дизайну
Програми графічного дизайну
 
UX Дезайнер: Інструкція з користування
UX Дезайнер: Інструкція з користуванняUX Дезайнер: Інструкція з користування
UX Дезайнер: Інструкція з користування
 
1
11
1
 
Practical Cyber Security days
Practical Cyber Security daysPractical Cyber Security days
Practical Cyber Security days
 
ТОП 8 Програм графічного дизайну
ТОП 8 Програм графічного дизайнуТОП 8 Програм графічного дизайну
ТОП 8 Програм графічного дизайну
 
Lesson # 46. the main components of the application for the operating system ...
Lesson # 46. the main components of the application for the operating system ...Lesson # 46. the main components of the application for the operating system ...
Lesson # 46. the main components of the application for the operating system ...
 
Rules for ergonomically placing information on a web page.
Rules for ergonomically placing information on a web page.Rules for ergonomically placing information on a web page.
Rules for ergonomically placing information on a web page.
 
Docsvision Кирильчук Сергій
Docsvision Кирильчук СергійDocsvision Кирильчук Сергій
Docsvision Кирильчук Сергій
 
GitHub pages
GitHub pagesGitHub pages
GitHub pages
 
Корнілов Андрій
Корнілов АндрійКорнілов Андрій
Корнілов Андрій
 
природна і економна дорожня карта для переходу команди розробки на тест центр...
природна і економна дорожня карта для переходу команди розробки на тест центр...природна і економна дорожня карта для переходу команди розробки на тест центр...
природна і економна дорожня карта для переходу команди розробки на тест центр...
 
Ключові компетенції дизайнера
Ключові компетенції дизайнераКлючові компетенції дизайнера
Ключові компетенції дизайнера
 

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