# Спроєктувала UI та UX продукту наскрізно — сітки каталогів, подвійні подання картка/таблиця, валідатори вимог у реальному часі та навігацію breadcrumb. 2025 **Ситуація.** Платформа показує людям багато різних сутностей — фахівців, компанії, судна, вакансії, відгуки, — а інтерфейс мав поєднувати дві речі, які суперечать одна одній: привабливий вигляд і справжню зручність. Досить щільний, щоб показувати реальні морські дані, але не настільки, щоб перетворитися на стіну, від якої просто відскакуєш. **Завдання.** UI та UX продукту взято у власні руки від початку до кінця — макети, патерни взаємодії й дрібніші речі на кшталт того, як провести людину через форму так, щоб вона не почувалася, ніби її весь час смикають. **Дія.** Основну роботу виконали кілька рішень. Сітки каталогів мають перемикач «картки/таблиця», тож дані можна гортати візуально або швидко пробігати очима щільну таблицю, а застосунок пам'ятає обраний варіант. У формах працюють живі валідатори вимог, розташовані над полем введення: кожне правило світиться зеленим, коли його виконано, і жовтогарячим, коли ні, — тож користувача скеровують під час введення, а не докоряють йому після надсилання. Навігація побудована на однакових хлібних крихтах і двоколонкових макетах сутностей, тож сторінки сприймаються як частини одного продукту, а не набір непов'язаних екранів. А підхід до помилок — допомогти, а не зупинити: жодних червоних стін, переспрямування замість глухих кутів, застосунок намагається вести користувача далі, а не зупиняти його. **Результат.** Вийшов відшліфований, послідовний досвід користування, який робить щільні морські дані доступними й проводить людей через складні місця. Він виглядає продуманим і таким, якому можна довіряти, а на платформі, якою люди користуються заради власної кар'єри, це не просто косметика: якби все виглядало абияк, вони менше довіряли б даним — і мали б рацію. --- - Роль: UX/UI‑дизайнер - Категорії: [Frontend‑розробка](https://advisory.engineer.company/uk/categories/frontend/), [Веброзробка](https://advisory.engineer.company/uk/categories/web-development/), [Дизайн‑системи та UI](https://advisory.engineer.company/uk/categories/design-systems/), [UX / UI‑дизайн](https://advisory.engineer.company/uk/categories/ux-ui/), [Продукт і вимоги](https://advisory.engineer.company/uk/categories/product/) - Послуги: [Frontend‑розробка](https://advisory.engineer.company/uk/services/frontend-development/), [UI/UX‑дизайн та дизайн‑системи](https://advisory.engineer.company/uk/services/ui-ux-design/), [Продуктова стратегія та вимоги](https://advisory.engineer.company/uk/services/product-strategy/)