SlideShare ist ein Scribd-Unternehmen logo
1 von 20
Downloaden Sie, um offline zu lesen
Створення дизайн-
системи для 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
✅ Підтримка найбільш популярних
фреймворків
✅ Довготривалість
Дякую :)

Weitere ähnliche Inhalte

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

Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...
Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...
Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...Dakiry
 
Як я запускаю проекти без програмування на WordPress і скільки це коштує
Як я запускаю проекти без програмування на WordPress і скільки це коштуєЯк я запускаю проекти без програмування на WordPress і скільки це коштує
Як я запускаю проекти без програмування на WordPress і скільки це коштуєOleksandr Strikha
 
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 ITAnastasiia Konoplova
 
Програми графічного дизайну
Програми графічного дизайнуПрограми графічного дизайну
Програми графічного дизайнуDOMDepartmentofMarke
 
UX Дезайнер: Інструкція з користування
UX Дезайнер: Інструкція з користуванняUX Дезайнер: Інструкція з користування
UX Дезайнер: Інструкція з користуванняTanya Zavialova
 
ТОП 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
 
Корнілов Андрій
Корнілов АндрійКорнілов Андрій
Корнілов АндрійOleg Nazarevych
 
природна і економна дорожня карта для переходу команди розробки на тест центр...
природна і економна дорожня карта для переходу команди розробки на тест центр...природна і економна дорожня карта для переходу команди розробки на тест центр...
природна і економна дорожня карта для переходу команди розробки на тест центр...Andrii Podanenko
 
Ключові компетенції дизайнера
Ключові компетенції дизайнераКлючові компетенції дизайнера
Ключові компетенції дизайнераYuri Ternytsky
 
Dmytro Khudenko: Можливості АІ в системах управління проєктами (UA) / AI func...
Dmytro Khudenko: Можливості АІ в системах управління проєктами (UA) / AI func...Dmytro Khudenko: Можливості АІ в системах управління проєктами (UA) / AI func...
Dmytro Khudenko: Можливості АІ в системах управління проєктами (UA) / AI func...Lviv Startup Club
 

Ähnlich wie KyivUX Meetup 2 - Design Systems for White Label products Ignite.pdf (20)

Mockup builder final
Mockup builder   finalMockup builder   final
Mockup builder final
 
Mockup builder
Mockup builderMockup builder
Mockup builder
 
Mockup builder
Mockup builderMockup builder
Mockup builder
 
Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...
Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...
Денис Суділковський "Вимірювання, оцінка та підвищення ефективності роботи ди...
 
Як я запускаю проекти без програмування на WordPress і скільки це коштує
Як я запускаю проекти без програмування на WordPress і скільки це коштуєЯк я запускаю проекти без програмування на WordPress і скільки це коштує
Як я запускаю проекти без програмування на WordPress і скільки це коштує
 
Fps Components
Fps ComponentsFps Components
Fps Components
 
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
 
Корнілов Андрій
Корнілов АндрійКорнілов Андрій
Корнілов Андрій
 
природна і економна дорожня карта для переходу команди розробки на тест центр...
природна і економна дорожня карта для переходу команди розробки на тест центр...природна і економна дорожня карта для переходу команди розробки на тест центр...
природна і економна дорожня карта для переходу команди розробки на тест центр...
 
Ключові компетенції дизайнера
Ключові компетенції дизайнераКлючові компетенції дизайнера
Ключові компетенції дизайнера
 
Dmytro Khudenko: Можливості АІ в системах управління проєктами (UA) / AI func...
Dmytro Khudenko: Можливості АІ в системах управління проєктами (UA) / AI func...Dmytro Khudenko: Можливості АІ в системах управління проєктами (UA) / AI func...
Dmytro Khudenko: Можливості АІ в системах управління проєктами (UA) / AI func...
 

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