# UI/UX‑дизайн та дизайн‑системи

> Вибрані роботи, що демонструють цю послугу.

- [Представила 200 покращень UI/UX для GIS‑картографічного застосунку, збільшивши дохід у 10 разів завдяки вдосконаленим функціям програмного забезпечення.](https://engineer.company/uk/portfolio/presented-200-ui-ux-improvements-for-the-gis-28/)
- [Долучилася до процесів проєктування користувацьких інтерфейсів, забезпечивши інтуїтивні, візуально привабливі та зручні для користувача інтерфейси проєктів.](https://engineer.company/uk/portfolio/contributed-to-user-interface-design-processes-ensuring-intuitive-36/)
- [Спроєктувала 30 вебсайтів, надавши унікальні та гнучкі рішення завдяки перетворенню дизайнів Photoshop на HTML.](https://engineer.company/uk/portfolio/designed-30-websites-delivering-unique-and-flexible-solutions-52/)
- [Спроєктувала дизайн‑систему iOS 26 'Liquid Glass' та канонічний реєстр компонентів, дотримання якого забезпечували правила лінтингу для запобігання розбіжностям UI.](https://engineer.company/uk/portfolio/designed-an-ios-26-liquid-glass-design-system-75/)
- [Спроєктувала UI та UX продукту наскрізно — сітки каталогів, подвійні подання картка/таблиця, валідатори вимог у реальному часі та навігацію breadcrumb.](https://engineer.company/uk/portfolio/designed-the-product-s-ui-and-ux-end-76/)
- [Підтримувала та вдосконалювала застарілий сайт на Hugo, водночас долучаючись до покращень UI/UX основного продукту з управління активами.](https://engineer.company/uk/portfolio/maintained-and-enhanced-the-legacy-hugo-static-site-87/)
- [Забезпечила успіх клієнтів у вебі, поєднавши розробку та дизайн індивідуальних вебсайтів із SEO, контент‑стратегією та копірайтингом.](https://engineer.company/uk/portfolio/drove-client-web-success-by-combining-custom-website-91/)
- [Замінила 27 відтворених розмірів шрифту, чиї найближчі сусіди різнилися на 0,6%, шестикроковою шкалою Major Third і написала лінтер, який валить двадцять восьмий.](https://engineer.company/uk/portfolio/replaced-27-font-sizes-with-a-six-step-scale-129/)
- [Довела WCAG 2.2 рівня AA на 32 представницьких сторінках — по одній на шаблон на мову — в обох колірних темах, плюс два критерії AAA, із задокументованим записом відповідності та перевіркою, що захищає кожне твердження.](https://engineer.company/uk/portfolio/took-wcag-2-2-level-aa-across-the-whole-site-130/)
- [Знайшла й виправила 11 дефектів доступності, які браузер звітував здоровими: вісім посилань підвалу, що лишалися в порядку табуляції за pointer‑events, шкалу прокрутки, яка обрізала колофон на трьох сторінках, і механізм правил, що виконував 70 зі своїх 105 правил.](https://engineer.company/uk/portfolio/fixed-11-accessibility-defects-the-browser-called-healthy-131/)
- [Закрила систему кольорів на 28 задокументованих кольорах із лінтером, який валить значення, намальоване але незадокументоване, задокументоване але ненамальоване, хибно виміряне, переписане як літерал або в межах перцептивної відстані 0,02 від уже наявного.](https://engineer.company/uk/portfolio/closed-the-colour-system-at-28-colours-133/)
- [Виявила, що світлій темі бракувало повносторінкового шару накладання від самого дня її написання, стверджуючи, що обидві теми малюють кожну шарувату поверхню однаковою кількістю шарів.](https://engineer.company/uk/portfolio/found-the-light-theme-missing-an-overlay-layer-134/)
- [Зробила зменшений рух чесним, знайшовши одинадцять селекторів, які досі анімувалися під цією настройкою, бо універсальне правило transition‑none програє за специфічністю будь‑якому правилу з класом.](https://engineer.company/uk/portfolio/made-reduced-motion-honest-135/)
- [Побудувала друкований стиль на 637 рядків проти чотирьох задокументованих поведінок рушія відтворення, зокрема вбудованих заголовків, які друкувалися білим по білому для будь‑якого читача, чий браузер надавав перевагу темному.](https://engineer.company/uk/portfolio/built-a-637-line-print-stylesheet-136/)
- [Встановила відповідність PDF/UA‑1 на дев'яти документах за 106 зі 106 правил і виявила, що архівний варіант валить одне правило зі 146 — майже‑успіх, який читається як успіх для будь‑кого, хто не запускає валідатор.](https://engineer.company/uk/portfolio/established-pdf-ua-1-conformance-across-nine-documents-146/)
- [Побудувала нативний клієнт обміну повідомленнями для macOS на Swift 6 і SwiftUI — 11 141 рядок у 53 файлах — поверх C‑інтерфейсу ядра на Rust, злінкованого як статичний архів із зафіксованої ревізії.](https://engineer.company/uk/portfolio/built-a-native-macos-messaging-client-in-swift-6-154/)
- [Назвала кожен суто піктограмний елемент керування в інтерфейсі для зчитувачів екрана після того, як кнопка надсилання оголошувалася як «arrow up circle, button», і написала лінтер, що вимагає підпис у межах восьми рядків від піктограми.](https://engineer.company/uk/portfolio/named-all-seventeen-interface-icons-for-screen-readers-159/)
- [Побудувала систему дизайну на 48 токенів поверх власного скляного матеріалу платформи й написала лінтер, який відхиляє магічне число, жорстко задений розмір шрифту чи анімацію, що ігнорує настройку зменшеного руху.](https://engineer.company/uk/portfolio/built-a-48-token-design-system-160/)
- [Переписала повідомлення про помилки застосунку за письмовим стандартом тону після того, як відмовлений вхід звинуватив користувача в друкарській помилці, тоді як провайдер насправді вимагав пароль для застосунку, і покрила це тестом, який називає провайдера.](https://engineer.company/uk/portfolio/rewrote-the-error-messages-against-a-tone-standard-162/)
- [Побудувала набори піктограм і фавіконів компанії з двох рукотворних малюнків, де кожен похідний ресурс перегенеровується скриптом, а перевірка валиться, коли похідний файл закомічено раніше за своє джерело.](https://engineer.company/uk/portfolio/built-the-visual-identity-from-two-drawings-164/)

<https://engineer.company/uk/services/ui-ux-design/>
